:root{
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono','Fira Code','SF Mono',monospace;
  --white:#ffffff;
  --bg:#f8f9fa;--bg2:#f1f3f5;--bg3:#e9ecef;
  --border:#e5e7eb;--border2:#d1d5db;
  --text:#0f172a;--text2:#374151;--text3:#6b7280;
  --blue:#0057ff;--blue-mid:#bfdbfe;--blue-light:#eff6ff;
  --green:#16a34a;--green-bg:#f0fdf4;
  --amber:#d97706;--amber-bg:#fffbeb;
  --red:#dc2626;--red-bg:#fef2f2;
  --radius:10px;--radius-sm:7px;
  --shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
  --shadow:0 4px 12px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.05);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:var(--bg);color:var(--text);display:flex;min-height:100vh;font-size:14px}
input,select,textarea,button{font-family:var(--font);font-size:inherit}
input[type=text],input[type=date],select,textarea{width:100%;padding:7px 11px;border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);background:var(--white);outline:none;transition:border-color .15s,box-shadow .15s}
input[type=text]:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,87,255,.08)}

/* SIDEBAR */
.sidebar{width:220px;min-width:220px;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;transition:width .2s}
.sidebar.collapsed{width:48px;min-width:48px}
.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-footer-text,.sidebar.collapsed .nav-section,.sidebar.collapsed .logo-text,.sidebar.collapsed .ctx-badge{display:none}
.sidebar.collapsed .nav-item{padding:.55rem 0;justify-content:center}
.sidebar.collapsed .sidebar-header{padding:.75rem 0;justify-content:center}
.sidebar.collapsed .sidebar-context{padding:.4rem 0;display:flex;justify-content:center}
.sidebar.collapsed .ctx-dot{display:block;margin:0}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border)}
.logo{display:flex;align-items:center;gap:.5rem}
.logo-mark{width:24px;height:24px;background:var(--blue);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-text{font-weight:700;font-size:.9rem;letter-spacing:.04em;color:var(--text)}
.collapse-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text3);border-radius:5px;display:flex;align-items:center}
.collapse-btn:hover{background:var(--bg2);color:var(--text)}
.sidebar-context{padding:.5rem 1rem;border-bottom:1px solid var(--border)}
.ctx-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500;padding:3px 8px;border-radius:100px;background:var(--bg2);color:var(--text3);border:1px solid var(--border)}
.ctx-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);flex-shrink:0}
.ctx-dot.sw{background:var(--green)}
.nav{flex:1;padding:.5rem 0}
.nav-section{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:.75rem 1rem .3rem}
.nav-item{display:flex;align-items:center;gap:.625rem;padding:.55rem 1rem;cursor:pointer;color:var(--text2);font-size:.82rem;font-weight:450;transition:background .1s,color .1s;position:relative}
.nav-item:hover{background:var(--bg);color:var(--text)}
.nav-item.active{background:var(--blue-light);color:var(--blue)}
.nav-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--blue);border-radius:0 2px 2px 0}
.nav-icon{width:15px;height:15px;flex-shrink:0}
.sidebar-footer{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.68rem;color:var(--text3)}

/* Mobile collapsed: make expand affordance obvious */
@media(max-width:520px){
  .sidebar:not(.mobile-open) .collapse-btn{
    width:28px;height:28px;
    background:var(--bg2);border-radius:50%;
    border:1px solid var(--border);color:var(--text2);
    display:flex;align-items:center;justify-content:center;
    margin:4px auto 0;
  }
  .sidebar:not(.mobile-open) .sidebar-header{
    flex-direction:column;align-items:center;justify-content:center;
    padding:.6rem .25rem;gap:0;
  }
}
.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.topbar{height:48px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;position:sticky;top:0;z-index:10}
.topbar-breadcrumb{font-size:.78rem;color:var(--text3);display:flex;align-items:center;gap:.35rem}
.breadcrumb-sep{opacity:.4}.current{color:var(--text);font-weight:500}
.topbar-time{font-family:var(--mono);font-size:.72rem;color:var(--text3)}
.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem}
.page{display:none}.page.active{display:block}
.page-header{margin-bottom:1.25rem}
.page-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.page-subtitle{font-size:.76rem;color:var(--text3);margin-top:3px}

/* CARDS */
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);margin-bottom:.75rem}
.card-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:.75rem}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(0,87,255,.2)}
.btn-primary:hover{background:#0046cc;transform:translateY(-1px)}
.btn-secondary{background:var(--white);color:var(--text2);border:1px solid var(--border2)}
.btn-secondary:hover{background:var(--bg2)}
.btn-danger{background:var(--red);color:#fff}
.btn-danger:hover{background:#b91c1c}
.btn-sm{padding:.35rem .7rem;font-size:.76rem}
.btn-lg{padding:.7rem 1.25rem;font-size:.84rem}

/* BADGES */
.badge{display:inline-flex;align-items:center;font-size:.62rem;font-weight:500;padding:1px 7px;border-radius:100px;white-space:nowrap}
.badge-green{background:var(--green-bg);color:var(--green)}
.badge-blue{background:var(--blue-light);color:var(--blue)}
.badge-amber{background:var(--amber-bg);color:var(--amber)}
.badge-red{background:var(--red-bg);color:var(--red)}
.badge-muted{background:var(--bg2);color:var(--text3)}
.badge-status{display:inline-flex;align-items:center;font-size:.62rem;font-weight:500;padding:1px 7px;border-radius:100px;white-space:nowrap}
.s-wip{background:var(--amber-bg);color:var(--amber)}
.s-designed{background:var(--blue-light);color:var(--blue)}
.s-released{background:var(--green-bg);color:var(--green)}
.s-review{background:#f3e8ff;color:#7c3aed}
.s-obsolete{background:var(--bg2);color:var(--text3)}
.risk-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}
.r-ok{background:var(--green)}.r-warn{background:var(--amber)}.r-high{background:var(--red)}.r-none{background:var(--bg3)}

/* PROGRESS */
.progress-wrap{background:var(--bg3);border-radius:100px;height:6px;overflow:hidden}
.progress-bar{height:100%;background:var(--blue);border-radius:100px;transition:width .3s ease;width:0%}
.progress-label{font-family:var(--mono);font-size:.68rem;color:var(--text3);margin-top:.35rem}
.log{font-family:var(--mono);font-size:.72rem;color:var(--text2);max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.log-line{padding:2px 0;border-bottom:1px solid var(--border)}
.log-line:last-child{border-bottom:none}
.log-ok{color:var(--green)}.log-skip{color:var(--text3)}
.callout{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .875rem;border-radius:var(--radius-sm);font-size:.76rem;margin-bottom:.5rem}
.callout-warn{background:var(--amber-bg);border:1px solid #fde68a;color:var(--amber)}
.callout-info{background:var(--blue-light);border:1px solid var(--blue-mid);color:var(--blue)}

/* TOGGLES */
.toggle{position:relative;width:36px;height:20px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.toggle-track{position:absolute;inset:0;background:var(--bg3);border-radius:100px;cursor:pointer;transition:background .2s;border:1px solid var(--border2)}
.toggle-track::after{content:'';position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.toggle input:checked+.toggle-track{background:#34c759;border-color:#34c759}
.toggle input:checked+.toggle-track::after{transform:translateY(-50%) translateX(16px)}

/* TABLES */
.std-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}
.std-table th{position:relative;z-index:1}
.std-table{width:100%;border-collapse:collapse}
.std-table th{font-size:.65rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);padding:.6rem .875rem;background:var(--bg);border-bottom:1px solid var(--border);text-align:left;cursor:pointer;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.std-table th:hover{color:var(--text)}
.std-table th.asc::after{content:' \2191'}
.std-table th.desc::after{content:' \2193'}
.std-table td{padding:.65rem .875rem;border-bottom:1px solid var(--border);color:var(--text2);font-size:.77rem;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.std-table tr:last-child td{border-bottom:none}
.std-table tbody tr{cursor:default;transition:background .1s}
.std-table tbody tr:hover td{background:var(--bg)}
.std-table tbody tr.sel td{background:var(--blue-light)}
.pn{font-family:var(--mono);font-size:.7rem;color:var(--text);font-weight:500}

/* CHIPS */
.chips{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.75rem}
.chip{display:inline-flex;align-items:center;gap:4px;padding:.28rem .65rem;border-radius:100px;font-size:.72rem;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--text2);transition:all .1s;user-select:none}
.chip:hover{border-color:var(--border2);background:var(--bg2)}
.chip.on{background:var(--blue-light);border-color:var(--blue-mid);color:var(--blue)}
.chip-n{font-family:var(--mono);font-size:.62rem;background:var(--bg2);padding:0 5px;border-radius:100px}
.chip.on .chip-n{background:var(--blue-mid)}

/* TOOLBAR */
.toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}

/* TABS */
.tab-bar{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg);margin-bottom:.875rem}
.tab-btn{flex:1;padding:.5rem .875rem;font-size:.78rem;font-weight:500;color:var(--text3);cursor:pointer;text-align:center;transition:all .1s;border-right:1px solid var(--border)}
.tab-btn:last-child{border-right:none}
.tab-btn.on{background:var(--white);color:var(--text)}
.tab-btn:hover:not(.on){background:var(--bg2)}
.tab-pane{display:none}.tab-pane.on{display:block}

/* FORMS */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.form-field{display:flex;flex-direction:column;gap:.28rem}
.form-field.full{grid-column:1/-1}
.form-label{font-size:.67rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text3)}
.form-ro{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;font-size:.77rem;color:var(--text2);font-family:var(--mono)}
.saved-ind{display:none;font-size:.68rem;color:var(--green);font-weight:500}
.saved-ind.on{display:inline}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.sec-title{font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text3)}

/* HOME */
.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.hcard{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:var(--shadow-sm)}
.hcard:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-1px)}
.hcard-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}
.hcard-icon{width:30px;height:30px;background:var(--blue-light);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--blue)}
.hcard-icon svg{width:14px;height:14px}
.hcard-title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:2px}
.hcard-desc{font-size:.73rem;color:var(--text3);line-height:1.5}

/* EXPORT */
.opt-section{margin-bottom:.5rem}
.opt-label{font-size:.67rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:.3rem}
.opt-row{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0}
.opt-key{font-family:var(--mono);font-size:.75rem;color:var(--text2)}
.divider{height:1px;background:var(--border);margin:.4rem 0}
.out-path{display:flex;align-items:center;gap:5px;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.73rem;color:var(--text3)}

/* EXPORT RESULT STATS */
.result-stats{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
.rstat{flex:1;min-width:58px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .5rem;text-align:center;cursor:pointer;transition:all .15s;position:relative}
.rstat:hover,.rstat.on{border-color:var(--blue);background:var(--blue-light)}
.rstat.amber-stat:hover,.rstat.amber-stat.on{border-color:var(--amber);background:var(--amber-bg)}
.rstat-num{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--blue)}
.rstat-num.amber{color:var(--amber)}
.rstat-lbl{font-family:var(--mono);font-size:.6rem;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:3px}
.rstat-detail{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-top:.4rem;animation:fadeIn .15s;background:var(--white)}
.rstat-detail-item{display:flex;align-items:center;gap:7px;padding:.45rem .75rem;font-family:var(--mono);font-size:.71rem;color:var(--text2);border-bottom:1px solid var(--border)}
.rstat-detail-item:last-child{border-bottom:none}

/* BULK */
.bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;box-shadow:var(--shadow-sm)}
.bulk-panel{background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.5rem;display:none}
.bulk-panel.on{display:block}
.bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.875rem}
.bulk-field-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}
.bulk-field-label{font-size:.67rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.detail-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}

/* DRAWINGS */
.template-row{display:flex;align-items:center;gap:.5rem;padding:.58rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:.72rem;color:var(--text2)}
.template-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.print-sec{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.5rem}
.print-sec-hdr{display:flex;align-items:center;gap:.75rem;padding:.62rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}
.print-sec-title{font-size:.78rem;font-weight:500;color:var(--text);flex:1}
.print-sec-count{font-size:.72rem;color:var(--text3)}
.pdf-row-disabled td{opacity:.35}
.pdf-row-disabled .pn{color:var(--text3)}

/* STANDARDS */
.std-cards{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}
.std-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .15s}
.std-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}
.std-card-active{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(0,87,255,.08)!important}
.std-card.full{grid-column:1/-1}
.bc-panel{display:none!important}
.std-expand-row .bc-panel{display:block!important}
.std-expand-row td{padding:0!important;border-bottom:1px solid var(--border);white-space:normal!important;position:sticky;left:0;width:100%;box-sizing:border-box}
.std-card-title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:3px}
.std-card-desc{font-size:.72rem;color:var(--text3);line-height:1.5;margin-bottom:.7rem}
.rbar-wrap{flex:1;background:var(--bg3);border-radius:100px;height:4px;overflow:hidden}
.rbar{height:100%;border-radius:100px}
.rbar.high{background:var(--green)}.rbar.mid{background:var(--amber)}.rbar.low{background:var(--red)}
.rbar-row{display:flex;align-items:center;gap:.5rem}
.rbar-num{font-family:var(--mono);font-size:.7rem;font-weight:600;color:var(--text2);width:26px;text-align:right;flex-shrink:0}
.chk-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}
.chk-item:last-child{border-bottom:none}
.chk-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.ci-ok{background:var(--green-bg);color:var(--green)}.ci-warn{background:var(--amber-bg);color:var(--amber)}.ci-fail{background:var(--red-bg);color:var(--red)}.ci-pend{background:var(--bg2);color:var(--text3)}
.chk-title{font-size:.8rem;font-weight:500;color:var(--text);margin-bottom:2px}
.chk-desc{font-size:.73rem;color:var(--text3);line-height:1.5}
.chk-action{font-size:.72rem;color:var(--blue);margin-top:3px}
.risk-block{background:var(--red-bg);border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.875rem;margin-top:.5rem}
.risk-title{font-size:.8rem;font-weight:500;color:var(--red);margin-bottom:.5rem}
.risk-opt{display:flex;align-items:center;justify-content:space-between;padding:.38rem .6rem;background:var(--white);border-radius:var(--radius-sm);font-size:.73rem;color:var(--text2);cursor:pointer;border:1px solid var(--border);transition:all .1s;margin-top:.3rem}
.risk-opt:hover{border-color:var(--blue);color:var(--blue)}
.risk-delta{font-family:var(--mono);font-size:.67rem;color:var(--green);font-weight:500}
.wizard{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.wizard-hdr{padding:.875rem 1rem;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.step-row{display:flex;gap:2px;flex:1;min-width:60px}
.step{flex:1;height:3px;border-radius:100px;background:var(--bg3)}
.step.done{background:var(--green)}.step.cur{background:var(--blue)}
.wizard-body{padding:1.25rem}
.dr-section{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-top:.75rem}
.dr-row{display:flex;align-items:center;justify-content:space-between}
.dr-fields{margin-top:1rem;display:none}
.dr-fields.on{display:block}
.dr-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.75rem}

/* BOM */
.bom-tabs{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}
.btab{padding:.38rem .8rem;font-size:.74rem;font-weight:500;color:var(--text3);cursor:pointer;border-right:1px solid var(--border);transition:all .1s}
.btab:last-child{border-right:none}
.btab.on{background:var(--white);color:var(--text)}
.rp{font-family:var(--mono);font-size:.66rem;font-weight:600;padding:1px 6px;border-radius:100px}
.rp-h{background:var(--green-bg);color:var(--green)}.rp-m{background:var(--amber-bg);color:var(--amber)}.rp-l{background:var(--red-bg);color:var(--red)}.rp-n{background:var(--bg2);color:var(--text3)}
.sup-sel{font-size:.73rem;padding:3px 6px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--white);color:var(--text2);width:100%;max-width:140px}
/* Export dropdown */
.export-drop{position:relative;display:inline-block}
.export-drop-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:140px;z-index:100}
.export-drop-menu.on{display:block}
.export-drop-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .875rem;font-size:.78rem;color:var(--text2);cursor:pointer;transition:background .1s}
.export-drop-item:hover{background:var(--bg)}
.bom-group-header{padding:.5rem .875rem;background:var(--bg2);border-bottom:1px solid var(--border);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text3)}

/* PROCUREMENT */
.pipeline{display:flex;gap:.5rem;margin-bottom:1.25rem}
.pipe-card{flex:1;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;cursor:pointer;transition:all .15s;position:relative;overflow:hidden;min-height:76px;display:flex;flex-direction:column;justify-content:flex-end}
.pipe-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}
.pipe-card.on{border-color:var(--blue)}
.pipe-fill{position:absolute;bottom:0;left:0;right:0;background:var(--blue-light);transition:height .5s cubic-bezier(.4,0,.2,1)}
.pipe-card.on .pipe-fill{background:var(--blue-mid)}
.pipe-content{position:relative;z-index:1}
.pipe-lbl{font-size:.64rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);margin-bottom:2px}
.pipe-card.on .pipe-lbl{color:var(--blue)}
.pipe-frac{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1}
.pipe-card.on .pipe-frac{color:var(--blue)}
.proc-expand{background:var(--bg)!important}
.proc-expand td{padding:0!important}
.eta-ok{color:var(--green)}.eta-risk{color:var(--amber)}.eta-late{color:var(--red)}

/* SUPPLIERS */
.sup-page{display:none;animation:fadeIn .15s}
.sup-page.on{display:block}
.sup-hdr{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}
.sup-name{font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:-.02em}
.sup-meta{font-size:.77rem;color:var(--text3);margin-top:3px}
.sup-score{font-family:var(--mono);font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1}
.score-h{color:var(--green)}.score-m{color:var(--amber)}.score-l{color:var(--red)}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}
.sc-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}
.sc-lbl{font-size:.64rem;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}
.sc-val{font-family:var(--mono);font-size:1.1rem;font-weight:600;color:var(--text)}
.sc-sub{font-size:.68rem;color:var(--text3);margin-top:2px}
.asl{font-size:.62rem;font-weight:600;padding:3px 10px;border-radius:100px}
.asl-a{background:var(--green-bg);color:var(--green)}.asl-l{background:var(--amber-bg);color:var(--amber)}.asl-w{background:var(--red-bg);color:var(--red)}.asl-b{background:var(--bg2);color:var(--text3)}
.contact-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .875rem;border-bottom:1px solid var(--border)}
.contact-row:last-child{border-bottom:none}
.avatar{width:28px;height:28px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:600;flex-shrink:0}
.contact-name{font-size:.78rem;font-weight:500;color:var(--text)}
.contact-role{font-size:.68rem;color:var(--text3)}
.contact-actions{margin-left:auto}

/* PROJECTS */
.proj-page{display:none;animation:fadeIn .15s}
.proj-page.on{display:block}
.proj-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:.5rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .15s}
.proj-card:hover{border-color:var(--border2);box-shadow:var(--shadow)}
.proj-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.875rem}
.proj-num{font-family:var(--mono);font-size:.69rem;color:var(--text3)}
.proj-name{font-size:.9rem;font-weight:600;color:var(--text);margin-top:2px;letter-spacing:-.01em}
.health{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:500;padding:3px 9px;border-radius:100px}
.h-ok{background:var(--green-bg);color:var(--green)}.h-warn{background:var(--amber-bg);color:var(--amber)}.h-late{background:var(--red-bg);color:var(--red)}
.gates{display:flex;gap:0;margin-bottom:.875rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.gate{flex:1}
.gate-inner{padding:.38rem .45rem;border-top:3px solid var(--bg3)}
.gate.done .gate-inner{border-color:var(--green)}.gate.cur .gate-inner{border-color:var(--blue)}.gate.late .gate-inner{border-color:var(--red)}
.gate-name{font-size:.59rem;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gate.done .gate-name{color:var(--green)}.gate.cur .gate-name{color:var(--blue)}.gate.late .gate-name{color:var(--red)}
.gate-date{font-family:var(--mono);font-size:.57rem;color:var(--text3);margin-top:1px}
.gate.late .gate-date{color:var(--red)}
.pct-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}
.pct-num{font-family:var(--mono);font-size:.72rem;font-weight:600;color:var(--text2);width:32px;flex-shrink:0}
.pct-bar-wrap{flex:1;background:var(--bg3);border-radius:100px;height:4px;overflow:hidden}
.pct-bar{height:100%;border-radius:100px;background:var(--blue)}
.proj-bottom{display:flex;align-items:center;gap:.75rem}
.delivery-num{font-family:var(--mono);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}
.delivery-lbl{font-size:.63rem;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-top:1px}
.bgt-mini{flex:1}
.bgt-mini-lbl{font-size:.63rem;color:var(--text3);margin-bottom:2px}
.bgt-mini-bar{background:var(--bg3);border-radius:100px;height:3px;overflow:hidden}
.bgt-mini-fill{height:100%;border-radius:100px;background:var(--blue)}
.bgt-mini-fill.over{background:var(--amber)}
.bgt-mini-vals{font-family:var(--mono);font-size:.63rem;color:var(--text3);margin-top:2px}
.attn-pill{font-size:.68rem;font-weight:500;padding:2px 8px;border-radius:100px;background:var(--amber-bg);color:var(--amber);white-space:nowrap}
/* Project detail */
.proj-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}
.detail-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.875rem}
.dc-lbl{font-size:.63rem;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}
.dc-val{font-size:.84rem;font-weight:600;color:var(--text)}
.dc-sub{font-size:.68rem;color:var(--text3);margin-top:2px}
.lesson{padding:.72rem 0;border-bottom:1px solid var(--border)}
.lesson:last-child{border-bottom:none}
.lesson-type{font-size:.63rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:3px}
.lesson-text{font-size:.77rem;color:var(--text2);line-height:1.5}
.lesson-by{font-size:.67rem;color:var(--text3);margin-top:3px}
/* Project summary sections */
.proj-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}
.proj-summary-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}
.proj-summary-title{font-size:.75rem;font-weight:600;color:var(--text);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}
.mini-stat-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.75rem}
.mini-stat-row:last-child{border-bottom:none}
.mini-stat-label{color:var(--text3)}
.mini-stat-val{font-weight:500;color:var(--text)}

/* INLINE EXPAND ROW */
.prop-expand-row td{padding:0!important;border-top:none!important;border-bottom:1px solid var(--border);white-space:normal!important;position:sticky;left:0;width:100%;box-sizing:border-box}
.prop-expand-inner{padding:.5rem .5rem .75rem;background:var(--bg);animation:fadeIn .15s;white-space:normal;word-break:break-word;box-sizing:border-box}
.std-expand-row .std-expand-row .prop-expand-inner{border-top:3px solid var(--border2);background:var(--bg)}
.prop-expand-grid{display:grid;grid-template-columns:1fr;gap:.6rem}
.prop-expand-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.875rem;padding-top:.75rem;border-top:1px solid var(--blue-mid)}

.swap-col-btn{display:none}
.swap-opt{padding:.4rem .875rem;font-size:.75rem;color:var(--text2);cursor:pointer;white-space:nowrap}
.swap-opt:hover{background:var(--bg2);color:var(--text)}
.swap-opt.active{color:var(--blue);font-weight:500}
#prop-swap-th{position:relative}

/* BOM / Procurement horizontal scroll wrapper */
.tbl-hscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:var(--radius);scrollbar-width:none}
.tbl-hscroll::-webkit-scrollbar{display:none}
.tbl-hscroll .std-table-wrap{border:none;border-radius:0;overflow:visible;margin-bottom:0}

/* BOM table */
#bom-t{table-layout:fixed;width:100%;min-width:420px}
#bom-t th:nth-child(1),#bom-t td:nth-child(1){width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bom-t th:nth-child(2),#bom-t td:nth-child(2){width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bom-t th:nth-child(3),#bom-t td:nth-child(3){width:80px;white-space:nowrap}
#bom-t th:nth-child(4),#bom-t td:nth-child(4){width:40px;white-space:nowrap;text-align:center}
#bom-t th:nth-child(5),#bom-t td:nth-child(5){width:85px;white-space:nowrap}
#bom-t th:nth-child(6),#bom-t td:nth-child(6){width:110px;white-space:nowrap}
#bom-t th:nth-child(7),#bom-t td:nth-child(7){width:80px;white-space:nowrap}
#bom-t th:nth-child(8),#bom-t td:nth-child(8){width:28px;white-space:nowrap}
#bom-t thead th{position:relative}
#bom-t thead th .col-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;user-select:none;z-index:1}
#bom-t thead th .col-resize:hover,#bom-t thead th .col-resize.dragging{background:var(--blue);opacity:.4}

/* COMPACT GATES */
.gates-compact{display:flex;align-items:center;margin:.75rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.gc-dot{width:10px;height:10px;border-radius:50%;background:var(--bg3);border:2px solid var(--border2);flex-shrink:0;position:relative;cursor:default}
.gc-dot.done{background:var(--blue);border-color:var(--blue)}
.gc-dot.cur{background:var(--white);border:2px solid var(--blue);box-shadow:0 0 0 3px rgba(0,87,255,.15)}
.gc-dot.late{background:var(--white);border:2px solid var(--amber);box-shadow:0 0 0 3px rgba(217,119,6,.15)}
.gc-line{flex:1;height:2px;background:var(--bg3);min-width:12px}
.gc-line.done{background:var(--blue)}
.gc-line.late{background:var(--amber)}
.gc-label{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-size:.62rem;font-weight:600;color:var(--blue);white-space:nowrap;letter-spacing:.02em}
.gc-tooltip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;font-size:.65rem;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:100;animation:fadeIn .1s}
.gc-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--text)}

/* Stage gates (detail view) */

/* MISC */
/* Tablet/iPad (860px+): full layout, nothing changes */

/* Narrow panel — SW add-in / iPhone ~380-520px */
@media(max-width:520px){
  body{font-size:13px}
  /* Always collapsed to icons */
  .sidebar{width:44px!important;min-width:44px!important;position:sticky;top:0;height:100vh;z-index:auto;box-shadow:none;transform:none;transition:none}
  .sidebar .nav-label,.sidebar .sidebar-footer-text,.sidebar .nav-section,.sidebar .logo-text,.sidebar .ctx-badge{display:none}
  /* Expanded = overlay with full labels */
  .sidebar.mobile-open{width:220px!important;min-width:220px!important;position:fixed;top:0;left:0;height:100%;z-index:500;box-shadow:var(--shadow);transition:none}
  .sidebar.mobile-open .nav-label,.sidebar.mobile-open .sidebar-footer-text,.sidebar.mobile-open .nav-section,.sidebar.mobile-open .logo-text,.sidebar.mobile-open .ctx-badge{display:unset}
  #sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:499}
  #sidebar-backdrop.on{display:block}
  #mob-menu-btn{display:none!important}
  .result-stats{gap:.3rem}
  .toolbar{gap:.35rem;flex-wrap:wrap}
  .bom-tabs{flex-wrap:wrap}
  .pipeline{overflow-x:auto;flex-wrap:nowrap!important}

  /* Expand padding */
  .prop-expand-inner{padding:.5rem}

  /* Properties mobile: 3 columns */
  #prop-table th.col-finish,#prop-table td.col-finish,
  #prop-table th.col-qty,#prop-table td.col-qty,
  #prop-table th.col-whereused,#prop-table td.col-whereused,
  #prop-table th.col-status,#prop-table td.col-status,
  #prop-table #prop-swap-th,#prop-table td[data-col="risk"]{display:none}
  .swap-col-btn{display:none!important}

  /* Standards mobile: 3 columns */
  #std-t th.std-col-modified,#std-t td.std-col-modified,
  #std-t th.std-col-risk,#std-t td.std-col-risk{display:none}

  /* BOM min-width forces h-scroll */
  #bom-t{min-width:580px}
  #proc-t{min-width:560px}

  /* Proc expand grid single col */
  .proc-expand td > div > div:first-child{grid-template-columns:1fr!important}

  /* Projects stage gates — compact */
  .gates{gap:0;padding-bottom:4px}
  .gate{min-width:58px;flex:0 0 58px}
  .gate-name{font-size:.58rem}
  .gate-date{font-size:.55rem}

  /* Project express overview */
  .proj-express{grid-template-columns:auto 1fr!important}
  .proj-express-btns{flex-wrap:wrap}
}

/* Very narrow < 400px */
@media(max-width:400px){
  .proj-detail-grid{grid-template-columns:1fr}
  .gate{min-width:50px;flex:0 0 50px}
}
#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}
.toast{padding:.65rem 1rem;background:var(--text);color:#fff;border-radius:var(--radius-sm);font-size:.78rem;box-shadow:var(--shadow);animation:slideUp .2s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
.spin{display:inline-block;animation:spin .7s linear infinite}

/* ─── Standards ───────────────────────────────────────────────── */
.std-doc-list{display:flex;flex-direction:column;gap:.35rem}
.std-doc-item{
  display:flex;align-items:center;gap:.75rem;
  padding:.65rem 1rem;background:var(--white);
  border:1px solid var(--border);border-radius:var(--radius-sm);
  cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)
}
.std-doc-item:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateX(2px)}
.std-doc-icon{
  width:30px;height:30px;border-radius:7px;display:flex;
  align-items:center;justify-content:center;flex-shrink:0
}
.std-doc-icon.pdf{background:#fef2f2;color:var(--red)}
.std-doc-icon.word{background:#eff6ff;color:var(--blue)}
.std-doc-icon.sw{background:#f0fdf4;color:var(--green)}
.std-doc-name{font-size:.8rem;font-weight:500;color:var(--text);flex:1}
.std-doc-meta{font-size:.68rem;color:var(--text3)}
.std-doc-arrow{color:var(--text3);flex-shrink:0}
.std-section-label{
  font-size:.62rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text3);
  padding:.75rem 0 .35rem;display:block
}

/* ─── Export ──────────────────────────────────────────────────── */
.opt-section{margin-bottom:.5rem}
.opt-label{font-size:.67rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:.3rem}
.opt-row{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0}
.opt-key{font-family:var(--mono);font-size:.75rem;color:var(--text2)}
.divider{height:1px;background:var(--border);margin:.4rem 0}
.out-path{
  display:flex;align-items:center;gap:5px;margin-top:.75rem;
  padding-top:.75rem;border-top:1px solid var(--border);
  font-size:.73rem;color:var(--text3)
}
.result-stats{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
.rstat{
  flex:1;min-width:58px;background:var(--bg);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:.7rem .5rem;text-align:center;
  cursor:pointer;transition:all .15s
}
.rstat:hover,.rstat.on{border-color:var(--blue);background:var(--blue-light)}
.rstat.amber-stat:hover,.rstat.amber-stat.on{border-color:var(--amber);background:var(--amber-bg)}
.rstat-num{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--blue)}
.rstat-num.amber{color:var(--amber)}
.rstat-lbl{font-family:var(--mono);font-size:.6rem;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:3px}
.rstat-detail{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-top:.4rem;animation:fadeIn .15s;background:var(--white)}
.saved-to{display:flex;align-items:center;gap:6px;margin-top:.75rem;padding:.6rem .85rem;background:var(--green-bg);border:1px solid #bbf7d0;border-radius:var(--radius-sm);font-size:.76rem;color:var(--green)}
.demo-tag{font-size:.62rem;background:var(--amber-bg);color:var(--amber);padding:1px 6px;border-radius:100px;margin-left:auto}
.detail-empty{padding:.75rem;font-size:.75rem;color:var(--text3);text-align:center}
.detail-list{padding:.25rem 0}
.detail-item{display:flex;align-items:center;gap:7px;padding:.4rem .75rem;font-family:var(--mono);font-size:.71rem;color:var(--text2);border-bottom:1px solid var(--border)}
.detail-item:last-child{border-bottom:none}
.detail-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}

/* ─── Properties ──────────────────────────────────────────────── */
.prop-table-scroll{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
#prop-table td{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#prop-table td.col-sta .badge-status{padding:1px 5px;font-size:.6rem}
#prop-table th.col-sta,#prop-table td.col-sta{width:58px;min-width:58px;max-width:58px}
.prop-table-scroll.panel-sm #prop-table th.col-mat,
.prop-table-scroll.panel-sm #prop-table td.col-mat,
.prop-table-scroll.panel-sm #prop-table th.col-mass,
.prop-table-scroll.panel-sm #prop-table td.col-mass,
.prop-table-scroll.panel-sm #prop-table th.col-sta,
.prop-table-scroll.panel-sm #prop-table td.col-sta{display:none}
.prop-table-scroll.panel-md #prop-table th.col-mat,
.prop-table-scroll.panel-md #prop-table td.col-mat,
.prop-table-scroll.panel-md #prop-table th.col-mass,
.prop-table-scroll.panel-md #prop-table td.col-mass{display:none}
.prop-expand-row td{padding:0!important;border-bottom:1px solid var(--border);white-space:normal!important;max-width:none!important;overflow:visible!important;width:100%;box-sizing:border-box}
.prop-expand-inner{padding:.625rem;background:var(--bg);animation:fadeIn .15s;white-space:normal;box-sizing:border-box;width:100%}
.prop-expand-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
#prop-table thead th{position:relative;min-width:0;width:auto}
#prop-table thead th .col-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;user-select:none;z-index:1}
#prop-table thead th .col-resize:hover,
#prop-table thead th .col-resize.dragging{background:var(--blue);opacity:.4}
.bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;box-shadow:var(--shadow-sm);cursor:pointer}
.bulk-bar:hover{border-color:var(--border2)}
.bulk-panel{background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.5rem;display:none}
.bulk-panel.on{display:block;animation:fadeIn .15s}
.bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.875rem}
.bulk-field-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}
.bulk-field-label{font-size:.67rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.pn{font-family:var(--mono);font-size:.7rem;color:var(--text);font-weight:500}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.form-field{display:flex;flex-direction:column;gap:.28rem}
.form-field.full{grid-column:1/-1}
.form-label{font-size:.67rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text3)}
.form-ro{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;font-size:.77rem;color:var(--text2);font-family:var(--mono)}

/* ─── Disabled / disconnected pages ──────────────────────────── */
.page-disconnected{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:260px;gap:.75rem;opacity:.45;pointer-events:none;user-select:none
}
.page-disconnected svg{color:var(--text3)}
.page-disconnected-label{font-size:.8rem;color:var(--text3);font-weight:500}
.page-disconnected-sub{font-size:.72rem;color:var(--text3)}

/* ─── Input field ─────────────────────────────────────────────── */
.input{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:6px 10px;font-size:.77rem;color:var(--text);font-family:var(--mono);
  outline:none;transition:border-color .15s;width:100%;box-sizing:border-box
}
.input:focus{border-color:var(--blue)}
.template-row .input{border:none;background:transparent;padding:0;flex:1}

/* ─── Web mode overlay ────────────────────────────────────────── */
.sw-overlay{
  position:absolute;inset:0;z-index:10;
  background:rgba(248,249,250,.92);
  backdrop-filter:blur(3px);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:.5rem;border-radius:var(--radius);
  pointer-events:all
}
.sw-overlay-icon{color:var(--text3);opacity:.5}
.sw-overlay-title{font-size:.85rem;font-weight:600;color:var(--text2)}
.sw-overlay-sub{font-size:.75rem;color:var(--text3);text-align:center;max-width:200px;line-height:1.5}
.page-relative{position:relative}

/* ─── Drawings table ──────────────────────────────────────────── */
#dw-parts-table{table-layout:fixed;width:100%}
#dw-parts-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ─── Print sections ──────────────────────────────────────────── */
.print-sec{margin-bottom:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
.print-sec-hdr{display:flex;align-items:center;gap:.5rem;padding:.6rem .875rem;background:var(--white)}
.print-sec-title{font-size:.76rem;font-weight:600;color:var(--text)}
.print-sec-count{font-size:.72rem;color:var(--text3)}
.print-sec-sel{flex:1;font-size:.74rem;padding:3px 7px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--white);color:var(--text);margin-left:.25rem}

/* ─── Badge variants ──────────────────────────────────────────── */
.badge-green{background:var(--green-bg);color:var(--green);padding:1px 7px;border-radius:100px;font-size:.68rem;font-weight:500}
.badge-muted{background:var(--bg2);color:var(--text3);padding:1px 7px;border-radius:100px;font-size:.68rem;font-weight:500}

/* ─── Callout ─────────────────────────────────────────────────── */
.callout{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .875rem;border-radius:var(--radius-sm);font-size:.76rem;margin-bottom:.5rem}
.callout-info{background:var(--blue-light);border:1px solid var(--blue-mid);color:var(--blue)}

/* ─── PDF disabled rows ───────────────────────────────────────── */
.pdf-row-disabled td{opacity:.35}
.pdf-row-disabled .pn{color:var(--text3)}

/* ─── Drawings tables ─────────────────────────────────────────── */
#dw-gen-t,#dw-print-t,#dw-pdf-t{table-layout:auto;width:100%}
#dw-gen-t td,#dw-print-t td,#dw-pdf-t td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}
#dw-gen-t td:nth-child(2),#dw-print-t td:nth-child(2),#dw-pdf-t td:nth-child(2){width:99%}