/* Shared family: shared layout, dedicated white/silver identity; quantities remain in kilograms. */
:root{--bg:#f8fafc;--ink:#1e293b;--muted:#64748b;--line:#dbe2ea;--navy:#334155;--silver:#64748b;--family-font:Tahoma,Arial,sans-serif;--family-text:13px;--family-control-height:42px;--family-gap:12px;--family-cell-padding:12px}
body,button,input,select{font-family:var(--family-font)}
input,select,button{min-height:var(--family-control-height)}
td,th{padding:var(--family-cell-padding);font-variant-numeric:tabular-nums}
body{background:var(--bg);font-size:13px;line-height:1.75}
.shell{display:block}.shell>.sidebar{display:none}.shell main{margin:0 auto;width:100%;max-width:1600px;padding:28px 36px}
header{background:white;border:1px solid var(--line);border-radius:18px;padding:22px 26px;margin-bottom:20px;align-items:center}
.header-identity{display:flex;align-items:center;gap:14px}.header-identity img{width:48px;height:48px}.header-identity h1{font-size:23px;margin:0}
.header-actions{flex-direction:row;flex-wrap:wrap;font-size:11px}.header-actions #logout{background:#f8fafc;color:var(--navy);border:1px solid var(--line);padding:9px 14px;border-radius:9px}
.report-navigation{margin:20px 0;border-bottom:1px solid var(--line)}.nav-primary,.nav-secondary{display:flex;gap:8px;flex-wrap:wrap}
.nav-primary{border-bottom:1px solid var(--line);padding-bottom:10px}.nav-primary button{padding:10px 18px;border-radius:10px;background:#f1f5f9;color:var(--muted);font-size:13px}
.nav-primary button.active{background:var(--navy);color:white}.nav-secondary{padding:12px 0}.nav-secondary button{padding:8px 14px;background:transparent;color:var(--muted);border-radius:8px;font-size:12px}
.nav-secondary button.active{color:var(--navy);background:#e2e8f0;box-shadow:inset 0 -2px var(--silver)}.nav-secondary button span{display:none}
.panel{border-radius:16px;box-shadow:0 5px 20px #182b4a04}.filter-panel{margin-bottom:16px}.period-tabs button.active{background:var(--navy);color:white}
.report-preferences,.advanced-report{margin-bottom:14px;padding:14px 20px}.report-preferences>summary,.advanced-report>summary{cursor:pointer;color:var(--navy);font-weight:bold;min-height:28px}
.report-preferences[open]>summary,.advanced-report[open]>summary{margin-bottom:18px}.report-preferences[open] .advanced-fields{margin-bottom:20px}
input,select{min-height:42px}.muted{font-size:11px}.list-toolbar{gap:12px;align-items:start}.list-toolbar form{flex:1;min-width:230px}.list-toolbar input{width:100%;min-width:0;max-width:440px}
.table-options{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 0;border-top:1px solid var(--line);margin-bottom:10px}.table-options label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}
.table-options select{border:1px solid var(--line);border-radius:8px;background:white;padding:6px 10px}.table-options details{position:relative}.table-options summary{cursor:pointer;color:var(--navy);padding:7px 12px;border:1px solid var(--line);border-radius:8px}
.table-column-options{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;padding:16px;background:white;border:1px solid var(--line);border-radius:12px;margin-top:10px;max-width:600px}
.table-column-options label{white-space:normal}.table-column-options input{width:17px;height:17px;min-height:17px;margin:0}.table-note{margin:0 0 14px;color:var(--muted);font-size:11px}
.table-wrap{max-height:65vh;overflow:auto;border:1px solid var(--line);border-radius:12px;overscroll-behavior:contain;scrollbar-gutter:stable}
table{font-size:12px}th{position:sticky;top:0;z-index:2;background:#e2e8f0;color:var(--ink);font-weight:bold;border-bottom:1px solid var(--line)}
td{padding:13px 14px}tbody tr:nth-child(even){background:#f8fafc}tbody tr:hover{background:#f1f5f9}th:first-child,td:first-child{position:sticky;right:0;z-index:1;background:#f8fafc;border-left:1px solid var(--line)}th:first-child{z-index:3;background:#e2e8f0}
.table-wrap.compact td{padding:7px 12px}.sort-column{background:transparent;color:inherit;padding:0;font-weight:bold;white-space:nowrap;font-size:inherit}.numeric-cell{font-variant-numeric:tabular-nums;text-align:left;direction:ltr}
.wrap-cell{overflow-wrap:anywhere;min-width:170px;max-width:320px}.row-detail{background:#e2e8f0;color:var(--navy);border:1px solid #cbd5e1;border-radius:7px;padding:5px 10px;font-size:11px;white-space:nowrap}
.pagination{flex-wrap:wrap;font-size:12px}.filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.filter-chip{background:#e2e8f0;color:var(--navy);border:1px solid #cbd5e1;border-radius:20px;padding:5px 12px;font-size:11px}
.filter-chip button{padding:0 7px;background:transparent;color:inherit;font-size:15px}.draft-notice{color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 12px;margin-top:10px;font-size:12px}
.customer-picker{position:relative;min-width:240px}.customer-picker input{width:100%;max-width:none}.customer-options{position:absolute;top:100%;right:0;z-index:10;max-height:260px;overflow-y:auto;width:100%;min-width:240px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 30px #33415520}.customer-options button{display:block;width:100%;text-align:right;padding:9px 12px;background:white;color:var(--ink);font-size:12px}.customer-options button:hover,.customer-options button:focus{background:#e2e8f0}
dialog.record-dialog{width:min(800px,94vw);max-height:85vh;padding:24px;border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:0 20px 70px #33415540}
dialog::backdrop{background:#33415560}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-grid>div{background:#f1f5f9;padding:12px;border-radius:9px;overflow-wrap:anywhere}.record-grid dt{font-size:11px;color:var(--muted)}.record-grid dd{margin:5px 0 0;white-space:pre-wrap}.record-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.login-screen{display:grid;grid-template-columns:minmax(300px,440px) minmax(300px,520px);justify-content:center;align-content:center;padding:35px;gap:0;min-height:100vh;background:#f8fafc}
.login-intro{background:linear-gradient(140deg,#334155,#e2e8f0);color:white;padding:55px 38px;border-radius:0 24px 24px 0;display:flex;flex-direction:column;justify-content:center}.login-intro h2{font-size:30px;line-height:1.8;margin:22px 0}.login-intro>p,.login-intro li{color:#475569;font-size:13px}.login-intro ul{padding-right:20px;margin-top:28px}.login-intro .eyebrow{color:#334155}
.login-card{width:100%;max-width:none;border-radius:24px 0 0 24px;box-shadow:none;padding:44px 40px;border:1px solid var(--line);align-self:stretch;display:flex;flex-direction:column;justify-content:center}.login-card h1{font-size:24px}.login-card .brand-mark{display:none}.login-card p{line-height:1.8}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #94a3b8;outline-offset:3px}.attention-card{background:#f8fafc}.chart-bar{background:var(--navy)}
@media(max-width:750px){.shell main{padding:14px}.header-identity h1{font-size:18px}.header-identity img{width:38px;height:38px}header{padding:18px;flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between;align-items:center}.header-actions #updated{max-width:100%;font-size:10px}.nav-primary{flex-wrap:nowrap;overflow-x:auto}.nav-primary button{flex-shrink:0;font-size:12px;padding:8px 12px}.nav-secondary{gap:4px}.nav-secondary button{font-size:11px;padding:7px 10px}.table-column-options{grid-template-columns:repeat(2,minmax(90px,1fr))}.table-options{align-items:start}.record-grid{grid-template-columns:1fr}.login-screen{display:flex;flex-direction:column;padding:22px}.login-intro{border-radius:18px 18px 0 0;padding:24px}.login-intro h2{font-size:23px;margin:12px 0}.login-intro ul{display:none}.login-card{border-radius:0 0 18px 18px;padding:28px}.login-card h1{font-size:21px}.table-note{line-height:1.9}}
.otp-input{position:relative}.otp-input input{padding-left:65px;font-size:18px;letter-spacing:4px}.login-card .otp-input button{position:absolute;left:8px;top:7px;width:auto;margin:0;padding:6px 9px;background:transparent;color:var(--navy);font-size:11px}.login-card .developer-credit{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:10px}.login-intro li{margin:9px 0}.login-screen{align-items:stretch;justify-items:stretch;background:radial-gradient(circle at 15% 20%,#e2e8f0,transparent 40%),var(--bg)}

/* Dedicated silver surfaces, focus states and brushed-metal accents. */
:root{--bg:#f8fafc;--ink:#1e293b;--muted:#64748b;--line:#dbe2ea;--navy:#334155;--silver:#64748b}
.login-screen{background:radial-gradient(ellipse at 10% 10%,#e2e8f0,transparent 48%),linear-gradient(120deg,#fff,#f1f5f9)}
.login-intro{background:linear-gradient(145deg,#fff 0%,#edf1f5 58%,#d8dee7 100%);color:var(--ink);border:1px solid #cbd5e1;box-shadow:0 24px 65px #33415512}
.login-intro>p,.login-intro li,.login-intro .eyebrow{color:#475569}
.login-card{background:#ffffffed;box-shadow:0 24px 65px #3341550b}
header{background:linear-gradient(115deg,#fff,#f8fafc);box-shadow:0 5px 24px #33415506;border-top:3px solid #b8c2d0}
.panel,.metrics article{box-shadow:0 5px 24px #33415506}
.metrics i{background:linear-gradient(135deg,#f8fafc,#dbe2ea);color:#475569}
.chart-bar{background:linear-gradient(to top,#64748b,#cbd5e1);box-shadow:inset 1px 0 #ffffff80}
.sidebar{background:#fff;color:var(--ink);border-left:1px solid var(--line)}
.sidebar .brand strong,.sidebar nav button,.sidebar nav summary,.sidebar-bottom button{color:var(--ink)}
.sidebar nav button.active{background:#e2e8f0;color:#1e293b}
.sidebar nav details{border-color:var(--line)}
.primary{background:linear-gradient(130deg,#475569,#1e293b);box-shadow:0 3px 9px #33415515}
button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#64748b}