:root{--bg:#f4f6f8;--card:#fff;--text:#1f2933;--muted:#6b7280;--line:#e5e7eb;--dark:#111d2c;--accent:#df6a2e}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}.hidden{display:none!important}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#243b55 0,#111d2c 58%)}.login-card{width:min(410px,92vw);background:#fff;padding:34px;border-radius:16px;display:grid;gap:12px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.brand-lockup{display:block;width:min(290px,100%);height:auto;margin:0 auto 8px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 10px}
.logo{width:44px;height:44px;border-radius:10px;background:#fff;color:#172027;border:1px solid #d7dde3;display:grid;place-items:center;font-weight:900}.login-card .logo{background:#172027;color:#fff}
input,select,button{font:inherit}input,select{padding:10px;border:1px solid #ccd3da;border-radius:8px}button{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.primary,.login-card button{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}
select{appearance:none;-webkit-appearance:none;padding-right:42px;background-color:#fff;cursor:pointer;font-weight:600;box-shadow:0 1px 2px rgba(21,35,51,.04)}select:hover{border-color:#8798a8;background-color:#fbfcfd}select:focus,input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,101,44,.14)}select:disabled{cursor:not-allowed;opacity:.65}.project-context,.form-grid label:has(select){position:relative}.project-context:after,.form-grid label:has(select):after{content:"▾";position:absolute;right:14px;bottom:11px;z-index:2;color:#24394d;font-size:16px;line-height:1;pointer-events:none}.project-context:after{bottom:13px}.form-grid label:has(select):focus-within:after,.project-context:focus-within:after{color:var(--accent);transform:translateY(1px)}
#app{display:flex;min-height:100vh}aside{width:240px;background:var(--dark);color:#fff;padding:18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.product-brand{margin:4px 4px 26px}.product-brand img{display:block;width:190px;max-width:100%;height:auto}.user span{display:block;color:#97a3ad;font-size:12px}nav{display:grid;gap:6px}nav button{background:transparent;color:#d2d9df;border:0;text-align:left}nav button.active,nav button:hover{background:#26374a;color:#fff}.user{margin-top:auto}.user button{margin-top:8px}
main{margin-left:240px;width:calc(100% - 240px)}header{background:#fff;border-bottom:1px solid var(--line);padding:24px 28px;display:flex;justify-content:space-between;align-items:center}header h1{margin:0}header p{margin:4px 0 0;color:var(--muted)}.view{display:none;padding:26px 28px}.view.active{display:block}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.label{font-size:11px;text-transform:uppercase;color:var(--muted)}.value{font-size:24px;font-weight:800;margin-top:6px}
.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.section{margin-bottom:18px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:11px;text-transform:uppercase;color:var(--muted)}.money{text-align:right}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f5;font-size:12px}.good{background:#e7f6ed}.warn{background:#fff5db}
@media(max-width:800px){html,body{max-width:100%;overflow-x:hidden}aside{position:static;width:100%;max-width:100%}#app{display:block;width:100%;max-width:100%}main{margin:0;width:100%;max-width:100%;min-width:0}header{flex-wrap:wrap;gap:14px;padding:20px 18px}header>div{min-width:0}header select{width:100%;max-width:100%}.view{padding:20px 16px;max-width:100%;overflow:hidden}.cards{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}}

.hero{background:linear-gradient(135deg,#172027,#273a43);color:#fff;border-radius:16px;padding:22px;margin-bottom:18px}
.hero h2{margin:0 0 6px}.hero p{margin:0;color:#c9d2d8}.muted{color:var(--muted);font-size:12px}
.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-Approved{background:#e7f6ed}.status-Pending{background:#fff5db}.status-Rejected{background:#fdecec}

dialog{border:0;border-radius:14px;width:min(620px,94vw);padding:0;box-shadow:0 20px 70px rgba(0,0,0,.3)}
dialog::backdrop{background:rgba(15,23,42,.45)}
dialog form{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid label{display:grid;gap:5px;font-size:13px;font-weight:600}.form-grid .full{grid-column:1/-1}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.kpi-good{color:#157347}.kpi-bad{color:#b42318}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.brand img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#fff}
@media(max-width:800px){.form-grid,.admin-grid,.report-grid{grid-template-columns:1fr}}
.toast-region{position:fixed;top:18px;right:18px;z-index:9999;display:grid;gap:10px;width:min(380px,calc(100vw - 36px))}
.toast{padding:13px 16px;border-radius:10px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:toast-in .2s ease-out}
.toast-success{background:#157347}.toast-error{background:#b42318}.toast-info{background:#334155}
.danger{color:#b42318;border-color:#f3b8b3}.upload-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.upload-cell input{max-width:220px}
.approval-history{margin-top:28px}.reason{margin-top:6px;color:#b42318;font-size:12px;max-width:260px}.status-PendingApproval{background:#fff5db}.status-Draft{background:#eef2f5}
.approval-actions{display:flex;gap:6px;flex-wrap:wrap}#approvalDetailDialog{width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:0;overflow:hidden;position:fixed}.detail-dialog{padding:20px;min-width:0;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden}.detail-dialog h2{margin:0 42px 16px 0;font-size:22px}.detail-grid{display:grid;grid-template-columns:170px minmax(0,1fr);width:100%;max-width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-grid>div{min-width:0;padding:9px 11px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.detail-grid>div:nth-last-child(-n+2){border-bottom:0}.detail-label{background:#f8fafc;font-weight:700;color:var(--muted)}.detail-comments{margin-top:16px;padding:14px;background:#fff7ed;border-radius:10px}.detail-comments p{margin:6px 0 0}.dialog-close{position:absolute;top:10px;right:10px;z-index:10;border:0;background:#fff;font-size:28px;line-height:1;padding:4px 8px;color:var(--muted)}.dialog-close:hover{background:#eef2f5;color:var(--text)}
@media(max-width:560px){#approvalDetailDialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-bottom:0}.detail-label{padding-bottom:3px}.detail-label+div{padding-top:3px;border-bottom:1px solid var(--line)}}
@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* Procurement workspace: workflow-first, budget-aware and deliberately spacious. */
.proc-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.proc-heading h2{font-size:26px;margin:3px 0 5px}.proc-heading p,.panel-title p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--accent)}
.create-menu{position:relative}.create-menu summary{list-style:none;padding:11px 18px;border-radius:9px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.create-menu summary::-webkit-details-marker{display:none}.create-menu-popover{position:absolute;right:0;top:48px;z-index:30;width:205px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.18);display:grid;gap:3px}.create-menu-popover button{border:0;text-align:left}.create-menu-popover hr{width:100%;border:0;border-top:1px solid var(--line)}
.proc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.proc-kpis>div{background:#fff;border:1px solid var(--line);border-left:4px solid #d9e0e6;border-radius:10px;padding:14px 16px}.proc-kpis span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.proc-kpis strong{display:block;margin-top:7px;font-size:20px;color:#172334}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;padding:16px 18px}.stat span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.stat strong{display:block;margin-top:7px;font-size:24px}
#documents .document-category~.surface.section{display:none}
.bank-link{display:inline-block;text-decoration:none;margin-top:8px}
.costing-grid{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.7fr);gap:16px}.costing-chart{display:flex;align-items:center;justify-content:center;gap:30px;padding:18px}.pie{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;position:relative}.pie:after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fff}.pie span{position:relative;z-index:1;font-size:24px;font-weight:800}.chart-legend{display:grid;gap:13px}.chart-legend>div{display:grid;grid-template-columns:12px 95px auto;align-items:center;gap:8px}.chart-legend i{width:11px;height:11px;border-radius:2px}.chart-legend .orange{background:#d9652c}.chart-legend .steel{background:#dfe5ea}.chart-legend .red{background:#b42318}.chart-legend span{color:var(--muted);font-size:12px}@media(max-width:1050px){.costing-grid{grid-template-columns:1fr}}@media(max-width:560px){.costing-chart{flex-direction:column}.pie{width:160px;height:160px}.pie:after{width:94px;height:94px}}
.proc-workspace{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.proc-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);background:#f8fafc;padding:0 16px}.proc-tabs button{display:flex;align-items:center;gap:9px;white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:15px 13px;color:var(--muted);font-weight:700}.proc-tabs button.active{border-bottom-color:var(--accent);color:var(--text);background:#fff}.proc-tabs b{min-width:24px;padding:3px 7px;border-radius:999px;background:#e9eef3;font-size:11px;text-align:center}.proc-tabs button.active b{background:#fff1e9;color:#b94e19}
.proc-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--line)}.proc-tools input{width:min(340px,100%);background:#f8fafc}.proc-panel{display:none;padding:20px}.proc-panel.active{display:block}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.panel-title h3{margin:0 0 4px}.table-shell{width:100%;overflow-x:auto}.table-shell table{min-width:760px}.table-shell th{background:#f8fafc}.table-shell tbody tr:hover{background:#fbfcfd}
@media(max-width:900px){.proc-kpis{grid-template-columns:1fr 1fr}.proc-heading{align-items:center}.proc-tools .muted{display:none}}
@media(max-width:560px){.proc-heading{align-items:flex-start}.proc-heading>div{min-width:0}.proc-heading h2{font-size:22px}.proc-kpis{grid-template-columns:1fr 1fr}.proc-kpis strong{font-size:17px}.proc-workspace{width:100%;max-width:100%;min-width:0}.proc-tabs{width:100%;max-width:100%}.proc-panel{padding:14px;min-width:0}.panel-title{align-items:flex-start;flex-direction:column}.proc-tools{padding:12px 14px}.proc-tools input{width:100%;min-width:0}.table-shell{max-width:100%}.create-menu-popover{position:fixed;right:16px;top:110px}}

/* Structiva commercial workspace v1.6 */
:root{--bg:#f2f4f6;--card:#fff;--text:#18232f;--muted:#66717d;--line:#dfe4e8;--dark:#152333;--dark-2:#1c3044;--accent:#d9652c;--accent-soft:#fff2eb;--green:#14764d;--shadow:0 8px 28px rgba(21,35,51,.06)}
body{font-size:14px;background:var(--bg)}
button{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}button:hover{border-color:#c8d0d7}button:active{transform:translateY(1px)}
.login-card{border-radius:8px;border-top:4px solid var(--accent)}.login-hint{color:var(--muted);margin-top:-5px}.login-card #err{color:#b42318;min-height:16px}
aside{width:258px;padding:20px 16px;background:linear-gradient(180deg,var(--dark) 0,#101b28 100%);border-right:1px solid rgba(255,255,255,.05)}
.product-brand{padding:0 8px 20px;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.1)}.product-brand img{width:198px}
nav{gap:3px}.nav-label{padding:17px 11px 6px;color:#728296;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
nav button{position:relative;padding:10px 12px;border-radius:5px;font-size:13px;font-weight:650;color:#c3ced8}
nav button.active,nav button:hover{background:var(--dark-2);color:#fff}nav button.active:before{content:"";position:absolute;left:-16px;top:7px;bottom:7px;width:3px;background:var(--accent)}
.user{padding:15px 8px 2px;border-top:1px solid rgba(255,255,255,.1)}.user strong{font-size:13px}.user button{padding:7px 10px;background:transparent;color:#c3ced8;border-color:#34475a}
main{margin-left:258px;width:calc(100% - 258px)}header{min-height:78px;padding:16px 30px;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--line)}header h1{font-size:20px;letter-spacing:-.02em}header p{font-size:12px}.project-context{display:grid;gap:4px}.project-context span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.project-context select{min-width:280px;background:#f8fafb;font-weight:700}
.view{padding:26px 30px 42px;max-width:1600px;margin:0 auto}.page-heading,.dashboard-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.page-heading h2,.dashboard-intro h2{font-size:25px;line-height:1.2;margin:4px 0 5px;letter-spacing:-.02em}.page-heading p,.dashboard-intro p{margin:0;color:var(--muted)}
.dashboard-intro{align-items:center;background:linear-gradient(110deg,#172536,#20384d);color:#fff;padding:22px 24px;border-radius:8px;border-left:4px solid var(--accent);box-shadow:var(--shadow)}.dashboard-intro p{color:#c2ccd5}.project-status{padding:6px 10px;border-radius:4px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashboard-kpis article{position:relative;background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px 18px;box-shadow:0 2px 10px rgba(21,35,51,.025)}.dashboard-kpis article:before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:3px;background:#cfd6dc}.dashboard-kpis span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.dashboard-kpis strong{display:block;font-size:22px;letter-spacing:-.03em;margin:7px 0 5px}.dashboard-kpis small{color:var(--muted)}
.control-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:16px;margin-bottom:16px}.surface{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px;box-shadow:0 2px 12px rgba(21,35,51,.025)}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.surface-heading h3{margin:2px 0 0;font-size:17px}.surface-heading>h3{margin:0}.surface-heading button{padding:7px 10px;font-size:12px}
.budget-line{display:flex;justify-content:space-between;gap:20px;margin-bottom:9px;color:var(--muted)}.budget-line strong{color:var(--text)}.progress-track{height:9px;background:#e9edf0;border-radius:2px;overflow:hidden;margin-bottom:20px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#263d53,var(--accent))}.metric-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metric-list>div{padding:16px 14px 0;border-right:1px solid var(--line)}.metric-list>div:first-child{padding-left:0}.metric-list>div:last-child{border:0}.metric-list span,.summary-table span{display:block;color:var(--muted);font-size:12px}.metric-list strong,.summary-table strong{display:block;margin-top:5px}
.attention-list{display:grid;border:1px solid var(--line);border-radius:5px;overflow:hidden}.attention-list button{border:0;border-bottom:1px solid var(--line);border-radius:0;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px 13px}.attention-list button:last-child{border-bottom:0}.attention-list button:hover{background:#f8fafb}.attention-list b{display:inline-grid;place-items:center;min-width:26px;height:22px;margin-right:8px;border-radius:3px;background:#e9edf1;color:#23384c}.attention-list em{font-style:normal;color:var(--muted);font-size:12px}.summary-table{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.summary-table>div{padding:14px;border-right:1px solid var(--line)}.summary-table>div:last-child{border:0}.summary-total{background:#f7f9fa}.summary-total strong{color:var(--accent)}
.card{border-radius:7px;box-shadow:0 2px 12px rgba(21,35,51,.025)}.report-grid .card{min-height:112px;border-top:3px solid #d7dde2}.report-grid .forecast-card{border-top-color:var(--accent)}
.table-surface{padding:0;overflow:hidden}.table-surface .surface-heading{padding:17px 18px 0}.table-shell table,table{border:0;min-width:760px}.table-shell{border:1px solid var(--line);border-radius:5px}.table-surface .table-shell{border:0;border-radius:0}th{background:#f5f7f8;padding:11px 12px;font-size:10px;letter-spacing:.06em}td{padding:12px}tbody tr:hover{background:#fafbfc}.empty-row td{text-align:center!important;color:var(--muted);padding:34px 16px;background:#fbfcfd}
.proc-heading{margin-bottom:18px}.proc-heading h2{font-size:25px}.proc-kpis>div{border-left:3px solid #cfd6dc;border-radius:6px;box-shadow:0 2px 10px rgba(21,35,51,.025)}.proc-workspace{border-radius:7px;box-shadow:var(--shadow)}.proc-tabs{padding:0;background:#f4f6f7}.proc-tabs button{gap:7px;padding:14px 12px}.proc-tabs button small{color:#9aa5af;font-size:9px;letter-spacing:.08em}.proc-tabs button.active small{color:var(--accent)}.proc-tabs button.active{background:#fff}.proc-tools{background:#fff}.proc-panel{padding:20px 22px 24px}
.empty-state{display:grid;place-items:center;gap:5px;min-height:230px;background:#fff;border:1px dashed #cbd3da;border-radius:7px;color:var(--muted)}.empty-state strong{font-size:18px;color:var(--text)}
.approval-history>table,.view>table{display:block;max-width:100%;overflow-x:auto;border-radius:7px}.admin-grid .card table{display:block;max-width:100%;overflow-x:auto}.supplier-request-form{margin-bottom:20px}.section>h3{font-size:17px}
@media(max-width:1120px){.dashboard-kpis{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr}.summary-table{grid-template-columns:1fr 1fr}.summary-table>div{border-bottom:1px solid var(--line)}.summary-table>div:nth-child(2n){border-right:0}.summary-total{grid-column:1/-1}}
@media(max-width:800px){aside{width:100%;padding:14px 14px 12px}.product-brand{padding-bottom:12px;margin-bottom:5px}.product-brand img{width:175px}nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.nav-label{display:none}nav button{flex:0 0 auto;padding:9px 11px;background:rgba(255,255,255,.035)}nav button.active:before{left:8px;right:8px;top:auto;bottom:-3px;width:auto;height:3px}.user{display:flex;align-items:center;gap:10px;padding-top:10px}.user span{margin-right:auto}.user button{margin:0}main{margin:0;width:100%}header{position:static;padding:15px 18px;min-height:0}.project-context{width:100%}.project-context select{min-width:0;width:100%}.view{padding:20px 16px 34px}.page-heading,.dashboard-intro{flex-direction:column;align-items:flex-start}.dashboard-intro{padding:19px 20px}.proc-heading{flex-direction:row}.admin-grid{grid-template-columns:1fr}.file-row{align-items:flex-start}}
@media(max-width:560px){.dashboard-kpis{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr}.metric-list{grid-template-columns:1fr}.metric-list>div,.metric-list>div:first-child{padding:11px 0;border-right:0;border-bottom:1px solid var(--line)}.metric-list>div:last-child{border-bottom:0}.summary-table{grid-template-columns:1fr}.summary-table>div,.summary-table>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--line)}.summary-total{grid-column:auto}.surface{padding:16px}.surface-heading{align-items:flex-start}.budget-line{display:grid;gap:5px}.proc-heading{flex-direction:column}.proc-kpis{grid-template-columns:1fr 1fr}.proc-tabs button{padding:12px 10px}.proc-tabs button small{display:none}.page-heading .actions{width:100%}.page-heading .actions button{flex:1}.file-row{display:grid}}
.admin-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.6fr);align-items:start}.company-card{position:sticky;top:103px}.logo-upload{display:grid;gap:6px;margin:18px 0 8px;font-size:12px;font-weight:700}.logo-upload input{font-weight:400}.user-control{padding:0;overflow:hidden}.user-control .surface-heading{padding:18px 20px 0}.user-control .table-shell{border:0;border-top:1px solid var(--line);border-radius:0}.user-control table{min-width:650px}.user-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.user-actions button{padding:7px 9px;font-size:12px}.inactive-user{opacity:.64}.inactive-user td{background:#fafafa}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.company-card{position:static}}
.preview-banner{position:fixed;right:16px;bottom:16px;z-index:9998;padding:8px 11px;border-radius:5px;background:#fff4cc;color:#795b00;border:1px solid #ead27a;box-shadow:var(--shadow);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.platform-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.platform-kpis article{background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;padding:16px 18px}.platform-kpis span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.platform-kpis strong{display:block;margin-top:6px;font-size:24px}.access-projects{display:grid;gap:8px;margin:14px 0}.access-projects label{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:6px;background:#f8fafb}.access-projects input{margin-top:3px}.access-projects span{display:grid}.access-projects small{color:var(--muted);margin-top:2px}.access-centres{display:grid;gap:6px;font-size:12px;font-weight:700}.empty-state.compact{min-height:90px}.invite-card .eyebrow{text-align:center}.invite-card h2{text-align:center;margin:4px 0 0}.invite-card #inviteMeta{margin-bottom:10px}.invite-card #inviteErr{color:#b42318;min-height:16px}
@media(max-width:700px){.platform-kpis{grid-template-columns:1fr}}
.login-card .brand-descriptor{margin:0;text-align:center;font-weight:700;color:#344557}.login-card .brand-pillars{margin:0 0 10px;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.brand-pillars b{color:var(--accent)}.product-brand img{width:210px}.product-brand small{display:block;margin:8px 0 0 43px;color:#9fabb7;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.proc-tabs{gap:8px;padding:10px 12px;background:#f1f4f6}.proc-tabs button{flex:0 0 auto;gap:9px;padding:11px 14px;border:1px solid #d7dee4;border-radius:6px;background:#fff;box-shadow:0 1px 2px rgba(21,35,51,.04)}.proc-tabs button:hover{border-color:#aeb9c3;background:#fbfcfd}.proc-tabs button.active{border:1px solid var(--accent);border-bottom:1px solid var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:0 0 0 1px rgba(217,101,44,.08)}.proc-tabs button.active b{background:var(--accent);color:#fff}.product-brand img{width:100%;max-width:226px}.product-brand small{margin-left:43px}
@media(min-width:801px){aside{height:100vh;overflow-y:auto;overflow-x:hidden}.user{position:sticky;bottom:0;z-index:2;margin-top:14px;padding:14px 8px 18px;background:#101b28;box-shadow:0 -10px 18px rgba(16,27,40,.94)}.user button{display:block;width:100%;margin-top:10px;padding:9px 10px}}
@media(min-width:801px){aside{height:100dvh;overflow:hidden;padding:10px 14px}.product-brand{margin:0 4px 8px}.product-brand img{width:180px}nav{gap:1px;min-height:0}.nav-label{padding:7px 11px 3px;font-size:9px}nav button{padding:7px 11px;font-size:12px;line-height:1.2}.user{position:static;margin-top:auto;padding:8px 6px 4px;background:var(--dark);box-shadow:none}.user strong{font-size:13px}.user span{font-size:11px}.user button{margin-top:6px;padding:7px 9px;font-size:12px}}
.flow-guidance{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid var(--line);background:#fff7f2}.flow-guidance strong{color:#b94e19}.flow-guidance span{color:var(--muted);font-size:12px}.flow-arrow{display:grid;place-items:center;flex:0 0 18px;color:var(--accent);font-size:18px;font-weight:900}.proc-tabs{align-items:center}.proc-tabs button span{font-size:12px}@media(max-width:800px){.flow-guidance{align-items:flex-start;flex-direction:column;gap:4px}.flow-arrow{display:none}}
.matching-summary{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.matching-summary h4{margin:0 0 10px}.matching-summary article{display:grid;grid-template-columns:1.3fr repeat(6,1fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f8fafb;align-items:center}.matching-summary article>strong{color:var(--accent)}.matching-summary span{display:grid;gap:3px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.matching-summary b{color:var(--text);font-size:13px;text-transform:none;letter-spacing:0}@media(max-width:1000px){.matching-summary article{grid-template-columns:repeat(3,1fr)}.matching-summary article>strong{grid-column:1/-1}}
.exception-row td{background:#fff7f6;border-top-color:#f2c2bc;border-bottom-color:#f2c2bc}.exception-row td:first-child{border-left:4px solid #c9352b}.exception-reason{max-width:420px;margin-top:7px;color:#a1261f;font-size:11px;font-weight:700;line-height:1.4}.resolution-note{max-width:420px;margin-top:7px;color:#27633b;font-size:11px;line-height:1.4}.resolve-button{margin-top:7px;border-color:#c9352b;color:#a1261f;font-weight:700}.resolve-button:hover{background:#fff0ee}.upload-cell{min-width:210px}.upload-cell button{margin:2px 4px 2px 0}
.replace-document{display:inline-block;vertical-align:middle;margin-left:5px}.replace-document summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:700}.replace-document[open]{display:grid;gap:6px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff}
.dispatch-state{margin-top:6px;color:#8a5a00;font-size:10px;font-weight:700}.dispatch-state.sent{color:#287344}.proc-panel[data-proc-panel="orders"] td:last-child{min-width:270px}.proc-panel[data-proc-panel="orders"] td:last-child button{margin:2px 5px 2px 0}
.adjudication-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.adjudication-summary>div{padding:12px;border:1px solid var(--line);border-radius:6px;background:#f8fafb}.adjudication-summary span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.recommended-row td{background:#f0faf3}.recommendation{margin-top:5px;color:#287344;font-size:10px;font-weight:800}.approval-limit-control{margin-top:20px}.approval-limit-control .surface-heading{padding:18px 20px}.approval-limit-control table{min-width:760px}@media(max-width:700px){.adjudication-summary{grid-template-columns:1fr 1fr}}