/* ============================================================
   MES 扩展样式
   沿用专业模式：浅底深字商务风
   页面底 #F5F7FA / 卡片 #FFFFFF / 分隔线 #E3E8EF
   正文 #1B2430 / 次要 #4A5666 / 弱化 #7C8798
   语义色 绿 #1E9E6A / 琥珀 #B8892B / 红 #D14343 / 蓝 #2A6FB0
   ============================================================ */

/* ---------- 我的工作台 ---------- */
.work-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.wh-card{background:#FFF;border:1px solid #E3E8EF;border-radius:10px;padding:16px 18px;
  box-shadow:0 1px 3px rgba(27,36,48,.05)}
.wh-card.alert{border-color:#F0C4C4;background:#FDF7F7}
.wh-k{font-size:13px;color:#7C8798;margin-bottom:8px}
.wh-v{font-size:34px;font-weight:700;color:#1B2430;line-height:1;font-family:"Helvetica Neue",Arial,sans-serif}
.wh-card.alert .wh-v{color:#D14343}
.wh-u{font-size:12px;color:#4A5666;margin-top:8px}

.work-grp{margin-bottom:20px}
.wg-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.wg-t{font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px}
.wg-t.p-critical{background:#FBE9E9;color:#B13434}
.wg-t.p-high{background:#FDF4E3;color:#8F6B1F}
.wg-t.p-normal{background:#EEF3F9;color:#2A6FB0}
.wg-t.p-low{background:#F1F3F6;color:#5C6878}
.wg-n{font-size:12px;color:#7C8798}

.work-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:10px}
.work-card{background:#FFF;border:1px solid #E3E8EF;border-left:3px solid #2A6FB0;border-radius:8px;
  padding:13px 15px;cursor:pointer;transition:box-shadow .15s,transform .15s}
.work-card:hover{box-shadow:0 3px 10px rgba(27,36,48,.10);transform:translateY(-1px)}
.work-card.p-critical{border-left-color:#D14343;background:#FEFAFA}
.work-card.p-high{border-left-color:#B8892B}
.work-card.p-normal{border-left-color:#2A6FB0}
.work-card.p-low{border-left-color:#9AA6B4}
.wc-cat{font-size:11px;color:#7C8798;letter-spacing:.4px}
.wc-title{font-size:15px;font-weight:600;color:#1B2430;margin:5px 0 6px;line-height:1.4}
.wc-hint{font-size:12px;color:#4A5666;line-height:1.55;min-height:19px}
.wc-go{font-size:12px;color:#2A6FB0;margin-top:9px;font-weight:500}

.empty-ok{text-align:center;padding:34px 20px}
.eo-icon{width:46px;height:46px;border-radius:50%;background:#E8F6F0;color:#1E9E6A;
  font-size:24px;line-height:46px;margin:0 auto 12px;font-weight:700}
.eo-t{font-size:16px;font-weight:600;color:#1B2430}
.eo-s{font-size:13px;color:#7C8798;margin-top:5px}

/* ---------- Andon 呼叫 ---------- */
.andon-call-box{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 16px;background:#FDF7F7;border:1px solid #F0D6D6;border-radius:8px}
.acb-txt{font-size:13px;color:#4A5666}
.btn-danger{background:#D14343;color:#FFF;border:1px solid #C03A3A}
.btn-danger:hover{background:#BC3A3A}
.btn-lg{font-size:15px;padding:11px 22px}
.btn-primary{background:#2A6FB0;color:#FFF;border:1px solid #24608F}
.btn-primary:hover{background:#24608F}

.sev-p1{background:#FBE9E9;color:#B13434}
.sev-p2{background:#FDF4E3;color:#8F6B1F}
.sev-p3{background:#EEF3F9;color:#2A6FB0}

.btn-mini{font-size:11px;padding:3px 9px;border:1px solid #CFD8E3;background:#FFF;
  border-radius:4px;color:#4A5666;cursor:pointer;font-family:inherit}
.btn-mini:hover{border-color:#2A6FB0;color:#2A6FB0}
.btn-mini.pri{background:#2A6FB0;border-color:#24608F;color:#FFF}
.btn-mini.pri:hover{background:#24608F;color:#FFF}

/* ---------- EBR 复核 ---------- */
.ebr-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}
.ebr-tab{min-width:172px;text-align:left;padding:10px 13px;border:1px solid #E3E8EF;
  border-radius:8px;background:#FFF;cursor:pointer;font-family:inherit}
.ebr-tab:hover{border-color:#B9C6D6}
.ebr-tab.on{border-color:#2A6FB0;box-shadow:0 0 0 2px rgba(42,111,176,.10)}
.ebr-tab.ok{border-left:3px solid #1E9E6A}
.ebr-tab.wait{border-left:3px solid #B8892B}
.ebr-tab.bad{border-left:3px solid #D14343}
.et-l{font-size:13px;font-weight:600;color:#1B2430;font-family:"SF Mono",Menlo,monospace}
.et-s{font-size:11px;color:#7C8798;margin-top:3px}

.ebr-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.es-item{background:#F7F9FB;border:1px solid #E3E8EF;border-radius:7px;padding:11px 13px;text-align:center}
.es-item b{display:block;font-size:22px;font-weight:700;color:#4A5666;line-height:1.1}
.es-item span{font-size:11px;color:#7C8798}
.es-item.ok b{color:#1E9E6A}
.es-item.wait b{color:#B8892B}
.es-item.bad b{color:#D14343}

.ebr-tbl td{vertical-align:top}
.ebr-rel{margin-top:14px;padding:14px;background:#F0F8F4;border:1px solid #C7E5D6;border-radius:8px}
.ebr-rel .sub{margin-top:7px}
.note.info{background:#EEF3F9;border-color:#C9DBEC;color:#28567F}
.note.warn{background:#FDF7EA;border-color:#EBD8B0;color:#7E5E18}
.note.dan{background:#FDF0F0;border-color:#EFC7C7;color:#9E3232}
.note{font-size:13px;line-height:1.65}
.note b{font-weight:600}

/* ---------- SPC ---------- */
.spc-tip{margin-bottom:14px}
.spc-verdict{padding:12px 15px;border-radius:8px;margin-bottom:14px;border:1px solid}
.spc-verdict.ok{background:#F0F8F4;border-color:#C7E5D6}
.spc-verdict.info{background:#EEF3F9;border-color:#C9DBEC}
.spc-verdict.warn{background:#FDF7EA;border-color:#EBD8B0}
.spc-verdict.danger{background:#FDF0F0;border-color:#EFC7C7}
.sv-t{font-size:15px;font-weight:600;color:#1B2430}
.sv-s{font-size:12px;color:#7C8798;margin-top:4px}
.spc-lims{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:8px}
.spc-lims>div{background:#F7F9FB;border:1px solid #E3E8EF;border-radius:6px;padding:8px 10px;text-align:center}
.spc-lims span{display:block;font-size:10px;color:#7C8798}
.spc-lims b{font-size:14px;color:#1B2430;font-family:"SF Mono",Menlo,monospace}
#spc-chart{background:#FFF;border:1px solid #E3E8EF;border-radius:7px;padding:10px;overflow:hidden}
.spc-chart-wrap{margin-bottom:12px}
.spc-chart-wrap:last-child{margin-bottom:0}
.spc-cap{font-size:11.5px;color:#4A5666;margin-bottom:5px;font-weight:500}
.spc-chart-wrap canvas{display:block;border-radius:4px}

/* ---------- 绩效看板 ---------- */
.perf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ph-l{font-size:13px;color:#7C8798}
.ph-r{display:flex;gap:6px}
.ph-btn{font-size:12px;padding:5px 13px;border:1px solid #CFD8E3;background:#FFF;
  border-radius:5px;color:#4A5666;cursor:pointer;font-family:inherit}
.ph-btn.on{background:#2A6FB0;border-color:#24608F;color:#FFF}
.perf-kpis{margin-bottom:16px}

.trend-chart{display:flex;align-items:flex-end;gap:3px;height:118px;padding:8px 0 0;
  border-bottom:1px solid #E3E8EF}
.tc-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.tc-bars{display:flex;align-items:flex-end;gap:2px;height:92px}
.tc-b{width:7px;background:#2A6FB0;border-radius:2px 2px 0 0;min-height:0}
.tc-b.blk{background:#D14343}
.tc-l{font-size:9px;color:#9AA6B4;margin-top:5px;white-space:nowrap}
.trend-legend{display:flex;gap:16px;align-items:center;margin-top:10px;font-size:12px;color:#4A5666}
.trend-legend .lg{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle}
.trend-legend .lg.on{background:#2A6FB0}
.trend-legend .lg.blk{background:#D14343}

.bar{height:7px;background:#EDF1F6;border-radius:4px;overflow:hidden}
.bar-in{height:100%;background:#2A6FB0;border-radius:4px}
.bar-in.mid{background:#B8892B}
.bar-in.bad{background:#D14343}

/* ---------- KPI 语义色 ---------- */
.kpis .kpi.k-ok .v{color:#1E9E6A}
.kpis .kpi.k-warn .v{color:#B8892B}
.kpis .kpi.k-dan .v{color:#D14343}

/* ---------- 表格补充 ---------- */
.tbl .sub{font-size:11px;color:#7C8798;margin-top:3px;line-height:1.5}
.tbl.mini th,.tbl.mini td{padding:6px 9px;font-size:12px}
.tbl-wrap{overflow-x:auto}
.mono{font-family:"SF Mono",Menlo,monospace;font-size:12.5px}