:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#232a27;background:#f5f6f3;font-synthesis:none;font-size:14px;line-height:1.55;--ink:#232a27;--muted:#6f7971;--line:#dfe4dd;--paper:#fff;--green:#385c47;--light:#eaf1e9;--orange:#9b641b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 14px;border-radius:7px;font-weight:600;min-height:40px;line-height:1.35}button:hover{background:#edf1eb;border-color:#becbbc}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#3a4b3f;color:#fff}.accent{background:var(--light);border-color:#d0dfcc;color:#31543e}.danger{color:#a54036}.small{font-size:12px;padding:6px 10px;min-height:32px}.quiet{background:transparent;border-color:transparent;color:var(--muted)}a{color:#315c43;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;font-weight:600;line-height:1.2;margin-bottom:8px}h2{font-size:19px;letter-spacing:-.4px;margin-bottom:8px}h3{font-size:14px;margin-bottom:8px}p{margin-bottom:12px}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.5;margin-top:6px}.caps{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700;color:var(--muted)}.brand{width:160px;height:42px;object-fit:contain}.topbar{background:white;border-bottom:1px solid var(--line);height:79px;padding:0 4%;display:flex;align-items:center;gap:24px}.brand-wrap{display:flex;align-items:center;gap:16px;min-width:190px}.brand-wrap span{border-left:1px solid var(--line);padding-left:16px}.topnav{display:flex;align-self:stretch;gap:4px;flex:1;justify-content:center}.topnav button{border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px;padding:10px 15px;white-space:nowrap;position:relative}.topnav button.active{color:var(--ink)}.topnav button.active:after{content:"";position:absolute;bottom:-1px;left:15px;right:15px;height:3px;background:#385c47}.user{display:flex;align-items:center;gap:8px;font-size:12px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8ece5;color:#385c47;font-weight:700}.shell{max-width:1520px;margin:auto;padding:32px 4% 60px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.pagehead p{margin:0;color:var(--muted)}.toolbar,.actions,.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.spread{justify-content:space-between}.card{background:var(--paper);border:1px solid var(--line);border-radius:11px;margin-bottom:18px;padding:22px;box-shadow:0 2px 3px #20292302}.card.flush{padding:0;overflow:hidden}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.cardhead h2,.cardhead h3{margin:0}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.wide{grid-column:1/-1}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:17px 20px}.metric strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.8px;margin:5px 0}.metric span{font-size:12px;color:var(--muted)}.market{margin-bottom:22px}.market .grid{gap:0;border:1px solid var(--line);border-radius:9px;background:#fff}.price{padding:13px 18px;border-right:1px solid var(--line)}.price:last-child{border:0}.price strong{display:block;font-size:18px;font-weight:600;margin-top:3px}.price small{font-size:10px;color:var(--muted)}.market-status{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-top:8px}.dot{width:7px;height:7px;border-radius:50%;background:#72936f;display:inline-block;margin-right:6px}.dot.stale{background:#c2924f}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:23px;overflow:auto}.tabs button{background:none;border:0;border-radius:0;color:var(--muted);white-space:nowrap;padding:11px 18px;min-height:44px}.tabs button.active{border-bottom:2px solid var(--ink);color:var(--ink)}.toolbar{padding:16px 20px;border-bottom:1px solid var(--line)}input,select,textarea{width:100%;padding:10px 11px;background:white;border:1px solid #d5ddd3;border-radius:6px;color:var(--ink);min-height:42px}textarea{resize:vertical;min-height:84px}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--green)}input:focus,select:focus,textarea:focus{outline:2px solid #aec3a6;border-color:#547348}.field{display:block;min-width:0}.field>span{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.field .required{color:#a85b49}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px}.toolbar input{max-width:310px}.toolbar select{max-width:210px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);text-align:left;font-weight:600;background:#f8faf6;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #edf0e9;font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafcf9}td strong{font-weight:600}td .sub{font-size:11px;color:var(--muted);margin-top:3px;white-space:normal;max-width:260px}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:4px 8px;border-radius:5px;background:#edf0eb;color:#54634e;font-size:10px;font-weight:600;letter-spacing:.25px;white-space:nowrap}.badge.amber{background:#fff1da;color:#966824}.badge.blue{background:#eaf0f7;color:#527191}.badge.red{background:#fbeeea;color:#ab5948}.badge.green{background:#e5efe1;color:#4d7241}.statusline{display:flex;gap:10px;align-items:center}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:5px}.footnote{border-top:1px solid var(--line);padding:13px 20px;color:var(--muted);font-size:11px}.steps{display:flex;gap:0;margin-bottom:24px;overflow:auto}.steps button{border:0;border-radius:0;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:2px solid #dce3d8;background:transparent;color:var(--muted);min-width:130px}.steps b{width:26px;height:26px;border:1px solid #c8d2c2;border-radius:50%;display:grid;place-items:center;font-size:11px}.steps button.active{color:var(--ink);border-color:var(--green)}.steps .active b{background:var(--green);color:white;border-color:var(--green)}.form-shell{max-width:1100px;margin:0 auto}.form-footer{display:flex;justify-content:space-between;padding:20px 0;gap:12px}.note{background:#f1f5ed;border:1px solid #dce5d4;border-radius:7px;padding:12px 15px;font-size:12px;margin:12px 0;color:#4f6747}.note.warning{background:#fffaec;border-color:#efe2b9;color:#8c702d}.note.error{background:#fbefec;border-color:#edd0c7;color:#a04d3e}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.item-card{border:1px solid var(--line);border-radius:9px;padding:18px;margin-bottom:14px}.item-card .itemhead{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.item-card h3{font-size:16px;margin:0}.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;font-size:12px;margin:16px 0}.specs dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.specs dd{margin:0;white-space:pre-wrap}.item-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px solid #edf0e9}.media-row{display:flex;gap:8px}.thumb{width:85px;height:70px;object-fit:contain;background:#f7f8f4;border:1px solid var(--line);border-radius:5px}.aside .card{padding:18px}.aside .amount{font-size:27px;font-weight:600}.kv{display:flex;justify-content:space-between;padding:7px 0;font-size:12px;gap:15px}.kv strong{text-align:right}.timeline{padding-left:12px;border-left:1px solid #d1dacc;margin:18px 0;font-size:12px}.timeline>div{padding:0 0 17px 7px}.timeline small{display:block;color:var(--muted)}.login{max-width:420px;margin:10vh auto;padding:34px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 60px #26331c08}.login .brand{width:190px;height:70px;margin-bottom:35px}.login h1{font-size:25px}.login .field{margin:18px 0}.login button{width:100%;margin-top:15px}.login footer{font-size:11px;color:var(--muted);margin-top:24px}.error-message{color:#a64437;font-size:13px}.loading{padding:18vh 20px;text-align:center;color:var(--muted)}dialog{width:min(920px,94vw);max-height:90vh;overflow:auto;border:1px solid #d5dfcf;border-radius:12px;box-shadow:0 18px 80px #10241038;padding:0;color:var(--ink)}dialog::backdrop{background:#15231266;backdrop-filter:blur(2px)}.modal-head{padding:20px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:#fff;z-index:3}.modal-head h2{margin:0}.modal-body{padding:22px 25px}.modal-foot{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:0;background:#fff;z-index:3}.form-section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.form-section:last-child{border:0;margin:0}.form-section>h3{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:15px;color:#607157}.file-drop{border:1px dashed #aebfa5;background:#f7faf4;border-radius:8px;padding:18px}.file-drop input{background:transparent;border:0;padding:6px 0}.upload-progress{width:100%;height:12px;margin-top:10px;accent-color:#526e44}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#253329;color:#fff;border-radius:8px;padding:13px 20px;max-width:90vw;box-shadow:0 5px 30px #0002;z-index:100;display:none;font-size:13px}#toast.show{display:block}#toast.error{background:#923d32}.split-stat{display:grid;grid-template-columns:1fr 1fr;gap:22px}.statbar{display:grid;grid-template-columns:150px 1fr 40px;align-items:center;gap:10px;padding:10px 0;font-size:12px}.statbar progress{width:100%;height:8px;accent-color:#7d9771}.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-value{padding:15px;background:#f5f8f0;border-radius:6px}.report-value strong{display:block;font-size:20px;margin-top:5px}.settings-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.settings-nav button.active{background:var(--ink);color:white}.link-button{border:0;background:none;padding:0;min-height:28px;color:#365942;text-align:left}.inline-error{margin:10px 0;color:#ac493c;font-size:12px}[hidden]{display:none!important}@media(min-width:1400px){.shell{padding-left:3%;padding-right:3%}.topbar{padding-left:3%;padding-right:3%}}@media(max-width:1150px){.topbar{flex-wrap:wrap;height:auto;padding-top:14px;gap:10px}.brand-wrap{flex:1}.topnav{order:3;width:100%;flex:auto;justify-content:flex-start;overflow:auto}.topnav button{padding:15px 12px}.detail-layout{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.price{padding:12px}.price strong{font-size:16px}}@media(max-width:760px){.shell{padding:24px 17px 50px}h1{font-size:25px}.pagehead{align-items:flex-start;flex-direction:column;gap:14px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:13px}.metric strong{font-size:23px}.grid.two,.grid.three,.grid.four,.aside,.split-stat{grid-template-columns:1fr}.grid.five{grid-template-columns:repeat(2,1fr)}.price{border-bottom:1px solid var(--line)}.price:last-child{grid-column:1/-1}.specs{grid-template-columns:repeat(2,1fr)}.market-status{align-items:flex-start;flex-direction:column}.card{padding:17px}.card.flush{padding:0}.cardhead{align-items:flex-start}.topbar{padding-left:17px;padding-right:17px}.brand{width:140px}.user .username{display:none}.modal-body{padding:18px}.modal-head{padding:18px}.modal-foot{padding:14px 18px}.steps button{min-width:135px;justify-content:flex-start;font-size:12px}.toolbar{padding:12px}.toolbar input,.toolbar select{max-width:none;width:100%}.report-summary{grid-template-columns:1fr 1fr}.statbar{grid-template-columns:110px 1fr 32px}.login{margin:8vh 17px;padding:26px}.form-footer{position:sticky;bottom:0;background:#f5f6f3;z-index:2}.cardhead .actions{justify-content:flex-end}td,th{padding:13px}.itemhead{flex-wrap:wrap}}

/* R4: clear contained navigation, readable finance tables, Kronos identity. */
:root{--ink:#202a34;--muted:#52616e;--line:#cdd5dd;--paper:#fff;--green:#304c61;--light:#e9eff4;--orange:#8b6421;background:#edf1f5;color:var(--ink);font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:14px}
body{background:linear-gradient(180deg,#e4eaf0 0,#f1f4f7 360px)}
.topbar{height:auto;min-height:86px;padding-top:12px;padding-bottom:12px;background:#17212b;border-bottom:3px solid #b59a61;gap:18px}
.brand-wrap{background:#fff;padding:8px 15px;border:1px solid #e2e5e9;border-radius:8px;min-width:180px;justify-content:center}.brand-wrap .brand{width:155px;height:37px}
.topnav{align-self:center;gap:7px;justify-content:flex-start}.topnav button{background:#263543;color:#e4ecf4;border:1px solid #697987;border-radius:7px;padding:12px 15px;min-height:44px}.topnav button:hover{background:#3a4d5d;color:white}.topnav button.active{background:#f3e6c6;color:#322814;border-color:#d8bd82;box-shadow:0 2px 8px #0002}.topnav button.active:after{display:none}.user{color:#fff}.user .caps,.user .quiet{color:#e1e7ed}.avatar{background:#415467;color:#fff}
.shell{padding-top:30px;max-width:1600px}.pagehead{margin-bottom:23px}.pagehead .caps{color:#776034}.pagehead h1{font-size:30px;font-weight:700;letter-spacing:-.8px}.pagehead p{max-width:880px}
button{border-color:#8996a2;border-radius:7px;transition:background .12s,border-color .12s}.primary{background:#24455e;border-color:#24455e;color:#fff}.primary:hover{background:#17344b}.accent{background:#e7eef4;color:#243f55;border-color:#9baebf}.quiet{border-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b68222;outline-offset:3px}
.tabs,.settings-nav{gap:7px;padding:8px;border:1px solid #b8c4ce;border-radius:10px;background:#e1e8ee;margin-bottom:22px}.tabs button,.settings-nav button{border:1px solid #8c9ba8;border-radius:7px;background:#f8fafc;color:#3b4b59;white-space:nowrap;font-size:13px;padding:10px 16px;min-height:44px}.tabs button.active,.settings-nav button.active{background:#24455e;border:1px solid #24455e;color:#fff;box-shadow:0 2px 6px #15253526}.tabs button:hover:not(.active){background:white;border-color:#38556e}
.steps{gap:9px}.steps button{background:#e7edf3;border:1px solid #9eacb8;border-radius:9px}.steps button.active{background:#fff;border:2px solid #24455e;font-weight:700}.steps b{border-color:#8e9daa}.steps .active b{background:#24455e}
.card{border-color:#c6d0d9;box-shadow:0 3px 10px #1c314708;border-radius:12px;padding:24px}.cardhead{border-bottom:1px solid #e0e6ec;padding-bottom:15px}.metric{border-color:#c7d1db;border-top:3px solid #b69a63}.metric strong,.report-value strong,.amount{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric strong{color:#1b3549}.market .grid{border-color:#bdcbd7;box-shadow:0 2px 6px #172e4506}.price{border-color:#d4dde6}.price strong{font-variant-numeric:tabular-nums}.market-status{font-size:12px}
input,select,textarea{border-color:#8796a3;background:#fff;color:#202a34;border-radius:7px}input:focus,select:focus,textarea:focus{outline:2px solid #90b6d3;border-color:#24455e}.field>span{font-size:13px;color:#344451}.field .required{color:#a0382e}
th{background:#e8eef4;color:#405464;font-size:11px;font-weight:700;position:sticky;top:0;z-index:1;border-bottom:1px solid #bac8d4}td{border-bottom:1px solid #dfe5eb;padding-top:14px;padding-bottom:14px;font-variant-numeric:tabular-nums}tbody tr:nth-child(even){background:#f7f9fb}tbody tr:hover{background:#edf3f8}.table-wrap{border-radius:8px}td .sub{color:#526372;font-size:12px}.badge{border:1px solid #b6c2cc;font-size:11px}.badge.green{background:#e7f2ec;color:#28523b;border-color:#b5d2bf}.badge.blue{background:#e8f0f8;color:#234e72;border-color:#abc3d8}.badge.amber{background:#fff2d7;color:#785114;border-color:#d8bd89}.badge.red{background:#faeae8;color:#8e312a;border-color:#dcaca6}
.item-card{border-color:#bdcbd7;background:#fff}.specs>div{border:1px solid #d5dfe7;background:#f4f7fa;border-radius:7px;padding:10px}.specs dt{color:#556676}.specs dd{font-weight:600;color:#263b4c}.item-actions{border-color:#d6e0e8;padding-top:16px;gap:8px}.form-section{background:#f7f9fb;border:1px solid #cbd6df;border-radius:9px;padding:18px;margin-bottom:17px}.form-section>h3{color:#344f65}.form-section:last-child{border:1px solid #cbd6df;padding:18px}.note{color:#334e63;background:#edf3f8;border-color:#b8cad9}.note.warning{color:#765319;background:#fff6df;border-color:#d9bf88}.hint{font-size:12px}.aside .card{border-top:3px solid #b59a61}.kv{font-size:13px}.report-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-value{border:1px solid #c9d7e2;background:#f1f6fa;border-radius:9px;padding:18px}.report-value strong{color:#203e55;font-size:23px}.report-value .hint{color:#526473;font-size:13px}
.date-basis{margin-top:18px;padding:15px 18px;border:1px solid #c6d3de;border-radius:8px;background:#f6f9fc}.date-basis summary{font-weight:650;color:#344f65;cursor:pointer}.date-basis dl{margin-bottom:0;font-size:12px}.date-basis dl>div{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:8px 0;border-top:1px solid #e0e7ee}.date-basis dt{font-weight:650}.date-basis dd{margin:0;color:#4a5b68}.legacy-piece{border:1px solid #c2ced9;padding:16px;border-radius:9px;margin:16px 0}.timeline{border-color:#a8bac9}.timeline>div{background:#f8fafc;border:1px solid #d7e0e8;border-radius:7px;padding:14px;margin:8px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.modal-head{background:#edf3f8;border-color:#bdcbd8}.modal-foot{background:#f6f8fa;border-color:#bdcbd8}.login{border-top:4px solid #b59a61;box-shadow:0 18px 65px #23394c18}.login h1{color:#213e54}#toast{background:#24455e}
@media(max-width:1150px){.topnav{width:100%;padding-top:8px;padding-bottom:4px}.topnav button{padding:11px 14px}.topbar{gap:10px}.brand-wrap{flex:0 0 auto}.user{margin-left:auto}}
@media(max-width:760px){.card{padding:17px}.card.flush{padding:0}.report-summary{grid-template-columns:1fr}.report-value strong{font-size:23px}.tabs{padding:7px}.tabs button{min-height:44px}.date-basis dl>div{grid-template-columns:1fr;gap:4px}.specs{gap:8px}.topnav{gap:7px}.pagehead h1{font-size:27px}.form-footer{background:#edf1f5}.form-section{padding:14px}.user .quiet{font-size:12px}}

.report-group + .report-group{margin-top:28px;padding-top:22px;border-top:1px solid #c9d3e1}.report-group h2{margin-bottom:6px}

/* R5: Kronos navy workspace, with contained navigation and readable states. */
:root{color-scheme:dark;--ink:#e8edf5;--muted:#aab8cb;--line:#34465e;--paper:#172437;--green:#79c9ad;--light:#233c4b;--orange:#e5bb73;background:#0c1627;color:var(--ink)}
body{background:linear-gradient(155deg,#111e33 0,#0c1627 65%);min-height:100vh}
button{background:#213249;color:#e8edf5;border-color:#4b607c}button:hover{background:#2c435e;border-color:#6b91b7}button:disabled{opacity:.5}.primary{background:#216a81;border-color:#428ea5;color:#f4fcff}.primary:hover{background:#287d96}.accent{background:#243e50;color:#a5e3f1;border-color:#456d83}.quiet{background:transparent;color:var(--muted);border-color:transparent}.danger{color:#ffb5b5}a,.link-button{color:#8ad4ec}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8bdcec;outline-offset:3px}
.topbar{display:flex;flex-wrap:wrap;gap:12px 24px;height:auto;min-height:0;padding:16px 3% 12px;background:#111e31;border-bottom:1px solid #34506c}.top-identity{display:flex;align-items:center;gap:18px;min-width:0}.brand-wrap{flex:0 0 auto;min-width:150px;padding:7px 12px;background:#fff;border-color:#d2dae2;border-radius:8px}.brand-wrap .brand{width:143px;height:36px;object-fit:contain}.header-page{color:#8cd7ef;font-weight:650;font-size:16px}.topnav{order:4;display:flex;flex:1 0 100%;width:100%;gap:7px;overflow-x:auto;padding:2px 0 0;justify-content:flex-start}.topnav button{background:#1a2b42;border:1px solid #3b506b;color:#c8d5e5;border-radius:7px;min-height:39px;padding:9px 17px}.topnav button:hover{background:#2b425d}.topnav button.active{background:#1b4458;border-color:#4c91ad;color:#a9e9fa;box-shadow:none}.topnav button.active:after{display:none}.user{margin-left:auto;color:#e1e9f4;gap:10px}.user .caps,.user .quiet{color:#b8c8dc}.avatar{background:#283c58;color:#bdeefa}.notification{font-size:12px;white-space:nowrap}.username{font-size:12px}.header-page{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#header-search{display:flex;align-items:center;gap:6px;max-width:280px;flex:1;margin-left:auto}#header-search input{min-width:90px;min-height:38px;padding:7px 10px;font-size:12px}#header-search button{min-height:38px;padding:7px 12px;font-size:12px}
.shell{max-width:1600px;padding:24px 3% 55px}.pagehead{margin-bottom:20px}.pagehead .caps{color:#80c2dd}.pagehead h1{font-size:28px;letter-spacing:-.6px;color:#91dcf2;margin:3px 0 5px}.pagehead p{font-size:13px;color:#afbed2;max-width:870px}h2{font-size:17px;color:#dce8f5}h3{color:#e5edf7}.caps{color:#adbed4}.muted,.hint,td .sub,.price small,.market-status{color:#adbed1}.hint{font-size:12px;line-height:1.65}
.card,.item-card{background:#172437;border-color:#34475f;box-shadow:0 5px 18px #040a1415;border-radius:11px}.cardhead{border-color:#34475f}.metrics{gap:12px;margin-bottom:22px}.metric{background:#17263c;border:1px solid #38506d;border-top:2px solid #5387a1;padding:14px 17px;box-shadow:none}.metric span{color:#b1c2d9}.metric strong{color:#e6f4fc;font-size:27px;font-variant-numeric:tabular-nums}.metric strong small{font-size:11px;font-weight:400;color:#b8c8dc;margin-left:9px;display:inline-block}.market .grid{background:#182a3e;border-color:#3a526e}.price{border-color:#334861}.price strong{color:#e2edf7}.dot{background:#80c9a7}.dot.stale{background:#e8bf79}
.tabs,.settings-nav{background:#122036;border:1px solid #364d6a;padding:7px;gap:7px}.tabs button,.settings-nav button{background:#1d3048;color:#c5d5e8;border:1px solid #456080;min-height:40px;padding:9px 15px}.tabs button.active,.settings-nav button.active{background:#24516a;color:#d8f6ff;border-color:#76b7cf;box-shadow:none}.tabs button:hover:not(.active){background:#2a445f;border-color:#83a6c9}.steps button{background:#182a42;border-color:#455e7e;color:#bacce2}.steps button.active{background:#23445c;border-color:#73bad4;color:#dbf6ff}.steps b{border-color:#6885a2}.steps .active b{background:#22677e}
input,select,textarea{background:#111f33;border-color:#506784;color:#e8f0fa;border-radius:7px}input::placeholder,textarea::placeholder{color:#90a4bd;opacity:1}input:focus,select:focus,textarea:focus{outline:2px solid #5294ad;border-color:#9ad9ea}.field>span{color:#c5d5e8}.field .required{color:#ffada8}.form-section,.form-section:last-child{background:#142338;border-color:#3b526e}.form-section>h3{color:#a0d6ec}.form-footer{background:#101d30}.note{background:#1b344a;border-color:#446884;color:#c6dfef}.note.warning{background:#3b3223;border-color:#8c784b;color:#f0d499}.note.error{background:#3c2732;border-color:#92616d;color:#ffbfc4}.error-message,.inline-error{color:#ffb5b5}.required{color:#ffb5b5}
th{background:#20324b;color:#becfe5;border-bottom:1px solid #4a617d;font-size:10px;letter-spacing:.7px}td{border-bottom-color:#31435b;color:#e0e8f3;font-size:12px;vertical-align:top}tbody tr:nth-child(even){background:#192a40}tbody tr:hover{background:#243a52}td .sub{font-size:11px}.badge,.badge.neutral{background:#293749;color:#d0dbea;border:1px solid #61758d;font-size:10px}.badge.green{background:#203d36;color:#abdfc5;border-color:#527f6c}.badge.blue{background:#233d54;color:#abd9f4;border-color:#597f9c}.badge.amber{background:#453921;color:#f0d08f;border-color:#8d774b}.badge.red{background:#472d39;color:#ffc0c8;border-color:#a36a7b}.specs>div{background:#122137;border-color:#374d68}.specs dt{color:#a5bdd6}.specs dd{color:#e2edf8}.item-actions{border-color:#3d526f}.thumb{background:#e8eef4;border-color:#546b85}.aside .card{border-top:2px solid #497b9a}.report-value{background:#192e44;border-color:#3c5874}.report-value strong,.amount{color:#c4ebf6}.report-value .hint{color:#b9ccdf}.date-basis{background:#14273d;border-color:#42617e}.date-basis summary{color:#b8dff0}.date-basis dd{color:#b8cadd}.date-basis dl>div{border-color:#38516d}.report-group+.report-group{border-color:#3a516b}.legacy-piece{border-color:#48617f}.timeline{border-color:#506e8b}.timeline>div{background:#172a41;border-color:#3a536f}
dialog{background:#16263c;border-color:#506984;box-shadow:0 22px 90px #0007}dialog::backdrop{background:#071222ba;backdrop-filter:blur(3px)}.modal-head,.modal-foot{background:#1b3049;border-color:#425d7b}.modal-body{background:#15253b}.file-drop{background:#102438;border-color:#6786a1}.upload-progress,.statbar progress{accent-color:#70bbd6}.login{background:#15263b;border-color:#405977;border-top:3px solid #64aec7;box-shadow:0 20px 70px #0003}.login>.brand{background:#fff;padding:8px;border-radius:8px;box-sizing:content-box}.login h1{color:#9edcef}#toast{background:#204d65;border:1px solid #88b7cb;color:#f1f8ff}#toast.error{background:#633641;border-color:#bd8390}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}.section-heading h2{margin:0}.section-heading.padded{padding:18px 20px 0}.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-card{display:flex;align-items:center;text-align:left;padding:17px 14px;gap:12px;border-radius:10px;min-height:105px;min-width:0;box-shadow:0 4px 13px #040c171c;position:relative}.hub-card.cyan{background:#183446;border-color:#416c83;color:#a7def3}.hub-card.purple{background:#302f4d;border-color:#666283;color:#d1c9f7}.hub-card.green{background:#223b38;border-color:#557b70;color:#bbe3cf}.hub-card.amber{background:#3d3529;border-color:#89734f;color:#efd49e}.hub-card:hover{filter:brightness(1.13);transform:translateY(-1px)}.hub-icon{width:32px;height:32px;flex:0 0 32px}.hub-icon svg{width:100%;height:100%}.hub-copy{flex:1;min-width:0}.hub-copy strong{display:block;color:inherit;font-size:15px;margin-bottom:5px}.hub-copy small{display:block;color:#bccbd9;font-size:11px;line-height:1.6;font-weight:400}.hub-end{font-size:10px;white-space:nowrap;align-self:flex-start;position:absolute;right:12px;top:8px;opacity:.92}.dashboard-material{margin-top:27px;margin-bottom:23px}.metal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:19px}.metal-card{background:#17283d;border:1px solid #41617e;border-radius:11px;padding:20px}.metal-card.gold{background:#282c33;border-color:#756748}.metal-card .cardhead{margin-bottom:10px;padding-bottom:10px}.metal-card h2{margin:3px 0 0;font-size:18px;letter-spacing:1.2px;color:#cae2f1}.metal-card.gold h2{color:#e8c786}.metal-card .caps{font-size:9px}.metal-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #607f9a;color:#d1e7f8;border-radius:9px;font-size:19px;font-weight:650;background:#233c54}.gold .metal-mark{background:#3c392d;border-color:#928160;color:#f1d398}.metal-values{margin:0 0 12px}.metal-values>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #3c4e6180}.metal-values dt{color:#b9c9dc;font-size:13px}.metal-values dd{margin:0;color:#e7f1fb;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.metal-values dd small{font-size:12px;font-weight:400;color:#b7ccdf}.data-warning{color:#edc582;font-size:12px;margin:8px 0}.metal-card>p{margin:8px 0}.metal-card>button{margin-top:5px;width:100%}.work-table td:nth-child(3){min-width:180px}.work-table td:nth-child(5){min-width:135px}.file-link{display:block;white-space:nowrap;font-size:11px;margin-top:8px}.queue-toolbar{flex-wrap:wrap}.queue-toolbar select{max-width:210px}.queue-toolbar input{min-width:180px}details.card>summary{cursor:pointer;font-size:15px;font-weight:650;color:#c7dfef;min-height:30px}.report-basis p{color:#b7c9dd;font-size:13px}
@media(min-width:1500px){.hub-card{padding:20px;min-height:113px}.hub-copy strong{font-size:16px}.hub-copy small{font-size:12px}}
@media(max-width:1150px){.topbar{gap:12px 18px}.topnav{width:100%;padding-top:2px}.header-page{display:none}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card{min-height:104px}.topnav button{padding:9px 14px}.user{margin-left:0}#header-search{max-width:240px}.shell{padding-top:23px}}
@media(max-width:760px){.topbar{padding:13px 17px;gap:11px}.brand-wrap{min-width:0;padding:5px 9px}.brand-wrap .brand{width:123px;height:33px}.user{margin-left:auto;gap:7px}.user .username,.user .avatar{display:none}.notification{font-size:10px;padding:7px}.user .quiet{padding:7px;font-size:11px}#header-search{order:3;max-width:none;flex:1 0 100%}.topnav{order:4}.shell{padding:22px 17px 45px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-card{padding:23px 12px 14px;min-height:130px;align-items:flex-start;flex-direction:column;gap:8px}.hub-icon{width:25px;height:25px;flex-basis:25px}.hub-copy strong{font-size:14px}.hub-copy small{font-size:11px}.metal-grid{grid-template-columns:1fr}.metal-card{padding:17px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.dashboard-metrics .metric{padding:13px}.metric strong{font-size:25px}.metric strong small{display:block;margin-left:0;font-size:10px}.pagehead h1{font-size:25px}.report-summary{grid-template-columns:1fr}.form-footer{background:#112035}.queue-toolbar select{max-width:none}.metal-values dd{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.hub-card:hover{transform:none}}
/* V4: original transparent artwork, uncropped and unstretched, on the dark shell. */
.login>.brand{display:block;width:100%;max-width:352px;height:auto;object-fit:contain;margin:0 auto 16px;padding:0;background:transparent;border-radius:0;filter:brightness(0) invert(1);box-sizing:border-box}
.brand-wrap{background:transparent;border:0;padding:0;min-width:0}
.brand-wrap .brand{width:190px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:760px){.brand-wrap .brand{width:150px;height:auto}}
.priority{display:inline-flex;align-items:center;gap:7px}.priority-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#afbdd0;border:1px solid #d7e0ec;box-shadow:0 1px 3px #0003}.priority.red .priority-dot{background:#ef708c;border-color:#ffacbf}.priority.amber .priority-dot{background:#ecc66b;border-color:#ffe3a1}.priority.green .priority-dot{background:#78d1ab;border-color:#b4ecd4}.priority-legend{padding:13px 16px;margin-bottom:17px;background:#14263c;border:1px solid #3c5470;border-radius:9px}.priority-legend>strong{font-size:11px;color:#c4d7eb;display:block;margin-bottom:9px}.priority-legend>div{display:flex;gap:12px 24px;flex-wrap:wrap}.legend-entry{display:flex;align-items:center;gap:8px;font-size:11px;color:#b3c7dc}.legend-entry .badge{font-size:9px;padding:4px 7px}.detail-priority{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:7px}@media(max-width:760px){.priority-legend>div{display:grid;grid-template-columns:1fr;gap:9px}.legend-entry{font-size:11px}.status-stack{align-items:flex-start}}
.hub-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:9px;border-radius:11px;background:#071a2a66;border:1px solid #91c5e226}.hub-card.cyan .hub-icon{color:#70d9f0;background:#082b3c80}.hub-card.purple .hub-icon{color:#c6b6f5;background:#221f3f88}.hub-card.green .hub-icon{color:#9cdec0;background:#0c2b2588}.hub-card.amber .hub-icon{color:#e7c77c;background:#2a241588}.inline-icon{display:inline-block;vertical-align:middle;width:17px;height:17px;flex:0 0 17px;margin-right:7px;color:#91cbe3;line-height:0}.inline-icon svg{width:100%;height:100%}.topnav .inline-icon{width:16px;height:16px;color:inherit}.topnav button{display:inline-flex;align-items:center}.pagehead h1{display:flex;align-items:center;gap:0}.pagehead h1 .inline-icon{width:26px;height:26px;flex-basis:26px;margin-right:11px;color:#8bdaef}.order-identity{display:inline-flex;align-items:center;white-space:nowrap}.order-identity .inline-icon{color:#7bd5eb;width:16px;height:16px;flex-basis:16px}.stat-label{display:flex;align-items:center}.metric .stat-label .inline-icon{color:#93bddb}.dashboard-metrics .metric:nth-child(3) .inline-icon{color:#e7ae91}.primary>.inline-icon{color:#d8f6ff}.small>.inline-icon{width:15px;height:15px;flex-basis:15px}button>.inline-icon{pointer-events:none}@media(max-width:760px){.hub-icon{width:39px;height:39px;flex-basis:39px;padding:8px}.topnav .inline-icon{width:14px;height:14px;margin-right:6px}.metric .stat-label .inline-icon{width:14px;height:14px;margin-right:5px}.pagehead h1 .inline-icon{width:24px;height:24px;flex-basis:24px}}
/* Consolidated workspaces retain the existing navy/cyan visual language. */
.work-buckets{flex-wrap:wrap}.technical-instruction{white-space:pre-line;line-height:1.7;border-left:3px solid var(--cyan,#42d5ee);padding:12px 16px;background:rgba(66,213,238,.05)}.technical-targets td{white-space:normal;min-width:120px}.file-row{padding:14px 0;border-bottom:1px solid rgba(180,205,220,.15);overflow-wrap:anywhere}.file-row .actions{margin-top:8px}.pcs-exception{padding:12px 0}.pcs-exception summary{cursor:pointer;font-weight:600}.pcs-exception .check{margin:8px 0}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-metrics .metric strong{font-size:28px}.dashboard-metrics small{line-height:1.5}.modal-body .metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.modal-body .metric strong{font-size:21px}@media(max-width:700px){.work-buckets button{font-size:11px;padding:10px}.technical-targets td{min-width:100px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Item identity remains readable within crowded KR workspaces. */
.designer-item{scroll-margin-top:1.5rem}.identity-selected{outline:2px solid var(--cyan,#56d6ec);outline-offset:3px}.designer-item .technical-target{font-weight:700;color:var(--cyan,#56d6ec)}.item-correction{margin:1rem 0}.item-references{display:flex;flex-wrap:wrap;gap:1rem}.item-references a{display:flex;flex-direction:column;gap:.35rem}
/* 5.0.16: normal work is a batch; rework keeps its exact item context. */
.workflow-workspace{min-width:0}.workflow-workspace .workflow-group{padding:18px 0 0;overflow:hidden}.workflow-group>.cardhead,.workflow-group>p,.workflow-group>.workflow-download,.workflow-group>.workflow-next,.workflow-group>.workflow-exception{margin-left:18px;margin-right:18px}.workflow-group .cardhead{align-items:flex-start}.workflow-kind{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;padding:7px 11px;border:1px solid #42798a;border-radius:6px;margin-bottom:12px;color:#b7f2ff;background:#173d4c}.workflow-kind.rework{color:#ffe2bf;border-color:#a27549;background:#493522}.workflow-kind.small{font-size:10px;padding:4px 7px;margin:8px 0 0}.workflow-rework{border-color:#997249}.workflow-group h3{font-size:19px}.workflow-group .cardhead p{margin:6px 0 0}.workflow-download{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.workflow-download-button,.workflow-file-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #77b9d1;border-radius:7px;padding:10px 15px;min-height:42px;font-weight:700;text-decoration:none}.workflow-download-button{background:#70c3db;color:#08202d;border-color:#70c3db}.workflow-download-button:hover{background:#9bdeec;color:#08202d}.workflow-download-button .inline-icon{color:inherit}.workflow-file-button{font-size:12px;padding:6px 10px;min-height:32px;margin-top:7px}.workflow-batch-bar{padding:14px 18px;background:#11263b;border-top:1px solid #3c5872;border-bottom:1px solid #3c5872}.workflow-batch-bar p{margin-bottom:0}.workflow-batch-bar textarea{margin-top:8px;max-width:580px}.workflow-item-table th,.workflow-item-table td{padding:12px 13px}.workflow-item-table td{vertical-align:top}.workflow-item-table td:nth-child(1){min-width:115px}.workflow-item-table td:nth-child(2){min-width:58px}.workflow-item-table .workflow-grams{width:100px;min-height:42px;font-size:15px;font-variant-numeric:tabular-nums}.workflow-file-name{display:block;max-width:170px;overflow-wrap:anywhere;font-size:12px}.workflow-item-table .badge{white-space:normal}.workflow-exception summary{cursor:pointer;color:#a9c6db;font-size:12px;min-height:32px}.workflow-exception .actions{flex-direction:column;align-items:flex-start;margin-top:8px}.workflow-exception p{margin-top:9px}.workflow-next{margin-top:18px;margin-bottom:18px}.workflow-result>.note{margin:12px 18px}.workflow-result p,.workflow-group>.note p{margin:7px 0 0}.rework-context{margin-top:10px;padding:8px 10px;border-left:3px solid #d59663;background:#49352244;font-size:12px;max-width:320px}.rework-context p{margin-bottom:4px}.workflow-item-table .hint{max-width:190px}.workflow-workspace+nav{margin-top:15px}.tabs button[data-tab="production"],.tabs button[data-tab="qc"],.tabs button[data-tab="packing"]{font-weight:800;color:#aedfeb}.tabs button[data-tab="production"].active,.tabs button[data-tab="qc"].active,.tabs button[data-tab="packing"].active{background:#16394b;border-bottom-color:#70c3db}@media(max-width:760px){.workflow-group h3{font-size:16px}.workflow-download-button{width:100%}.workflow-batch-bar .actions button{flex:1 1 180px}.workflow-workspace{padding:13px}.workflow-group .cardhead{flex-direction:column}.workflow-item-table .workflow-grams{width:95px}}

/* Pilot usability: calm slate surfaces, visible controls and contained work rows.
   Shared overrides retain the existing components and do not alter workflow data. */
:root{
  --ink:#eef2f5;--muted:#c0ccd6;--line:#637482;--paper:#34434f;
  --surface-base:#293641;--surface-subtle:#2d3c48;--surface-raised:#3d505f;
  --control:#425b6c;--control-hover:#506d80;--control-line:#8fa5b5;
  --accent:#bfd8e5;--accent-fill:#3d6b80;--accent-hover:#497e96;
  --green:#accdbb;--light:#3e5260;--orange:#e0c494;--cyan:#bfd8e5;
  background:var(--surface-base);color:var(--ink)
}
body{background:var(--surface-base)}
.topbar,.tabs,.settings-nav,.form-footer{background:var(--surface-subtle);border-color:var(--line)}
.card,.item-card,.metric,.market .grid,.metal-card,.metal-card.gold,.login,
.report-value,dialog,.modal-body{background:var(--paper);border-color:var(--line);box-shadow:none}
.modal-head,.modal-foot,.form-section,.form-section:last-child,.date-basis,
.priority-legend,.timeline>div,.specs>div,.workflow-batch-bar,.file-drop{
  background:var(--surface-subtle);border-color:var(--line)
}
.cardhead,.item-actions,.metal-values>div,.date-basis dl>div,.timeline,
.report-group+.report-group,.legacy-piece,.price{border-color:var(--line)}
.pagehead h1,.header-page,h2,h3,.pagehead .caps,.form-section>h3,
.metric strong,.report-value strong,.amount,.price strong,.specs dd,
.metal-card h2,.metal-card.gold h2,.metal-values dd,.login h1{color:var(--ink)}
.pagehead p,.muted,.hint,td .sub,.caps,.field>span,.price small,.market-status,
.metric span,.metric strong small,.report-value .hint,.specs dt,.date-basis dd,
.priority-legend>strong,.legend-entry,.metal-values dt,.metal-values dd small,
.report-basis p,.workflow-exception summary,.user .caps,.user .quiet{color:var(--muted)}
.inline-icon,.pagehead h1 .inline-icon,.order-identity .inline-icon,
.metric .stat-label .inline-icon,.dashboard-metrics .metric:nth-child(3) .inline-icon,
.date-basis summary,details.card>summary{color:var(--accent)}
.topnav button,.tabs button,.settings-nav button,.steps button,button,
.workflow-file-button{background:var(--control);border-color:var(--control-line);color:var(--ink);box-shadow:none;transition:none}
button:hover:not(:disabled),.workflow-file-button:hover,.topnav button:hover,
.tabs button:hover:not(.active),.settings-nav button:hover:not(.active){background:var(--control-hover);border-color:#b2c5d1;color:#fff}
.primary,.workflow-download-button,.topnav button.active,.tabs button.active,
.settings-nav button.active,.steps button.active,
.tabs button[data-tab="production"].active,.tabs button[data-tab="qc"].active,
.tabs button[data-tab="packing"].active{background:var(--accent-fill);border-color:#b0c8d4;color:#fff;box-shadow:none}
.primary:hover:not(:disabled),.workflow-download-button:hover{background:var(--accent-hover);color:#fff}
.accent{background:var(--control);border-color:var(--control-line);color:var(--ink)}
.quiet{background:transparent;border-color:var(--line);color:var(--muted)}
.danger{color:#ffd1d1}
button:disabled{opacity:.58;cursor:not-allowed}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e3d4a8;outline-offset:3px}
a,.link-button{color:#c1dce9}
.link-button{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}
.tabs button[data-tab="production"],.tabs button[data-tab="qc"],.tabs button[data-tab="packing"]{color:var(--ink)}
.tabs,.topnav{flex-wrap:wrap;overflow:visible}
input,select,textarea{background:#263744;border-color:#91a4b2;color:var(--ink);max-width:100%}
input::placeholder,textarea::placeholder{color:#b9c7d1}
input:focus,select:focus,textarea:focus{border-color:#d9e2e9;outline:2px solid #91b9cc}
th{background:var(--surface-subtle);color:var(--muted);border-color:var(--line)}
td{color:var(--ink);border-color:var(--line)}
tbody tr:nth-child(even){background:#30414f}
tbody tr:hover{background:#3d5261}
.badge,.badge.neutral{background:#465866;color:#edf2f6;border:0;border-radius:3px;cursor:default;font-weight:600;white-space:normal}
.badge.green{background:#38564a;color:#d4eedf;border:0}
.badge.blue{background:#405c70;color:#dcebf6;border:0}
.badge.amber{background:#665537;color:#fff0cf;border:0}
.badge.red{background:#69474f;color:#ffe1e5;border:0}
.workflow-kind{background:transparent;border:0;border-left:3px solid #a6c4d2;border-radius:0;padding:3px 9px;color:var(--ink);cursor:default}
.workflow-kind.rework{background:transparent;border-color:#dbba8e;color:#f2dbc0}
.workflow-kind.small{padding:3px 7px}
.hub-card,.hub-card.cyan,.hub-card.purple,.hub-card.green,.hub-card.amber{background:var(--control);border-color:var(--control-line);color:var(--ink);box-shadow:none}
.hub-card:hover{background:var(--control-hover);transform:none;filter:none}
.hub-copy small{color:var(--muted);opacity:1}
.hub-card .hub-icon,.hub-card.cyan .hub-icon,.hub-card.purple .hub-icon,
.hub-card.green .hub-icon,.hub-card.amber .hub-icon,.metal-mark,.gold .metal-mark{
  background:var(--surface-subtle);color:var(--accent);border-color:var(--line)
}
.note{background:#3a5364;border-color:#849ead;color:#edf2f6}
.note.warning{background:#514a3d;border-color:#af9a72;color:#f6e5bd}
.note.error{background:#573e48;border-color:#b88e98;color:#ffe1e5}
.rework-context{background:#554a3e;color:#f4e8d9;border-color:#c7a783}
.technical-instruction{background:var(--surface-subtle);border-color:var(--accent)}
.priority-dot{box-shadow:none}
dialog::backdrop{background:#18212bc7;backdrop-filter:none}

/* No forced minimum table widths in operational workspaces. */
.shell,.detail-layout,.detail-layout>section,.aside,.card,.workflow-group,
.table-wrap,.cardhead>div,.pagehead>div,.actions,.row{min-width:0}
.detail-layout.context-full-width{grid-template-columns:minmax(0,1fr)}
.cardhead,.pagehead,.workflow-state-counts{flex-wrap:wrap}
.cardhead .actions,.workflow-batch-bar .actions{max-width:100%}
.actions>*{max-width:100%}
.actions button,.workflow-download-button,.workflow-file-button{white-space:normal;overflow-wrap:anywhere}
.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table{
  width:100%;min-width:0;table-layout:fixed;white-space:normal
}
.work-table th,.work-table td,.workflow-item-table th,.workflow-item-table td,
.attention-table th,.attention-table td,.technical-targets th,.technical-targets td,
.operational-table th,.operational-table td{
  min-width:0;white-space:normal;overflow-wrap:anywhere;vertical-align:top
}
.work-table td:nth-child(3),.work-table td:nth-child(5),
.workflow-item-table td:nth-child(1),.workflow-item-table td:nth-child(2){min-width:0}
.work-table th,.work-table td,.attention-table th,.attention-table td{padding:12px}
.workflow-item-table th,.workflow-item-table td{padding:11px 9px}
.workflow-item-table .workflow-grams{width:100%;max-width:108px;min-width:0;padding:9px 7px}
.workflow-file-name,.workflow-item-table .hint,.work-table .sub,.attention-table .sub{max-width:none}
.file-link,.order-identity{white-space:normal;overflow-wrap:anywhere}
.attention-table th:nth-child(1){width:23%}
.attention-table th:nth-child(2){width:27%}
.attention-table th:nth-child(3){width:22%}
.attention-table th:nth-child(4),.attention-table th:nth-child(5){width:14%}
.attention-table [data-action="open-work"]{margin:8px 0 0;display:block}
.operator-item-targets th:nth-child(1){width:14%}
.operator-item-targets th:nth-child(2){width:6%}
.operator-item-targets th:nth-child(3){width:12%}
.operator-item-targets th:nth-child(4){width:17%}
.operator-item-targets th:nth-child(5){width:19%}
.operator-item-targets th:nth-child(6){width:15%}
.operator-item-targets th:nth-child(7){width:17%}
.workflow-state-counts{display:flex;gap:5px 14px;color:var(--muted);font-size:12px;line-height:1.7}
.workflow-loading{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:11px 0;color:var(--ink)}
.workflow-spinner{display:inline-block;flex:0 0 15px;width:15px;height:15px;border:2px solid var(--muted);border-right-color:transparent;border-radius:50%;animation:workflow-wait .8s linear infinite}
button.is-loading{cursor:progress;opacity:.8}
@keyframes workflow-wait{to{transform:rotate(360deg)}}
.settings-categories{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.settings-category{margin:0;padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--surface-subtle)}
.settings-category h2,.settings-category h3{margin-bottom:15px}
.settings-category .grid,.settings-category .settings-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;max-width:650px}
.settings-category .field{max-width:650px}
@media(max-width:1250px){
  .detail-layout:has(.workflow-workspace){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1050px){
  .table-wrap:has(>.work-table),.table-wrap:has(>.workflow-item-table),
  .table-wrap:has(>.attention-table),.table-wrap:has(>.technical-targets),
  .table-wrap:has(>.operational-table){overflow:visible}
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table):has(td[data-label]){
    display:block;table-layout:auto;border:0;min-width:0
  }
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table):has(td[data-label]) thead{
    position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap
  }
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table):has(td[data-label]) tbody{display:block}
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table):has(td[data-label]) tr{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:13px;border-bottom:1px solid var(--line)
  }
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table):has(td[data-label]) td{
    display:block;width:auto;min-width:0;padding:8px 0;border:0;text-align:left
  }
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table) td[data-label]::before{
    content:attr(data-label);display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:4px
  }
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table):has(td[data-label]) td:first-child{grid-column:1/-1}
  .attention-table [data-action="open-work"]{display:inline-block;margin-right:8px}
}
@media(max-width:760px){
  .topnav button{flex:1 1 125px;justify-content:center;white-space:normal}
  .tabs button{flex:1 1 120px;white-space:normal}
  .settings-category{padding:16px}
  .workflow-workspace{padding:12px}
  .workflow-group>.cardhead,.workflow-group>p,.workflow-group>.workflow-download,
  .workflow-group>.workflow-next,.workflow-group>.workflow-exception{margin-left:12px;margin-right:12px}
  .workflow-batch-bar{padding:12px}
  .workflow-result>.note{margin:12px}
  .context-deadlines,.context-payment,.context-shipping{min-width:0}
  .kv{flex-wrap:wrap}.kv strong{text-align:left}
  .form-footer{background:var(--surface-base)}
}
@media(max-width:480px){
  :is(.work-table,.workflow-item-table,.attention-table,.technical-targets,.operational-table):has(td[data-label]) tr{grid-template-columns:minmax(0,1fr)}
  .workflow-batch-bar .actions button{flex-basis:100%}
  .dashboard-metrics{grid-template-columns:minmax(0,1fr)}
}

/* 5.0.22 QC3: compact immutable calling code; phone retains the working area. */
.phasea-phone{grid-template-columns:minmax(92px,120px) minmax(0,1fr)}
.phasea-phone input[name="phone_code"]{text-align:center;font-weight:700;background:var(--surface-subtle)}
.all-in-confirm{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:7px}
.phasea-charge-decision{align-self:end;padding-bottom:8px}
@media(max-width:760px){.phasea-phone{grid-template-columns:minmax(84px,105px) minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.workflow-spinner{animation:none}}

/* 5.0.18: compact, current-stage guidance and canonical assignments. */
.active-countdown{display:flex;flex-wrap:wrap;align-items:center;gap:.38rem .55rem;padding:.35rem 0;font-size:.84rem;line-height:1.35;color:var(--ink)}
.active-countdown small{flex-basis:100%;padding-left:1.15rem;color:var(--muted)}
.sla-dot{display:inline-block;width:.62rem;height:.62rem;flex:0 0 .62rem;border-radius:50%;background:#82909c}
.active-countdown.green .sla-dot{background:#65b996}.active-countdown.yellow .sla-dot{background:#e4bd66}.active-countdown.red .sla-dot{background:#e68d87}
.active-countdown.red strong{color:#ffd0ca}.active-countdown.yellow strong{color:#f7db9d}
.next-step{display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;margin:.35rem 0 .7rem;font-size:.85rem;line-height:1.4}
.next-step>span{display:flex;flex-direction:column;max-width:100%;overflow-wrap:anywhere}.next-step small{font-size:.64rem;letter-spacing:.07em;color:var(--muted)}
.guided-action{display:flex;flex-direction:column;gap:.3rem;max-width:100%;min-width:0}.action-reason{display:block;color:var(--muted);font-size:.73rem;line-height:1.35;max-width:24rem;overflow-wrap:anywhere}.action-reason button{display:block;margin-top:.2rem;padding:.18rem .35rem;font-size:.7rem;white-space:normal}
.workflow-batch-bar>.actions{align-items:flex-start}.workflow-workspace>.cardhead{align-items:flex-start}.workflow-workspace>.cardhead>.actions{order:2}
[data-production-group]{padding:.85rem;margin:.65rem 0}.workflow-item-table td{padding:.55rem .45rem;vertical-align:top}.workflow-item-table td p{margin:.2rem 0}.workflow-item-table .compact-weight-action{display:block;padding:.24rem .38rem;font-size:.68rem;margin-top:.25rem;line-height:1.3;min-height:0;max-width:100%}
.workflow-exception{margin:.2rem 0}.workflow-exception>summary{font-size:.73rem;line-height:1.35;color:var(--muted);padding:.2rem 0}.workflow-exception[open]>summary{margin-bottom:.45rem;color:var(--ink)}
.person-picker{min-width:0;display:grid;gap:.35rem}.person-picker .field{margin:0}.person-picker input[type=search]{font-size:.81rem;padding:.45rem .6rem}.person-picker select{width:100%;min-width:0;max-width:100%}
.master-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;border:1px solid var(--line);border-radius:.4rem;margin:1rem 0;padding:.8rem}.master-stages .check{margin:0}
.master-people-table{table-layout:fixed;width:100%;min-width:0}.master-people-table th,.master-people-table td{white-space:normal;overflow-wrap:anywhere}.master-people-table th:first-child{width:20%}.master-people-table th:nth-child(3){width:28%}
.designer-settlement{border-top:1px solid var(--line);padding-top:.7rem;margin-top:.8rem}.settlement-state{display:flex;flex-direction:column;gap:.2rem}.settlement-state small{color:var(--muted)}.client-followup{display:flex;flex-direction:column;gap:.25rem;padding:.6rem;border-left:3px solid #e4bd66;background:rgba(228,189,102,.06);overflow-wrap:anywhere}.designer-expenses .kv small{display:block;color:var(--muted)}
.attention-table td:first-child>button{display:block;margin-bottom:.5rem}.attention-table p,.attention-table strong{overflow-wrap:anywhere}.attention-table td{white-space:normal}
@media(min-width:1051px){.detail-layout:has(.workflow-workspace),.detail-layout:has(.designer-item){grid-template-columns:minmax(0,1fr)}.workflow-item-table th:nth-child(2){width:6%}[data-production-group] .workflow-item-table th:nth-child(5){width:15%}}
@media(max-width:700px){.master-people-table thead{display:none}.master-people-table,.master-people-table tbody,.master-people-table tr,.master-people-table td{display:block;width:100%}.master-people-table tr{padding:.6rem 0;border-bottom:1px solid var(--line)}.master-people-table td{border:0;padding:.25rem .5rem}.master-stages{grid-template-columns:1fr}.next-step{gap:.5rem 1rem}.guided-action{width:100%}.guided-action>button{width:100%}}

/* GAS SEBAT 12: quiet, compact operational surfaces; no additional framework. */
.wax-inline{display:flex;gap:.35rem;align-items:center;max-width:100%}.wax-inline .workflow-grams{flex:1 1 4.5rem;min-width:0;width:4.5rem;margin:0}.wax-inline button{flex:0 0 auto;padding:.45rem .5rem;font-size:.73rem;min-height:0}.wax-inline button:disabled{opacity:.35;cursor:default}
.country-picker{display:grid;gap:.3rem;min-width:0}.country-picker .field{margin:0}.country-picker select{min-width:0;max-width:100%;width:100%}.country-picker input[type=search]{padding:.45rem .6rem;font-size:.85rem}
.image-gallery{border-top:1px solid var(--line);padding:.8rem 0;margin-top:.8rem;min-width:0}.image-gallery h4{margin:0}.image-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.75rem;margin-top:.75rem}.image-gallery-card{margin:0;min-width:0;border:1px solid var(--line);border-radius:.45rem;overflow:hidden;background:var(--surface-subtle)}.image-gallery-card>a{display:block;height:150px;background:var(--surface-base)}.image-gallery-card img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}.image-gallery-card figcaption{padding:.65rem}.image-gallery-card strong{font-size:.81rem;overflow-wrap:anywhere;display:block;margin-bottom:.4rem}.image-gallery-card .actions{margin-top:.5rem;gap:.35rem}.image-gallery-card button{font-size:.71rem;padding:.35rem .45rem;white-space:normal}
.admin-maintenance{flex-basis:100%;font-size:.8rem;color:var(--muted);padding-top:.35rem}.admin-maintenance button{display:block;margin-top:.5rem}.stage-assignment{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.4rem}.stage-assignment button{padding:.35rem .45rem;font-size:.72rem;white-space:normal}.stage-assignment .hint{flex-basis:100%}.legacy-position{max-width:100%;font-size:.83rem;overflow-wrap:anywhere}.legacy-position p{margin:.35rem 0}
.recovery-panel>summary{font-weight:600;cursor:pointer;padding:.25rem 0}.recovery-panel form{margin-top:1rem;max-width:45rem}.material-table-wrap{overflow:visible}.material-table{table-layout:fixed;width:100%;min-width:0}.material-table th,.material-table td{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:.65rem .45rem}.material-table th:first-child{width:19%}.material-table th:nth-child(6){width:21%}.material-table th:last-child{width:9%}.material-table button{white-space:normal;padding:.35rem .45rem;font-size:.75rem}.material-table .badge{white-space:normal}.work-table [data-active-location]{display:block;overflow-wrap:anywhere;font-size:.85rem}.badge{cursor:default}.workflow-workspace button:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}
@media(max-width:1000px){.material-table,.material-table tbody,.material-table tr,.material-table td{display:block;width:auto;min-width:0}.material-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.material-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem 1rem;border-bottom:1px solid var(--line);padding:.7rem}.material-table td{border:0;padding:.4rem 0}.material-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;margin-bottom:.2rem}.material-table td:first-child{grid-column:1/-1}}
@media(max-width:480px){.material-table tr{grid-template-columns:minmax(0,1fr)}.image-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-gallery-card>a{height:120px}.wax-inline{max-width:13rem}}

/* 5.0.20: direct-NAS status and clearer Operator action hierarchy. */
.workflow-passive{display:inline-flex;align-items:center;min-height:2.15rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:.4rem;color:var(--muted);background:var(--surface-subtle);font-size:.78rem;line-height:1.35;cursor:default}
a.is-loading[aria-disabled="true"]{pointer-events:none;cursor:progress;opacity:.72}
.workflow-batch-bar{display:grid;gap:.65rem;padding:1rem}.workflow-batch-bar>.actions{gap:.55rem .7rem}
.operator-item-targets .wax-inline{gap:.45rem}.operator-item-targets td:last-child .actions{gap:.4rem}
.storage-status{display:grid;gap:.7rem}.storage-status .kv{display:grid;grid-template-columns:minmax(8rem,.7fr) minmax(0,2fr) auto;gap:.65rem;align-items:start}.storage-status .kv strong{overflow-wrap:anywhere;text-align:left}
@media(max-width:650px){.storage-status .kv{grid-template-columns:minmax(0,1fr)}.storage-status .kv strong{text-align:left}.workflow-passive{width:100%}}

/* 5.0.21: local-first storage status, kept compact and operational. */
.local-first-storage .storage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.local-first-storage .metric{min-width:0}.local-first-storage .metric strong,.local-first-storage .metric small{overflow-wrap:anywhere}
.topology-note{padding:.75rem;border-left:3px solid var(--line);background:var(--surface-subtle);font-size:.84rem;line-height:1.45}
.state-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.state-chips>span{padding:.35rem .5rem;border:1px solid var(--line);border-radius:.35rem;background:var(--surface-subtle);font-size:.76rem}
.storage-attention{display:grid;gap:.55rem}.storage-attention article{padding:.65rem;border:1px solid var(--line);border-radius:.4rem}.storage-attention p{margin:.3rem 0 .55rem;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}

/* 5.0.22: neutral-light work surface; navy/cyan identity stays in the header.
   Department accents are restrained and every status keeps a text label. */
:root{color-scheme:light;--ink:#1d2b36;--muted:#586978;--line:#c7d2dc;--paper:#ffffff;--surface-base:#edf2f5;--surface-subtle:#f4f7f9;--surface-raised:#ffffff;--control:#e6edf2;--control-hover:#d7e4ec;--control-line:#9eb1bf;--accent:#1f607b;--accent-fill:#17647f;--accent-hover:#0f536c;--green:#3f765e;--light:#e6eef3;--orange:#8b641f;--cyan:#17647f;background:var(--surface-base);color:var(--ink)}
body{background:linear-gradient(180deg,#e8eef2 0,#f5f7f8 420px);color:var(--ink)}
.topbar{background:#142d40;border-color:#39a7c6}.topbar .header-page,.topbar .user,.topbar .caps,.topbar .quiet{color:#eef8fc}.brand-wrap{background:#fff;border:1px solid #d4e0e7;padding:6px 10px}.brand-wrap .brand{filter:none}
.topnav button{background:#203f54;border-color:#527184;color:#e9f3f7}.topnav button:hover{background:#2b536c;color:#fff}.topnav button.active{background:#d9f2f7;border-color:#6bc0d5;color:#153746}
.card,.item-card,.metric,.market .grid,.metal-card,.metal-card.gold,.login,.report-value,dialog,.modal-body{background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:0 2px 9px #1932440d}
.modal-head,.modal-foot,.form-section,.form-section:last-child,.date-basis,.priority-legend,.timeline>div,.specs>div,.workflow-batch-bar,.file-drop{background:var(--surface-subtle);border-color:var(--line)}
.pagehead h1,.header-page,h2,h3,.pagehead .caps,.form-section>h3,.metric strong,.report-value strong,.amount,.price strong,.specs dd,.metal-card h2,.metal-card.gold h2,.metal-values dd,.login h1{color:var(--ink)}
.pagehead p,.muted,.hint,td .sub,.caps,.field>span,.price small,.market-status,.metric span,.metric strong small,.report-value .hint,.specs dt,.date-basis dd,.priority-legend>strong,.legend-entry,.metal-values dt,.metal-values dd small,.report-basis p,.workflow-exception summary{color:var(--muted)}
button,.tabs button,.settings-nav button,.steps button,.workflow-file-button{background:var(--control);border-color:var(--control-line);color:var(--ink)}button:hover:not(:disabled),.workflow-file-button:hover,.tabs button:hover:not(.active),.settings-nav button:hover:not(.active){background:var(--control-hover);border-color:#718b9d;color:var(--ink)}
.primary,.workflow-download-button,.tabs button.active,.settings-nav button.active,.steps button.active,.tabs button[data-tab="production"].active,.tabs button[data-tab="qc"].active,.tabs button[data-tab="packing"].active{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.accent{background:#dcecf2;border-color:#80aabb;color:#19465a}.quiet{background:transparent;color:var(--muted)}.danger{color:#8b2525;border-color:#c79696}.destructive-zone{border-left:4px solid #a64b4b}
input,select,textarea{background:#fff;border-color:#879ba9;color:var(--ink)}input::placeholder,textarea::placeholder{color:#778895}th{background:#e7edf1;color:#3e5363}td{color:var(--ink)}tbody tr:nth-child(even){background:#f7f9fa}tbody tr:hover{background:#edf3f6}
.badge,.badge.neutral{background:#e6ebef;color:#334a5b}.badge.green{background:#deeee6;color:#275b43}.badge.blue{background:#deedf5;color:#225d79}.badge.amber{background:#f8ecd2;color:#765019}.badge.red{background:#f4dfe2;color:#812c37}.note{background:#e8f1f6;border-color:#adc4d2;color:#29495b}.note.warning{background:#fff3d9;border-color:#d7b979;color:#704c14}.note.error{background:#f8e4e7;border-color:#cf9ba4;color:#7e2835}.rework-context{background:#f6eee4;color:#5d4129;border-color:#b98b5e}
.workflow-kind{color:#22566d;border-color:#4195af}.workflow-kind.rework{color:#7b4c21;border-color:#b17a46}.workflow-group[data-operator-job]{border-top:4px solid #3194af}.workflow-workspace[data-workflow-view="production"] .workflow-group{border-top:4px solid #527db0}.workflow-workspace[data-workflow-view="qc"] .workflow-group{border-top:4px solid #8b6ba9}.workflow-workspace[data-workflow-view="packing"] .workflow-group{border-top:4px solid #4d8269}
dialog::backdrop{background:#1428388f}.modal-head{position:sticky;top:0}.modal-body{min-height:0}.modal-foot{position:sticky;bottom:0}
@media(max-width:760px){.form-footer{background:var(--surface-base)}.topbar{background:#142d40}.workflow-group{border-radius:10px}.modal-body{padding:16px}}

/* QC3 V2: explicit item release and compact, route-aware order entry. */
.login>.brand{display:block;visibility:visible;opacity:1;filter:none;background:#fff;padding:9px 14px;border:1px solid #d7e1e7;border-radius:8px}
.phasea-phone{grid-template-columns:minmax(100px,125px) minmax(240px,360px);justify-content:start;align-items:start}
.phasea-phone .field{min-width:0}
.qc3-route-section{border-left:4px solid #3694b2;background:linear-gradient(135deg,#eff9fc 0%,#f8fbfd 70%)}
.qc3-route-section .note{margin-bottom:0}
.qc3-item-scope{overflow:hidden;border-top:4px solid #348fae;background:linear-gradient(180deg,#f1f8fb 0,#fff 84px)}
.qc3-item-scope>.itemhead{padding-bottom:10px;border-bottom:1px solid #cbdde6}
.qc3-item-scope>section.card{margin:16px 0 0;background:linear-gradient(135deg,#f6f9fb,#fff);box-shadow:none;border-color:#cad9e2}
.qc3-release-band{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;margin:0 0 14px;border:1px solid #c8dbe5;border-radius:8px;background:linear-gradient(90deg,#edf7fa,#f7fbfd)}
.qc3-release-band button{margin-left:auto}
.qc3-release-summary{border-top:4px solid #b8883d;background:linear-gradient(135deg,#fff9eb,#fff)}
.qc3-position-history{margin-top:16px;padding:12px 14px;border:1px solid #d5e0e7;border-radius:8px;background:#f8fafb}
.qc3-position-history>summary{cursor:pointer;font-weight:700;color:#35536a}
.qc3-position-history .table-wrap{margin-top:12px}
.image-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:20px}
#qc3-gallery-upload{padding:16px;border:1px solid #cbdde6;border-radius:9px;background:#f5fafc}

@media(max-width:760px){
 .phasea-phone{grid-template-columns:minmax(84px,105px) minmax(0,1fr)}
 .qc3-release-band{align-items:flex-start}
 .qc3-release-band button{width:100%;margin-left:0}
 .image-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.storage-history{width:100%;min-width:42rem;table-layout:fixed;margin-top:.65rem}.storage-history th,.storage-history td{padding:.5rem;white-space:normal;overflow-wrap:anywhere;vertical-align:top}.storage-history small{display:block;color:var(--muted);margin-top:.2rem}
@media(max-width:700px){.local-first-storage .storage-summary{grid-template-columns:minmax(0,1fr)}}

/* Task 17 final UIX: secondary document/file actions stay visible without competing with primary workflow actions. */
.workflow-document-button,.workflow-file-button,.link-button,.file-link{display:inline-flex;align-items:center;gap:.4rem;width:max-content;max-width:100%;min-height:32px;padding:6px 10px;border:1px solid #a9c2cf;border-radius:7px;background:#edf5f8;color:#174a60;font-size:12px;font-weight:700;line-height:1.35;text-decoration:none;cursor:pointer}
.workflow-document-button:hover,.workflow-file-button:hover,.link-button:hover,.file-link:hover{background:#dcecf2;border-color:#6e9db1;color:#103d51}
.workflow-document-button:focus-visible,.workflow-file-button:focus-visible,.link-button:focus-visible,.file-link:focus-visible{outline:3px solid #86b6c9;outline-offset:2px}
.workflow-document-button[aria-disabled="true"],.workflow-file-button[aria-disabled="true"],.link-button[aria-disabled="true"],.file-link[aria-disabled="true"],.workflow-document-button.is-disabled,.workflow-file-button.is-disabled,.link-button.is-disabled,.file-link.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:#eef1f2;color:#59666c;border-color:#c8d0d4}

/* Task 17 modal background lock: the dialog scrolls; the page behind it does not. */
dialog[open]{overscroll-behavior:contain;overflow:auto}
dialog[open] .modal-body{overflow:visible}
.operator-history{margin-top:1rem;border-top:1px solid var(--line);padding-top:.75rem}.operator-history>summary{font-weight:700;cursor:pointer}.operator-history-list{display:grid;gap:.5rem;margin-top:.7rem}.operator-history-row{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(3,minmax(7rem,1fr));gap:.65rem;align-items:center;padding:.7rem;border:1px solid var(--line);border-radius:.65rem;background:var(--paper)}.operator-history-row>div{display:grid;gap:.2rem}.operator-history-row span{color:var(--muted);font-size:.88rem}.task17-item-collapse>summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;cursor:pointer;list-style:none}.task17-item-collapse>summary::-webkit-details-marker{display:none}.task17-item-collapse>summary small{display:block;color:var(--muted);margin-top:.25rem}.task17-item-detail{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}@media(max-width:800px){.operator-history-row{grid-template-columns:1fr}.task17-item-collapse>summary{align-items:flex-start}}