/* 成本大屏 · 共享样式（赭红主题） */
html:has(body.is-screen.light){height:100%;}
body.is-screen.light{min-height:100vh;height:100%;margin:0;overflow:hidden;background:radial-gradient(ellipse at 18% 12%, rgba(200,71,45,.14) 0%, transparent 52%),radial-gradient(ellipse at 82% 88%, rgba(180,83,9,.12) 0%, transparent 52%),linear-gradient(135deg,#FBF6F2 0%,#F4ECE4 50%,#FBF6F2 100%) !important;color:#3A1F12 !important;}
.scr-stage{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;align-items:stretch;justify-content:flex-start;}
.scr-canvas{
  flex:1;min-height:0;width:100%;max-width:100%;
  box-sizing:border-box;
  padding:clamp(8px,calc(var(--dvmin,1vmin)*1.4),18px);
  transform:none;user-select:none;
  display:flex;flex-direction:column;gap:clamp(8px,1vmin,12px);color:inherit;
}

.scr-head{flex:none;min-height:clamp(48px,calc(var(--dvmin,1vmin)*6),72px);display:flex;align-items:center;gap:clamp(8px,1.2vw,14px);padding:clamp(6px,1vh,10px) clamp(12px,1.5vw,18px);background:rgba(255,255,255,.66);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.82);border-radius:10px;box-shadow:0 4px 20px rgba(200,71,45,.06);position:relative;}
.scr-head .logo{width:clamp(34px,calc(var(--dvmin,1vmin)*4),48px);height:clamp(34px,calc(var(--dvmin,1vmin)*4),48px);border-radius:10px;background:linear-gradient(135deg,#C8472D,#8C2A12);display:grid;place-items:center;color:#fff;}
.scr-head .title{font-size:clamp(17px,calc(var(--dvmin,1vmin)*2.2),26px);font-weight:700;letter-spacing:1.5px;background:linear-gradient(90deg,#C8472D 0%,#B45309 50%,#C8472D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;}
.scr-head .sub{font-size:clamp(10px,calc(var(--dvmin,1vmin)*1.05),13px);color:#8B5E3C;letter-spacing:2px;margin-top:2px;}
.scr-head .meta{margin-left:auto;display:flex;flex-wrap:wrap;gap:clamp(8px,1.2vw,18px);font-size:clamp(11px,calc(var(--dvmin,1vmin)*1.05),13.5px);color:#8B5E3C;align-items:center;}
.scr-head .meta .v{color:#3A1F12;font-family:'JetBrains Mono',monospace;font-weight:700;margin-left:4px;}
.scr-head .meta .dt{color:#C8472D;font-family:'JetBrains Mono',monospace;font-size:14px;}
.scr-head .dot{width:8px;height:8px;border-radius:50%;background:#16a34a;display:inline-block;margin-right:5px;box-shadow:0 0 0 3px rgba(22,163,74,.2);animation:dotPulse 1.8s infinite;}
@keyframes dotPulse{0%,100%{opacity:1;}50%{opacity:.5;}}

.scr-kpi{flex:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vmin,12px);}
@media (max-width:1100px){.scr-kpi{grid-template-columns:repeat(3,minmax(0,1fr));}}
.scr-kpi .card{min-height:clamp(86px,calc(var(--dvmin,1vmin)*9.5),110px);height:auto;padding:clamp(10px,1.3vmin,14px) clamp(12px,1.5vmin,16px);background:rgba(255,255,255,.66);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.85);border-radius:10px;box-shadow:0 6px 22px rgba(200,71,45,.06);position:relative;overflow:hidden;}
.scr-kpi .lb{font-size:clamp(11px,calc(var(--dvmin,1vmin)*1.05),13.5px);color:#8B5E3C;display:flex;align-items:center;gap:5px;}
.scr-kpi .vl{font-family:'JetBrains Mono',monospace;font-size:clamp(20px,calc(var(--dvmin,1vmin)*2.8),34px);font-weight:800;line-height:1.1;margin-top:6px;background:linear-gradient(90deg,#3A1F12 0%,#C8472D 140%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.scr-kpi .vl .u{font-size:13px;color:#8B5E3C;font-weight:400;-webkit-text-fill-color:#8B5E3C;background:none;margin-left:4px;}
.scr-kpi .tr{font-size:11.5px;margin-top:4px;display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:4px;}
.scr-kpi .tr.up{color:#EF4444;background:rgba(239,68,68,.1);}
.scr-kpi .tr.down{color:#16a34a;background:rgba(22,163,74,.1);}

.scr-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;min-height:0;}
.scr-grid .span2{grid-column:span 2;} .scr-grid .span3{grid-column:span 3;} .scr-grid .span4{grid-column:span 4;} .scr-grid .row2{grid-row:span 2;}
.scr-panel{background:rgba(255,255,255,.64);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.85);border-radius:10px;box-shadow:0 6px 22px rgba(200,71,45,.06);display:flex;flex-direction:column;overflow:hidden;position:relative;}
.scr-panel::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#C8472D,transparent);opacity:.5;}
.scr-panel .hd{flex:none;height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(200,71,45,.1);}
.scr-panel .hd .t{font-size:13.5px;font-weight:600;color:#3A1F12;display:inline-flex;align-items:center;gap:6px;}
.scr-panel .hd .t::before{content:'';width:4px;height:14px;border-radius:2px;background:linear-gradient(180deg,#C8472D,#B45309);}
.scr-panel .hd .rt{margin-left:auto;font-size:11.5px;color:#8B5E3C;}
.scr-panel .bd{flex:1;min-height:0;padding:8px 12px;position:relative;}

.row-rt{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px dashed rgba(200,71,45,.08);font-size:12.5px;color:#3A1F12;}
.row-rt:last-child{border-bottom:none;}
.row-rt .no{font-family:monospace;color:#C8472D;width:88px;}
.row-rt .nm{flex:1;}
.row-rt .pg{flex-basis:140px;display:flex;align-items:center;gap:6px;}
.row-rt .pg .bar{flex:1;height:5px;background:rgba(200,71,45,.08);border-radius:3px;overflow:hidden;}
.row-rt .pg .bar .fl{height:100%;background:linear-gradient(90deg,#C8472D,#B45309);}
.row-rt .pg .v{font-family:monospace;font-size:11.5px;width:40px;text-align:right;color:#3A1F12;}
.row-rt .st{padding:1px 7px;border-radius:10px;font-size:11px;}
.st.ok{background:rgba(22,163,74,.1);color:#16a34a;}
.st.warn{background:rgba(245,158,11,.12);color:#F59E0B;}
.st.bad{background:rgba(239,68,68,.12);color:#EF4444;}

.cell-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;height:100%;}
.cell-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:100%;}
.cell{background:rgba(255,255,255,.5);border:1px solid rgba(200,71,45,.1);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;justify-content:center;}
.cell.ok{border-left:3px solid #16a34a;}
.cell.warn{border-left:3px solid #F59E0B;}
.cell.bad{border-left:3px solid #EF4444;}
.cell .nm{font-size:11.5px;color:#3A1F12;font-weight:600;}
.cell .vl{font-family:monospace;font-size:18px;font-weight:700;color:#C8472D;line-height:1.2;}
.cell .sub{font-size:10.5px;color:#8B5E3C;}

.bar-line{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;}
.bar-line .lb{width:90px;color:#8B5E3C;font-size:11.5px;}
.bar-line .bar{flex:1;height:6px;background:rgba(200,71,45,.08);border-radius:3px;overflow:hidden;}
.bar-line .bar .fl{height:100%;background:linear-gradient(90deg,#C8472D,#B45309);transition:width .8s;}
.bar-line .v{width:60px;text-align:right;font-family:monospace;color:#3A1F12;}