/* STEP8C7_CONSOLE_VISUAL_POLISH_V1 */

:root{
  --lcd87-bg:#0b131d;
  --lcd87-bg2:#0f1924;
  --lcd87-card:#111d29;
  --lcd87-card2:#0d1721;
  --lcd87-border:#223242;
  --lcd87-text:#eef4fb;
  --lcd87-muted:#91a0b3;
  --lcd87-blue:#2e78ff;
  --lcd87-green:#20c77a;
  --lcd87-amber:#e39a14;
  --lcd87-red:#ef4f4f;
  --lcd87-purple:#9a67e8;
  --lcd87-cyan:#18b7ae;
}

/* ---------- Console shell / header fix ---------- */
.lcd87-native-header{
  background:#05090d!important;
  color:#fff!important;
  min-height:78px!important;
  height:78px!important;
  box-sizing:border-box!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-bottom:1px solid #18222d!important;
  display:flex!important;
  align-items:center!important;
}
.lcd87-native-header *{color:inherit}
.lcd87-native-sidebar{
  background:#07111b!important;
  color:#eef4fb!important;
}
#lcd87SideTopPatch{
  position:fixed;
  left:0;
  top:0;
  height:96px;
  background:#07111b;
  z-index:0;
  pointer-events:none;
}

/* ---------- Supplier / report overlay dark theme ---------- */
#lcd82Overlay.lcd87-supplier-mode,
#lcd82Overlay.lcd87-report-mode{
  background:linear-gradient(180deg,#0c1621 0%,#0a121b 100%)!important;
  color:var(--lcd87-text)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-body,
#lcd82Overlay.lcd87-report-mode .lcd82-body{
  padding:28px 30px 60px!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-title h2,
#lcd82Overlay.lcd87-report-mode .lcd82-title h2{
  color:var(--lcd87-text)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-title p,
#lcd82Overlay.lcd87-report-mode .lcd82-title p{
  color:var(--lcd87-muted)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-card{
  background:linear-gradient(180deg,#111d29,#0f1924)!important;
  border:1px solid var(--lcd87-border)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
  color:var(--lcd87-text)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-provider{
  min-height:300px;
  border-radius:14px!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-provider:before{
  width:4px!important;
  background:#2b7cff!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-provider.low:before{
  background:var(--lcd87-amber)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-provider h3,
#lcd82Overlay.lcd87-supplier-mode .lcd82-card h3{
  color:var(--lcd87-text)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-meta,
#lcd82Overlay.lcd87-supplier-mode .lcd82-muted,
#lcd82Overlay.lcd87-supplier-mode .lcd82-small{
  color:var(--lcd87-muted)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-btn{
  background:#273442!important;
  border-color:#354556!important;
  color:#f7fbff!important;
  box-shadow:none!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-btn:hover{
  background:#334559!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-btn:not(.alt){
  background:#2768df!important;
  border-color:#2e78ff!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-alert{
  background:#0d1721!important;
  border-color:#273746!important;
  color:#cbd6e2!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-alert.warn{
  background:#2a2112!important;
  border-color:#6a4a12!important;
  color:#f4cf83!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-stat{
  border-top:1px solid var(--lcd87-border)!important;
  min-height:92px;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-stat strong{
  color:#fff!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-stat small{
  color:var(--lcd87-muted)!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-tw,
#lcd82Overlay.lcd87-supplier-mode .lcd82-table{
  background:#0d1721!important;
  border-color:#243442!important;
  color:#e9f1f8!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-table th{
  background:#0a121b!important;
  color:#8fa1b5!important;
  border-color:#243442!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-table td{
  border-color:#1d2a36!important;
}
#lcd82Overlay.lcd87-supplier-mode .lcd82-input,
#lcd82Overlay.lcd87-supplier-mode .lcd82-select{
  background:#0b141e!important;
  color:#eef4fb!important;
  border-color:#304151!important;
}

/* ---------- Professional Report Center ---------- */
.lcd87-report-shell{color:var(--lcd87-text)}
.lcd87-report-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px
}
.lcd87-report-head h2{margin:0;font-size:26px;color:#fff}
.lcd87-report-head p{margin:5px 0 0;color:var(--lcd87-muted);font-size:13px}
.lcd87-toolbar{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px;
  padding:11px;background:#0d1721;border:1px solid var(--lcd87-border);border-radius:12px
}
.lcd87-control{
  display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;
  background:#111d29;border:1px solid #2b3a49;border-radius:8px;color:#dfe8f2;font-size:12px
}
.lcd87-control.push{margin-left:auto}
.lcd87-kpis{
  display:grid;grid-template-columns:repeat(8,minmax(140px,1fr));gap:10px;margin-bottom:14px
}
.lcd87-kpi{
  min-height:96px;padding:13px;background:linear-gradient(180deg,#111d29,#0e1923);
  border:1px solid var(--lcd87-border);border-radius:11px;display:flex;gap:10px;align-items:flex-start
}
.lcd87-kpi-icon,.lcd87-panel-icon{
  width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center
}
.lcd87-kpi-icon svg,.lcd87-panel-icon svg{width:20px;height:20px}
.lcd87-kpi small{display:block;color:#a5b2c1;font-size:10px;line-height:1.35}
.lcd87-kpi strong{display:block;color:#fff;font-size:18px;margin-top:5px}
.lcd87-kpi .sub{font-size:9px;color:#6f8295;margin-top:5px}
.lcd87-green{background:rgba(32,199,122,.14);color:#35d58b}
.lcd87-blue{background:rgba(46,120,255,.15);color:#5b94ff}
.lcd87-amber{background:rgba(227,154,20,.16);color:#f1ab2e}
.lcd87-purple{background:rgba(154,103,232,.16);color:#b788ff}
.lcd87-cyan{background:rgba(24,183,174,.16);color:#32d0c5}
.lcd87-red{background:rgba(239,79,79,.16);color:#ff6666}

.lcd87-main-grid{display:grid;grid-template-columns:1.05fr 1.35fr;gap:12px;margin-bottom:12px}
.lcd87-lower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.lcd87-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lcd87-panel{
  background:linear-gradient(180deg,#111d29,#0e1923);border:1px solid var(--lcd87-border);
  border-radius:12px;padding:13px;min-width:0
}
.lcd87-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.lcd87-panel-head h3{margin:0;color:#f4f8fc;font-size:14px}
.lcd87-panel-head p{margin:2px 0 0;color:var(--lcd87-muted);font-size:10px}
.lcd87-panel-head button{margin-left:auto}
.lcd87-mini-btn{
  border:1px solid #334454;background:#172330;color:#dce6ef;border-radius:7px;
  padding:7px 10px;font-size:10px;cursor:pointer
}
.lcd87-mini-btn:hover{background:#203042}
.lcd87-table-wrap{overflow:auto;border:1px solid #1f2d3a;border-radius:8px}
.lcd87-table{width:100%;border-collapse:collapse;min-width:620px}
.lcd87-table th{
  background:#0b141e;color:#7f91a4;font-size:9px;text-transform:uppercase;
  letter-spacing:.05em;text-align:left;padding:8px;border-bottom:1px solid #233443
}
.lcd87-table td{padding:8px;color:#dce5ee;font-size:10px;border-bottom:1px solid #1b2935}
.lcd87-table tr:last-child td{border-bottom:0}
.lcd87-status{
  display:inline-flex;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:800
}
.lcd87-status.success{background:rgba(32,199,122,.14);color:#35d58b}
.lcd87-status.failed{background:rgba(239,79,79,.14);color:#ff6b6b}
.lcd87-status.pending{background:rgba(227,154,20,.16);color:#f0ad35}
.lcd87-chart{height:190px;width:100%;display:block}
.lcd87-flow-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.lcd87-flow-box{padding:9px;border-left:2px solid #2e78ff;background:#0d1721;border-radius:6px}
.lcd87-flow-box.green{border-color:#25c97d}.lcd87-flow-box.red{border-color:#ef5959}
.lcd87-flow-box small{display:block;color:#8192a4;font-size:9px}
.lcd87-flow-box strong{display:block;color:#fff;margin-top:3px;font-size:14px}
.lcd87-simple-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #1d2a36;font-size:10px}
.lcd87-simple-row:last-child{border-bottom:0}
.lcd87-simple-row span{color:#9bacbc}.lcd87-simple-row b{color:#fff}
.lcd87-big-value{font-size:22px;color:#fff;font-weight:800}
.lcd87-muted{color:var(--lcd87-muted);font-size:10px}
.lcd87-warning{color:#f0ad35}
.lcd87-danger{color:#ff6767}
.lcd87-good{color:#36d78b}

#lcd87ReportModal{
  position:fixed;inset:0;z-index:100010;display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.66);padding:20px
}
#lcd87ReportModal.on{display:flex}
.lcd87-modalbox{width:min(1180px,96vw);max-height:86vh;overflow:auto;background:#0d1721;border:1px solid #2b3b4a;border-radius:14px;color:#edf3fa}
.lcd87-modalhead{position:sticky;top:0;z-index:2;background:#09121a;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243442}
.lcd87-modalhead h3{margin:0}.lcd87-modalbody{padding:14px}

@media(max-width:1450px){.lcd87-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1050px){
  .lcd87-main-grid,.lcd87-bottom-grid{grid-template-columns:1fr}
  .lcd87-lower-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .lcd87-kpis,.lcd87-lower-grid{grid-template-columns:1fr}
  .lcd87-report-head{display:block}
  .lcd87-toolbar{display:grid;grid-template-columns:1fr}
  .lcd87-control.push{margin-left:0}
}