/* 直接使用 north-star-cockpit 的筛选栏、分组、复合卡和响应式规则，仅补售后质量专用内容。 */
.o{font-family:var(--ck-font-family);font-variant-numeric:tabular-nums}.quality-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:2px 6px;border:0;background:transparent;border-radius:5px;color:var(--ck-text2);font-size:11px;cursor:pointer}.quality-toggle .icon{font-size:20px;line-height:1;color:var(--ck-primary)}.quality-toggle:hover,.quality-toggle[aria-expanded=true]{background:var(--ck-primary-soft)}.quality-rule{height:1px;flex:1;background:var(--ck-divider)}.quality-filter{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;margin:12px 0 0}.quality-filter button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:3px 0;cursor:pointer;font-size:12px;color:var(--ck-text2)}.quality-filter i,.quality-series i{display:inline-block;width:7px;height:7px;border-radius:1px}.quality-filter button[aria-pressed=false]{opacity:.4}button:focus-visible,select:focus-visible,.point:focus-visible{outline:2px solid var(--ck-primary);outline-offset:3px}.metric-group[hidden]{display:none!important}.yr select{height:32px;width:142px;border:1px solid var(--ck-border);border-radius:5px;background:var(--ck-card);padding:0 10px;color:var(--ck-ink);font:600 14px var(--ck-font-family)}.i.e .Mr{flex-wrap:wrap;font-size:14px}.i.e .Mr .Hi{margin-left:auto}.i.e .q>strong{font:700 34px/1.08 var(--ck-font-family);letter-spacing:normal}.i.e .q>strong small{font-size:12px;margin-left:4px;font-weight:400}.quality-change{margin-top:8px;font-size:12px;color:var(--ck-text2);display:flex;align-items:center;gap:8px}.quality-progress>span{background:var(--ck-primary-fill-soft)}.quality-progress{height:7px}.i.e .quality-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0}.i.e .quality-facts>div{min-width:0;padding:10px 8px 0}.i.e .quality-facts>div:first-child{padding-left:0}.i.e .quality-facts b{font-size:14px}.quality-series{display:flex;flex-wrap:wrap;gap:7px 12px;justify-content:flex-end;margin-bottom:8px;min-height:18px;color:var(--ck-text2);font-size:12px}.quality-series span{display:inline-flex;align-items:center;gap:5px}.i.e .N .quality-chart{display:block;min-height:190px}.quality-chart svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--ck-font-family)}.quality-bars{margin-top:22px}.quality-bar{display:grid;grid-template-columns:64px minmax(0,1fr) 54px;align-items:center;gap:10px;min-height:40px;font-size:12px;color:var(--ck-text2)}.quality-bar b{font-size:12px;color:var(--ck-ink);font-weight:600;text-align:right}.quality-track{height:14px;background:var(--ck-surface-soft);border-radius:2px;overflow:hidden}.quality-track i{display:block;height:100%;border-radius:2px}.quality-ticks{display:flex;justify-content:space-between;margin:10px 64px 0 74px;color:var(--ck-text2);font-size:12px}.tooltip{position:fixed;display:none;z-index:10;pointer-events:none;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:8px;padding:8px 12px;font:12px/1.5 var(--ck-font-family);color:var(--ck-ink);max-width:calc(100vw - 16px);overflow-wrap:anywhere}.empty{fill:var(--ck-text2);font-size:12px}.point{cursor:crosshair}.o .i.e{min-height:300px}.o .E{flex-wrap:wrap}.i.e .S{min-height:24px}.i.e .S strong{font-size:14px}.i.e .S span{font-size:12px}
@container C (max-width:760px){.i.e .quality-facts{margin-top:20px}.quality-chart svg{max-height:260px}.quality-filter{justify-content:flex-start}.quality-rule{display:none}}
@container C (max-width:300px){.quality-bar{grid-template-columns:58px minmax(0,1fr) 48px;gap:6px}.quality-ticks{margin-left:64px;margin-right:54px}.i.e .quality-facts b{font-size:12px}}

/* 固定正式图表绘图区，避免 SVG 宽高比撑高复合卡；宽屏保留三栏。 */
.i.e .N .quality-chart{flex:0 0 200px;height:200px;min-height:200px}.quality-chart svg{height:200px;width:100%}.U>.quality-rule{display:block}.quality-rule{max-width:none}.o .i.e .d{height:auto}
@container C (min-width:1120px){.o .i.e{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.4fr) minmax(300px,1.1fr)}.o .i.e .A{grid-column:auto;border-top:0;border-left:1px solid var(--ck-divider)}}
@container C (max-width:760px){.i.e .N .quality-chart{flex-basis:200px}.quality-chart svg{height:200px}}

/* 本轮：移除进度条与截止月份，新增整体柱图、品线环形/条形切换。 */
.i.e .quality-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.i.e .quality-facts>div{padding-top:10px}.quality-mix{display:block;width:100%;min-width:0;flex:1;border:0;background:transparent;text-align:left;padding:0;color:inherit;cursor:pointer;border-radius:5px}.quality-mix:hover{background:var(--ck-surface-soft)}.quality-donut{display:grid;grid-template-columns:minmax(120px,1fr) 135px;align-items:center;gap:6px;min-height:200px}.quality-donut svg{display:block;width:100%;height:180px}.quality-mix-legend{display:flex;flex-direction:column;gap:12px;font:12px var(--ck-font-family)}.quality-mix-legend>div{display:grid;grid-template-columns:7px 1fr 42px;align-items:center;gap:6px}.quality-mix-legend i{width:7px;height:7px}.quality-mix-legend span{color:var(--ck-text2)}.quality-mix-legend b{text-align:right;font-size:12px;font-weight:600}.quality-switch-hint{font-size:11px;color:var(--ck-text2);text-align:right}.quality-bars{margin-top:0}.quality-chart rect:hover{fill:var(--ck-primary-hover)}
@container C (max-width:300px){.quality-donut{grid-template-columns:1fr;gap:0}.quality-donut svg{height:150px}.quality-mix-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quality-mix-legend>div{grid-template-columns:5px 1fr;gap:4px}.quality-mix-legend b{grid-column:2;text-align:left}}

/* 趋势主视图仅展示整体柱图，右上角进入品线详情。 */
.quality-detail-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--ck-primary);border:0;background:transparent;cursor:pointer;border-radius:5px}.quality-detail-trigger:hover{background:var(--ck-primary-soft)}.quality-detail{position:fixed;inset:0 0 0 auto;margin:0;width:min(920px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;border:0;border-left:1px solid var(--ck-border);background:var(--ck-card);color:var(--ck-ink);font:14px/1.5 var(--ck-font-family)}.quality-detail::backdrop{background:var(--ck-scrim)}.quality-detail>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--ck-divider)}.quality-detail h2{margin:0;font-size:18px;font-weight:700}.quality-detail p{margin:6px 0 0;color:var(--ck-text2);font-size:12px}.quality-detail header button{width:32px;height:32px;border:0;background:var(--ck-surface-soft);border-radius:5px;cursor:pointer;font-size:24px;color:var(--ck-text2);flex-shrink:0}.quality-detail-body{padding:20px}.quality-detail .quality-filter{justify-content:flex-start;margin:0 0 24px}.quality-detail svg{width:100%;height:auto;font-family:var(--ck-font-family)}.quality-detail svg text{fill:var(--ck-text2);font-size:12px}.quality-detail svg circle{cursor:crosshair}body:has(dialog[open]){overflow:hidden}
@media(max-width:640px){.quality-detail>header{padding:16px 14px}.quality-detail-body{padding:14px}.quality-detail svg{min-height:260px}}

/* 简化分组，环比与主值并排，底部数据保留留白。 */
#legend.quality-filter{display:none}.i.e .q{gap:8px;align-items:last baseline;white-space:normal;flex-wrap:wrap}.i.e .q>strong{white-space:nowrap;flex-shrink:0}.i.e .q .quality-change{margin:0;gap:4px;font-size:11px;white-space:nowrap}.i.e .q .quality-change .F{font-size:11px;padding:2px 5px;height:auto;line-height:1.35}.i.e .quality-facts{margin-bottom:20px}.metric-group{margin-top:16px}.metric-group+.metric-group{margin-top:16px}

/* 分栏边界上下留白，时间类型作为标题旁的弱辅助文字。 */
.o .i.e .d + .d{position:relative;border-left:0;border-top:0}
.o .i.e .d + .d::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:var(--ck-divider);pointer-events:none}
.i.e .Mr .Hi{margin-left:0}
.i.e .Mr .ta{padding:2px 7px;min-height:20px;background:var(--ck-surface-soft);color:var(--ck-text2);font-size:11px;line-height:16px;font-weight:400;border-radius:var(--ck-radius-sm)}
@container C (min-width:761px) and (max-width:1119px){.o .i.e .d.A::before{top:0;bottom:auto;left:18px;right:18px;width:auto;height:1px}}
@container C (max-width:760px){.o .i.e .d + .d::before{top:0;bottom:auto;left:18px;right:18px;width:auto;height:1px}}

/* 标题红绿灯复用原 ir 状态点与 Ni/Ci/Yi 发光边框。 */
.o .i.e .q .quality-change .F{background:transparent;font-weight:400;padding:0;border-radius:0}
.o .i.e .quality-facts b{font-weight:400;color:var(--ck-text2)}
.o .U .quality-toggle:hover,.o .U .quality-toggle[aria-expanded=true]{background:#EDEEF0;color:var(--ck-text2)}
.quality-status-wrap{position:relative;display:inline-flex;align-items:center;min-height:28px;padding:4px 2px;cursor:default}.quality-status-wrap .ke{margin:0;gap:4px}.quality-status-wrap .ir{display:inline-block;flex-shrink:0}.quality-status-popover{display:none;position:absolute;left:-8px;top:100%;min-width:280px;max-width:calc(100vw - 40px);padding:10px 12px;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:8px;box-shadow:0 4px 16px #1a1a1a12;z-index:20;font:12px/1.5 var(--ck-font-family);color:var(--ck-ink)}.quality-status-wrap:hover .quality-status-popover,.quality-status-wrap:focus-within .quality-status-popover{display:block}.quality-status-popover>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 0}.quality-status-popover b{font-weight:500;color:var(--ck-text2)}.quality-status-popover .ir{width:7px;height:7px;border-radius:50%}.U .quality-toggle{margin-left:0}.U .quality-status-wrap{flex:0 0 auto}.quality-status-wrap:focus-visible{outline:2px solid var(--ck-primary);outline-offset:3px}

/* 参照原始 MetricDrawer 的 960px 右侧详情，按总—国家—品线分组。 */
.quality-detail{width:min(960px,100vw);overflow:hidden}.quality-detail[open]{display:flex;flex-direction:column}.quality-detail>header{flex:0 0 auto;align-items:center}.quality-detail-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;flex:1;min-width:0}.quality-detail .quality-detail-heading h2{font-size:18px;line-height:28px}.quality-detail-heading>strong{font-size:22px;line-height:28px;font-weight:700;font-variant-numeric:tabular-nums}.quality-detail .quality-detail-heading p{margin:0 0 0 auto;font-size:12px}.quality-detail-body{overflow-y:auto;flex:1;min-height:0;padding:14px 20px 24px;scrollbar-gutter:stable}.detail-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 0 14px;margin-bottom:4px}.detail-totals>div{padding:8px 14px;min-width:0}.detail-totals>div+div{border-left:1px solid var(--ck-divider)}.detail-totals span{display:block;font-size:12px;color:var(--ck-text2)}.detail-totals b{display:block;margin-top:6px;font-size:14px;font-weight:400}.detail-group{padding:14px 0;border-top:1px solid var(--ck-divider)}.detail-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}.detail-section-head h3{font-size:14px;font-weight:600;margin:0}.detail-section-head>span{font-size:12px;color:var(--ck-text2)}.detail-overall svg{height:220px;width:100%;display:block}.detail-table{font-size:12px}.detail-row{display:grid;grid-template-columns:minmax(140px,1fr) 160px 90px 100px;gap:12px;align-items:center;min-height:52px}.detail-row+.detail-row{border-top:1px solid var(--ck-grid)}.detail-row>span{text-align:right;font-variant-numeric:tabular-nums}.detail-table-head{min-height:32px;color:var(--ck-text2);font-weight:400}.detail-table-head>span:first-child{text-align:left}.detail-dimension{display:flex;align-items:center;gap:12px;min-width:0}.detail-dimension>div{flex:1;min-width:0}.detail-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ck-border);border-radius:5px;color:var(--ck-primary);background:var(--ck-primary-soft);font-size:12px;flex-shrink:0}.detail-icon img{width:30px;height:20px;object-fit:contain}.detail-scale{height:7px;margin-top:5px;background:var(--ck-surface-soft);border-radius:4px;overflow:hidden}.detail-scale i{display:block;height:100%;background:var(--blue-500);border-radius:4px}.detail-trend-heading{margin-top:20px;margin-bottom:10px}.quality-detail .detail-series{margin:0 0 8px;justify-content:flex-end}.detail-lines svg{display:block;width:100%;height:auto}.detail-method{padding:14px 0;border-top:1px solid var(--ck-divider);font-size:12px;color:var(--ck-text2)}.detail-method b{font-weight:600}.quality-detail .detail-method p{font-size:12px;line-height:1.65;margin:6px 0}.detail-neutral{color:var(--ck-text2)}
@media(max-width:720px){.detail-row{grid-template-columns:minmax(100px,1fr) 105px 65px;gap:6px 10px;padding:10px 0}.detail-row>span:last-child{grid-column:3}.detail-row>span:nth-child(2){grid-column:2}.detail-row>span:nth-child(3){grid-column:3;grid-row:auto}.detail-row .detail-dimension{grid-row:span 2}.detail-table-head>span:last-child{display:none}.detail-table-head{min-height:32px;padding:4px 0}.detail-icon{width:26px;height:26px;flex-basis:26px}.detail-icon img{width:24px}.detail-dimension{gap:6px}.detail-totals>div{padding:8px}.quality-detail .quality-detail-heading p{margin-left:0}.quality-detail-body{padding:12px 14px 20px}.quality-detail .detail-series{justify-content:flex-start}.detail-lines svg{min-height:200px}}

.quality-detail-heading>.F{margin-left:0}
/* 质量损失沿用复合卡与详情抽屉的布局。 */
.loss-bar{grid-template-columns:70px minmax(0,1fr) 80px}.loss-detail-row{grid-template-columns:minmax(0,1.5fr) minmax(90px,1fr) minmax(90px,1fr)}

/* 对照仓库 MetricDrawer：外框960px、左侧关闭、灰底与白色图表容器、四列下钻行。 */
.quality-detail{width:min(960px,100vw);background:var(--ck-bg)}.quality-detail::backdrop{background:var(--ck-scrim);backdrop-filter:blur(2px)}.quality-detail>header{background:var(--ck-card);padding:18px 20px;gap:0}.quality-detail header button{order:-1;width:32px;height:32px;flex:0 0 32px;margin-right:12px;align-self:flex-start;border:1px solid var(--ck-border);border-radius:8px;background:transparent}.quality-detail-body{padding:14px 20px 24px;background:var(--ck-bg);scrollbar-gutter:auto}.quality-detail-heading{gap:8px 12px;min-height:32px}.quality-detail-heading>strong{font-size:22px;line-height:28px}.quality-detail-heading>.F{height:20px;padding:2px 6px;line-height:16px}.quality-detail .quality-detail-heading p{line-height:20px}.detail-totals{margin:0 0 12px;padding:0;gap:10px}.detail-totals>div{padding:11px 10px;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:8px;text-align:right}.detail-totals>div+div{border-left:1px solid var(--ck-border)}.detail-totals b{text-align:right}.detail-source-chart{margin:0 0 8px;padding:16px 18px;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:8px}.detail-overall-panel{margin-bottom:12px}.detail-group{padding:0;margin:0 0 16px;border:0}.detail-list-section{padding:14px 0;margin:0;background:transparent}.detail-section-head{align-items:flex-start;margin-bottom:10px;gap:12px}.detail-section-head h3{font-size:14px;font-weight:700}.detail-overall svg{height:220px}.detail-lines svg{height:220px}.detail-source-rows{padding:8px 12px;background:var(--ck-card);border-radius:5px}.detail-source-row{display:grid;grid-template-columns:40px minmax(0,1fr) 100px 105px;gap:12px;align-items:center;min-height:44px;font-size:12px;line-height:1.4;color:var(--ck-text2)}.detail-source-row .detail-icon{justify-self:center}.detail-source-row .detail-source-count,.detail-source-row em{text-align:right;font-style:normal}.detail-source-scale{min-width:0;padding:5px 0 6px}.detail-source-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.detail-source-head>span{font-weight:600;color:var(--ck-ink)}.detail-source-head strong{font-size:12px;font-weight:600;text-align:right;white-space:nowrap;color:var(--ck-ink)}.detail-source-row .detail-scale{margin-top:5px}.detail-source-chart .detail-series{margin-bottom:8px}.detail-method{border:0;margin-top:10px;padding:0}.detail-method b{color:var(--ck-text2)}
@media(max-width:720px){.detail-source-rows{padding:4px 10px}.detail-source-row{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);gap:6px 10px;padding:10px 0}.detail-source-row+.detail-source-row{border-top:1px solid var(--ck-divider)}.detail-source-row .detail-icon{grid-column:1;grid-row:1/span 2}.detail-source-scale{grid-column:2/-1}.detail-source-count{grid-column:2}.detail-source-row em{grid-column:3}.detail-source-head{flex-wrap:wrap;gap:4px 8px}.detail-source-head strong{margin-left:auto}.detail-lines svg{height:220px;min-height:0}}
@media(max-width:640px){.quality-detail>header{padding:16px 14px}.quality-detail-body{padding:14px 12px 24px}.detail-list-section{padding:12px 0}.detail-totals{gap:8px}.detail-totals>div{padding:10px 8px}.quality-detail .detail-overall svg{height:220px;min-height:0}}

/* 图表按内容区实际尺寸绘制，取消固定比例造成的居中留白。 */
.i.e .N .quality-chart{height:200px;min-height:200px;flex:0 0 200px}.quality-chart svg{width:100%;height:100%;overflow:visible}.detail-overall{height:220px}.quality-detail .detail-overall svg{width:100%;height:100%;min-height:0}.o .i.e{min-height:270px}.o .i.e .d{padding-bottom:12px}

/* 全部详情趋势按实际容器宽度绘图，固定高度避免尺寸反馈。 */
.detail-lines{height:220px;min-width:0}.quality-detail .detail-lines svg{display:block;width:100%;height:100%;min-height:0}.loss-donut{grid-template-columns:minmax(100px,1fr) 165px}.loss-donut .quality-mix-legend>div{grid-template-columns:7px minmax(0,1fr) 76px}.loss-mix{min-height:200px}.loss-mix .quality-bars{margin-top:0}
@container C (max-width:300px){.loss-donut{grid-template-columns:1fr}.loss-donut .quality-mix-legend>div{grid-template-columns:7px 1fr}.loss-donut .quality-mix-legend b{grid-column:2;text-align:left}}
/* 生产质量复用现有复合卡和详情抽屉。 */
.production-group-title{margin:20px 0 8px;font-size:13px;font-weight:600;color:var(--ck-text2)}.production-pending{font-size:12px;color:var(--ck-text2);line-height:1.6}.production-record-link{border:0;background:transparent;color:var(--ck-primary);font:inherit;font-size:13px;cursor:pointer;padding:24px 0}.production-chart svg{font-family:var(--ck-font-family)}.production-chart svg text{fill:var(--ck-text2);font-size:12px}.production-table{overflow-x:auto}.production-table table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.production-table th,.production-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--ck-divider);font-weight:400}.production-table th{color:var(--ck-text2)}

/* 分组标题直接复用原生增长标题的 Lr 结构与蓝色竖条。 */
.production-group-heading{margin-top:20px}

/* 质量损失首页：参照盈利区双卡排列与58px MiniTrend。 */
/* 首页卡片外侧增加留白，避免指标与图例贴近卡片边缘。 */
.o .i.e .d:first-child{padding-left:28px}
.o .i.e .d.A{padding-right:30px}
.o .loss-compact-card{padding-left:28px;padding-right:28px}
@container C (max-width:760px){.o .i.e .d:first-child{padding-left:22px}.o .i.e .d.A{padding-right:22px}.o .loss-compact-card{padding-left:22px;padding-right:22px}}
#loss-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.loss-compact-card{min-width:0;min-height:172px;padding:17px 20px 12px;container:loss-card/inline-size}.loss-compact-head{display:flex;align-items:center;gap:8px;min-height:24px;margin-bottom:12px}.loss-compact-head h3{margin:0;font-size:14px;font-weight:600}.loss-basis{font-size:11px;color:var(--ck-text2);background:var(--ck-surface-soft);padding:2px 7px;border-radius:5px;margin-left:auto}.loss-compact-body{display:grid;grid-template-columns:minmax(138px,.85fr) minmax(0,1.15fr);gap:16px;align-items:center;min-height:91px}.loss-compact-value>strong{display:block;font:700 34px/1.08 var(--ck-font-family);white-space:nowrap}.loss-compact-value small{font-size:12px;color:var(--ck-text2);font-weight:400;margin-left:4px}.loss-compact-value>div{font-size:12px;color:var(--ck-text2);margin-top:8px;line-height:1.5}.loss-compact-value>div>span{margin-left:5px;font-weight:400}.loss-compact-trend{min-width:0;border-left:1px solid var(--ck-divider);padding-left:18px}.loss-mini-meta{display:flex;justify-content:space-between;gap:7px;font-size:10px;color:var(--ck-text2);margin-bottom:4px;flex-wrap:wrap}.loss-mini-meta b{font-weight:600;color:var(--ck-ink)}.loss-mini-chart{height:58px;min-width:0}.loss-mini-chart svg{display:block;width:100%;height:100%}.loss-detail-tools{display:flex;align-items:center;gap:8px;color:var(--ck-text2);font-size:12px}.loss-detail-tools .quality-toggle{font-size:11px;min-height:26px;border:1px solid var(--ck-border)}
@container C (max-width:710px){#loss-metrics{grid-template-columns:1fr}}
@container loss-card (max-width:300px){.loss-compact-body{grid-template-columns:1fr;gap:12px}.loss-compact-trend{border-left:0;padding-left:0;border-top:1px solid var(--ck-divider);padding-top:10px}.loss-compact-value>strong{font-size:32px}}
/* 两张异常卡复用原生 y / Q / tr / X / Ei 的横排结构。 */
.production-event-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.production-event-card{min-width:0}.production-event-card .Q{display:flex;align-items:center;gap:8px}.production-event-card .Q .quality-detail-trigger{margin-left:auto}.production-event-card .production-mini-trend{height:58px;min-width:0}.production-mini-trend svg{display:block;width:100%;height:100%}.production-event-card .nr{display:flex;justify-content:space-between}.production-event-card .T strong{white-space:nowrap}
@media(max-width:760px){.production-event-row{grid-template-columns:1fr}}

/* 红绿灯仅以颜色及卡片边框表达状态，不显示悬浮清单。 */
.quality-status-popover,.quality-status-wrap:hover .quality-status-popover,.quality-status-wrap:focus-within .quality-status-popover{display:none!important}
.status-managed-card{position:relative}.status-managed-card.Ni{border-color:var(--ck-ok);box-shadow:0 0 14px var(--ck-ok-line)}.status-managed-card.Ci{border-color:var(--ck-warn);box-shadow:0 0 14px var(--ck-warn-line)}.status-managed-card.Yi{border-color:var(--ck-bad);box-shadow:0 0 14px var(--ck-bad-line)}

/* 时间类型贴近指标名称，不放到右侧趋势图一端。 */
.loss-compact-head .loss-basis{margin-left:0}.loss-compact-head .quality-detail-trigger{margin-left:auto}.production-event-card .Q .Hi{margin-left:0}.production-event-card .Q .ta{padding:2px 7px;min-height:20px;background:var(--ck-surface-soft);color:var(--ck-text2);font-size:11px;font-weight:400;line-height:16px;border-radius:5px}