/* BOM WORK FLOW v3.9.3 — premium smart dashboard + theme */
:root{--smart-bg:#f3f5fb;--smart-panel:#ffffff;--smart-text:#203054;--smart-muted:#7986a2;--smart-edge:#e8ebf3;--smart-accent:#6477d7;--smart-accent-soft:#ebedff;--smart-shadow:0 10px 30px rgba(42,53,90,.055)}
body{background:var(--smart-bg)!important;color:var(--smart-text);transition:background .18s,color .18s}
body[data-bom-theme="dark"]{--smart-bg:#10172a;--smart-panel:#1b2540;--smart-text:#edf1ff;--smart-muted:#a6b3d3;--smart-edge:#303d5d;--smart-accent:#9aa7ff;--smart-accent-soft:#303b6b;--smart-shadow:0 10px 30px #0003;color-scheme:dark}
body[data-bom-theme="dark"] .main,body[data-bom-theme="dark"] .shell{background:var(--smart-bg);color:var(--smart-text)}
body[data-bom-theme="dark"] .top,body[data-bom-theme="dark"] .card,body[data-bom-theme="dark"] .mono-panel,body[data-bom-theme="dark"] .kb-col,body[data-bom-theme="dark"] .modal-box{background:var(--smart-panel);border-color:var(--smart-edge);color:var(--smart-text)}
body[data-bom-theme="dark"] .card strong,body[data-bom-theme="dark"] .top h1,body[data-bom-theme="dark"] .kb-card strong,body[data-bom-theme="dark"] .mono-panel h2{color:var(--smart-text)}
body[data-bom-theme="dark"] .kb-card,body[data-bom-theme="dark"] input,body[data-bom-theme="dark"] textarea,body[data-bom-theme="dark"] select{background:#27334e;color:var(--smart-text);border-color:var(--smart-edge)}
body[data-bom-theme="dark"] .muted,body[data-bom-theme="dark"] .helptext{color:var(--smart-muted)}
body[data-bom-theme="dark"] .btn.secondary,body[data-bom-theme="dark"] .btn.outline{background:#2a3550;color:var(--smart-text);border-color:var(--smart-edge)}
.bom-theme-toggle{border:1px solid var(--smart-edge);background:var(--smart-panel);color:var(--smart-text);border-radius:11px;padding:9px 13px;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:var(--smart-shadow)}
.bom-smart{color:var(--smart-text);max-width:1500px;margin:0 auto}.bom-smart *{box-sizing:border-box}.bom-smart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.bom-smart-eyebrow{font-size:10px;color:var(--smart-accent);font-weight:900;letter-spacing:2px}.bom-smart-head h2{font-size:25px;color:var(--smart-text);letter-spacing:-1px;margin:5px 0}.bom-smart-sub{font-size:12px;color:var(--smart-muted)}.bom-smart-date{font-size:12px;color:var(--smart-muted);text-align:right}.bom-smart-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bom-smart-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 16px}.bom-smart-metric{min-height:108px;background:var(--smart-panel);border:1px solid var(--smart-edge);border-radius:16px;padding:19px 18px;box-shadow:var(--smart-shadow);display:flex;flex-direction:column;gap:7px}.bom-smart-metric:first-child{background:linear-gradient(135deg,#6477d5,#8591e5);color:#fff;border-color:transparent}.bom-smart-metric small{font-size:12px;font-weight:700;color:var(--smart-muted)}.bom-smart-metric:first-child small,.bom-smart-metric:first-child .bom-smart-hint{color:#e8eaff}.bom-smart-metric b{font-size:31px;font-weight:850;letter-spacing:-1px;line-height:1.2}.bom-smart-hint{font-size:11px;color:var(--smart-muted)}
.bom-smart-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:15px;margin-bottom:16px}.bom-smart-panel{background:var(--smart-panel);border:1px solid var(--smart-edge);border-radius:16px;padding:20px;box-shadow:var(--smart-shadow);min-width:0}.bom-smart-panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.bom-smart-panelhead h3{font-size:15px;color:var(--smart-text);margin:0;letter-spacing:-.4px}.bom-smart-panelhead small{color:var(--smart-muted);font-size:11px}.bom-smart-tabs{display:flex;gap:4px;background:var(--smart-accent-soft);border-radius:9px;padding:3px}.bom-smart-tabs button{background:transparent;border:0;padding:6px 9px;border-radius:7px;color:var(--smart-muted);font-size:11px;cursor:pointer}.bom-smart-tabs button.active{background:var(--smart-panel);color:var(--smart-text);font-weight:800;box-shadow:0 2px 8px #0001}.bom-smart-chart{width:100%;height:215px;display:block}.bom-smart-chart text{font-family:inherit;fill:var(--smart-muted);font-size:10px}.bom-smart-chart .gridline{stroke:var(--smart-edge);stroke-width:1}.bom-smart-bars{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.bom-smart-bars>div{flex:1;background:var(--smart-accent-soft);border-radius:8px;padding:10px;font-size:11px;color:var(--smart-text)}.bom-smart-bars strong{display:block;font-size:18px;margin-top:5px}
.bom-smart-donut{display:flex;gap:22px;align-items:center;justify-content:center;min-height:198px}.bom-smart-ring{width:160px;height:160px;flex:0 0 160px;position:relative;border-radius:50%;background:conic-gradient(#7184e8 0 var(--progress),#e7eafb var(--progress) 100%)}.bom-smart-ring:before{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--smart-panel)}.bom-smart-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--smart-text)}.bom-smart-ring b{font-size:29px}.bom-smart-ring small{font-size:11px;color:var(--smart-muted)}.bom-smart-legend{display:grid;gap:14px;font-size:12px;color:var(--smart-muted)}.bom-smart-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:8px}
.bom-smart-task{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:11px;width:100%;align-items:center;border:0;border-bottom:1px solid var(--smart-edge);padding:13px 0;text-align:left;background:transparent;color:var(--smart-text);cursor:pointer}.bom-smart-task:last-child{border-bottom:0}.bom-smart-task:hover{background:var(--smart-accent-soft)}.bom-smart-task>i{height:29px;border-radius:8px}.bom-smart-task b{display:block;font-size:13px;margin-bottom:4px}.bom-smart-task small{font-size:11px;color:var(--smart-muted)}.bom-smart-task em{font-size:11px;font-style:normal;color:var(--smart-muted)}.bom-smart-quick{display:flex;gap:8px;margin-bottom:5px}.bom-smart-quick input{width:100%;min-width:0;border:1px solid var(--smart-edge);background:var(--smart-panel);padding:10px 12px;border-radius:10px;color:var(--smart-text)}.bom-smart-quick button{background:#6477d5;color:white;border:none;border-radius:10px;padding:0 15px;font-weight:800;cursor:pointer}
.bom-smart-line{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid var(--smart-edge);font-size:12px;color:var(--smart-text)}.bom-smart-line:last-child{border:0}.bom-smart-line span{color:var(--smart-muted);font-size:11px}.bom-smart-link{border:0;background:none;color:var(--smart-accent);cursor:pointer;font-size:11px;font-weight:800}.bom-smart-empty{font-size:12px;color:var(--smart-muted);padding:16px 0}.bom-smart-footer{color:var(--smart-muted);font-size:11px;margin:8px 0 20px}
body[data-bom-theme="dark"] .pl-clock{background:#202e52;color:white}
body[data-bom-theme="dark"] .pl-clock .d{color:#bcc7e6}
body:has(.bom-smart) .pl-clock{display:none!important}
@media(max-width:1050px){.bom-smart-grid{grid-template-columns:1fr}.bom-smart-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bom-smart-metrics{gap:8px}.bom-smart-metric{padding:13px;min-height:96px}.bom-smart-metric b{font-size:25px}.bom-smart-panel{padding:14px}.bom-smart-donut{gap:12px}.bom-smart-ring{width:125px;height:125px;flex-basis:125px}.bom-smart-ring:before{inset:16px}.bom-smart-head{align-items:flex-start;flex-direction:column}.bom-smart-chart{height:185px}}