:root{--bg:#07131f;--surface:#0d2030;--surface2:#122b3e;--text:#f4f8fb;--muted:#9fb2c2;--line:#244158;--accent:#169bd5;--shadow:0 12px 35px #0004;color-scheme:dark}
:root[data-theme="light"]{--bg:#eef3f7;--surface:#fff;--surface2:#f7fafc;--text:#102a3d;--muted:#5c7080;--line:#d5e0e8;--shadow:0 12px 35px #16364d14;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{min-height:100vh}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:850;letter-spacing:.2px}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-top:4px}.nav{margin-top:26px;display:grid;gap:6px}.nav a{color:var(--muted);text-decoration:none;padding:11px 12px;border-radius:10px;font-weight:650}.nav a.active,.nav a:hover{background:var(--surface2);color:var(--text)}.side-bottom{margin-top:auto}.theme{width:100%;padding:10px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;cursor:pointer}.main{padding:26px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:28px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.card strong{font-size:28px}.panel{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px}.two{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.placeholder{min-height:280px;display:grid;place-items:center;background:var(--surface2);border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:12px}.accent{color:var(--accent)}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto}.nav{grid-template-columns:repeat(3,1fr)}.grid,.two{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid,.two,.nav{grid-template-columns:1fr}.main{padding:16px}}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card,.dialog-card{width:min(520px,94vw);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}label{display:grid;gap:6px;margin:12px 0;font-weight:650}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text)}textarea{min-height:90px}.primary{border:0;background:var(--accent);color:white;padding:11px 15px;border-radius:9px;font-weight:750;cursor:pointer}.alert{padding:12px 14px;border:1px solid var(--line);background:var(--surface2);border-radius:10px;margin:12px 0}.alert.error{border-color:#c84c5c;color:#ffb7c0}.alert.success{border-color:#2c9b70;color:#8ce5bf}.userbox{display:flex;gap:14px;align-items:center}.userbox a{color:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h2{margin:0}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}td small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-flex;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2)}.empty{padding:30px;text-align:center;color:var(--muted)}.search{display:flex;gap:8px;margin-top:16px}.search button,.linkbtn,.danger{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer}.danger{color:#ff8d9b}.inline{display:inline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.wide{grid-column:1/-1}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}dialog{border:0;background:transparent;color:var(--text)}dialog::backdrop{background:#0009}.lookup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{padding:20px;border:1px solid var(--line);background:var(--surface2);border-radius:12px;color:var(--text);text-decoration:none}.panel code{color:var(--accent)}@media(max-width:650px){.form-grid,.lookup-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.search{flex-direction:column}}

.order-dialog{width:min(980px,96vw);max-height:92vh;overflow:auto}.subsection{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.subsection h3{margin:4px 0 8px}.lookup-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.assign-form{margin:0}.assign-form select{min-width:170px;padding:8px}.section-head a{color:var(--accent);text-decoration:none}.alert.error strong{margin-right:5px}
@media(max-width:700px){.order-dialog{width:98vw}.lookup-row{grid-template-columns:1fr}}
/* v21.4 dashboard + settlement */
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi span{display:block;color:var(--muted);font-weight:750}.kpi strong{display:block;margin:7px 0 2px;font-size:32px}.kpi small{color:var(--muted)}.ops-grid{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(440px,1.35fr) minmax(220px,.65fr);gap:16px}.map-panel,.active-panel,.side-stack{margin-top:16px}.map-stage{min-height:390px;border-radius:13px;background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:25px;color:var(--muted)}.live-dot{font-size:11px;font-weight:850;color:#32c98b}.driver-row,.activity-row,.status-row,.summary-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.driver-row>div,.activity-row>div{display:grid;gap:3px}.driver-row small,.activity-row small{color:var(--muted)}.driver-avatar{color:#32c98b}.quick{margin-top:20px;display:grid;gap:9px}.action-link{text-decoration:none;text-align:center}.dashboard-bottom{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.good{color:#32c98b}.formula-box{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.formula-box span{background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:8px 11px}.date-filter{display:flex;gap:8px;align-items:center}.settlement-result{display:grid;gap:3px}.settlement-result small{font-size:14px}.owes-business{color:#f3b95f}.owes-driver{color:#63c5ff}.settled{color:#32c98b}.float-form{display:flex;gap:6px;align-items:center}.float-form input{width:100px;padding:7px}.float-form button,.date-filter button{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer}.settlement-table td{vertical-align:middle}
@media(max-width:1250px){.ops-grid{grid-template-columns:1fr 1fr}.side-stack{grid-column:1/-1}.dashboard-bottom{grid-template-columns:1fr 1fr}.dashboard-bottom .panel:first-child{grid-column:1/-1}}@media(max-width:850px){.kpi-grid,.ops-grid,.dashboard-bottom{grid-template-columns:1fr 1fr}.side-stack,.dashboard-bottom .panel:first-child{grid-column:auto}.map-stage{min-height:280px}}@media(max-width:620px){.kpi-grid,.ops-grid,.dashboard-bottom{grid-template-columns:1fr}.float-form{align-items:stretch;flex-direction:column}.float-form input{width:100%}}
/* v21.5 business tools */
.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.inline-add{display:grid;grid-template-columns:2fr .6fr .8fr .6fr auto;gap:8px;margin-top:12px}.inline-add input,.stack-form input,.stack-form textarea,.stack-form select{width:100%}.stack-form{display:grid;gap:10px;margin-top:14px}.block{display:block;margin-top:4px}.kpis.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.kpis.compact article{min-height:auto}.panel a{color:var(--accent)}
@media(max-width:900px){.two-col{grid-template-columns:1fr}.inline-add{grid-template-columns:1fr 1fr}.kpis.compact{grid-template-columns:1fr 1fr}}
/* v21.5A completed + invoicing */
.completed-filters,.invoice-find{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;align-items:end;margin:16px 0}.completed-filters label,.invoice-find label{margin:0}.completed-filters a{padding:10px;text-align:center;border:1px solid var(--line);border-radius:9px;text-decoration:none}.completed-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.completed-totals>div{background:var(--surface2);border:1px solid var(--line);padding:14px;border-radius:12px}.completed-totals span{display:block;color:var(--muted);font-size:12px}.completed-totals b{font-size:22px}.order-detail{width:min(1000px,96vw)}.detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}.completion-banner{background:#239f55;color:white;padding:10px;margin:12px 0;border-radius:7px;font-weight:700}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-grid section{border:1px solid var(--line);background:var(--surface2);padding:14px;border-radius:12px}.pod-img{max-width:240px;max-height:180px;background:white}.timeline>div{border-left:3px solid var(--accent);padding:5px 0 12px 14px}.timeline small{display:block;color:var(--muted);margin-top:3px}.invoice-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}@media(max-width:1000px){.completed-filters,.invoice-find{grid-template-columns:1fr 1fr 1fr}}@media(max-width:650px){.completed-filters,.invoice-find,.completed-totals,.detail-grid{grid-template-columns:1fr}.detail-tabs{overflow:auto}}
/* v21.5B invoice workflow correction */
.invoice-tabs{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;flex-wrap:wrap}.invoice-tabs b{color:var(--accent);border-bottom:3px solid var(--accent);padding-bottom:12px}.invoice-tabs span{color:var(--muted);font-weight:700}.invoice-tabs .primary{margin-left:auto}.invoice-list-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 0}.invoice-list-tools .search{margin:0}.invoice-create-modal{width:min(1180px,96vw);max-height:92vh;overflow:auto}.invoice-editor{max-width:1280px;margin-inline:auto}.invoice-bill-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.invoice-bill-grid section{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:16px}.invoice-line-head,.invoice-line{display:grid;grid-template-columns:minmax(280px,1fr) 90px 130px 120px 80px;gap:12px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.invoice-line small{display:block;margin-top:5px}.invoice-summary{margin:22px 0 22px auto;width:min(360px,100%)}.invoice-summary p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px}.invoice-footer-actions{display:flex;justify-content:flex-end;gap:10px;align-items:flex-start}.invoice-footer-actions form{display:flex;gap:8px}.invoice-footer-actions details{position:relative}.invoice-footer-actions summary{cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.invoice-footer-actions .menu{position:absolute;right:0;bottom:45px;min-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:var(--shadow);z-index:10;line-height:2}.invoice-create-modal .invoice-find{grid-template-columns:1fr 1fr}.invoice-create-modal .table-wrap{max-height:420px}@media(max-width:760px){.invoice-bill-grid{grid-template-columns:1fr}.invoice-line-head{display:none}.invoice-line{grid-template-columns:1fr 1fr}.invoice-tabs .primary{margin-left:0}.invoice-list-tools{align-items:stretch;flex-direction:column}}
/* v21.5C compact New/Edit Order */
.compact-order{width:min(900px,96vw);max-height:94vh}.order-form-grid{gap:12px}.order-form-grid .subsection{margin-top:4px;padding-top:12px}.unified-lookup{position:relative}.unified-lookup>input{width:100%}.lookup-results{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px}.lookup-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left}.lookup-results button:hover{background:var(--surface2)}.lookup-results span,.lookup-empty{color:var(--muted);font-size:.88rem}.lookup-empty{padding:12px}.save-record-row{display:flex;gap:22px;flex-wrap:wrap}.save-record-row .check{display:flex;grid-template-columns:auto auto}.save-record-row input{width:auto}.compact-order textarea{min-height:70px}.compact-order .dialog-actions{position:sticky;bottom:0;background:var(--surface);padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:720px){.order-form-grid{grid-template-columns:1fr}.order-form-grid .wide{grid-column:auto}.compact-order{width:98vw}.save-record-row{gap:8px}}
/* v21.5D order tabs, requirements, recurrence, items and attachments */
.order-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 16px}.order-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-bottom:3px solid transparent}.order-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.order-tab-pane{display:none}.order-tab-pane.active{display:block}.requirement-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.repeat-block{border-top:1px solid var(--line);padding-top:12px}.repeat-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.repeat-options .check{grid-column:1/-1}.order-item-row{display:grid;grid-template-columns:minmax(200px,1fr) 100px minmax(180px,1fr) auto;gap:8px;margin:8px 0}.attachment-list{display:grid;gap:8px;margin-top:12px}@media(max-width:760px){.requirement-grid{grid-template-columns:1fr 1fr}.repeat-options,.order-item-row{grid-template-columns:1fr}.repeat-options .check{grid-column:auto}}

.merchant-catalog-dialog{width:min(1000px,96vw);max-height:90vh;overflow:auto}.merchant-portal{max-width:1100px;margin:30px auto;padding:20px}.merchant-portal .panel{margin-top:15px}
/* v21.5J operational intelligence */
.attention-wrap{margin-top:16px}.attention-panel{margin:0}.attention-panel.has-attention{border-left:4px solid #f3b95f}.attention-panel.all-clear{border-left:4px solid #32c98b}.attention-total{display:grid;place-items:center;min-width:38px;height:38px;border-radius:999px;background:var(--surface2);font-size:20px;font-weight:850}.attention-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.attention-chips span{border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:7px 10px;font-size:12px}.attention-chips b{margin-left:5px}.driver-ops-row{display:grid;grid-template-columns:18px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.driver-ops-row>div{display:grid;gap:3px;min-width:0}.driver-ops-row small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wait-intel{display:block;margin-top:5px;font-weight:700;color:var(--muted)}

/* v21.5M assisted dispatch intelligence */
.recommendation-reason{display:block;margin-top:5px;max-width:340px;color:var(--muted);font-size:11px;line-height:1.35}.gps-freshness{font-size:11px}.gps-freshness.gps-aging{color:#f3b95f;font-weight:700}

/* v21.5M-B verified dashboard/settlement rendering fixes */
.quick .primary.action-link{display:block;background:var(--accent);color:#fff!important;border:1px solid var(--accent);padding:12px 15px;border-radius:9px;font-weight:750;text-decoration:none;text-align:center}
.quick .primary.action-link:hover{filter:brightness(1.08);color:#fff!important}
.settlement-workspace{max-width:1400px}
/* v21.5N live driver tracking */
.full-live-map{height:min(68vh,720px);min-height:480px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface2)}
.map-stage{overflow:hidden}.map-stage>div:not(.map-placeholder){width:100%;height:100%}.map-placeholder{height:100%;min-height:260px;display:grid;place-content:center;text-align:center;padding:24px;color:var(--muted)}
.map-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:12px 0}.map-driver-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.map-driver-list button{display:grid;gap:3px;text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);cursor:pointer}.map-driver-list span{font-size:12px;color:var(--muted)}.map-info{color:#17212b;min-width:220px;line-height:1.55}.map-info button{margin-top:8px;padding:6px 9px}.maps-settings{max-width:720px}.connection-card{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
@media(max-width:700px){.full-live-map{min-height:380px}.map-driver-list{grid-template-columns:1fr}}

/* v21.5N-B map configuration + theme correction */
.quick .quick-action{display:block;background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--line)!important;padding:12px 15px;border-radius:9px;font-weight:750;text-decoration:none;text-align:center}
.quick .quick-action:hover{background:var(--surface)!important;color:var(--text)!important;border-color:var(--accent)!important}
.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.import-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.import-form input[type=file]{max-width:260px}.dispatch-toast{position:fixed;right:24px;top:24px;z-index:9999;background:var(--surface2);color:var(--text);border:1px solid var(--accent);border-radius:10px;padding:12px 16px;box-shadow:0 10px 30px #0005;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.dispatch-toast.show{opacity:1;transform:none}

.notify-head{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.notify-dialog{min-width:min(92vw,460px)}.notify-dialog .check{margin:12px 0}.status-select,.assign-form select{cursor:pointer}
.address-suggestions{position:absolute;z-index:10050;left:0;right:0;top:100%;margin-top:4px;background:var(--panel,#102637);border:1px solid var(--border,#29465a);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.28);max-height:260px;overflow:auto}
.address-suggestions button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--border,#29465a);background:transparent;color:inherit;cursor:pointer}
.address-suggestions button:hover,.address-suggestions button:focus{background:rgba(22,155,213,.14)}
.address-suggestions button:last-child{border-bottom:0}

/* v21.5O-F completed order tabs + POD */
.detail-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 4px;color:var(--muted);font:inherit;cursor:pointer}.detail-tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:700}.detail-tab-pane{display:none;padding-top:12px}.detail-tab-pane.active{display:block}.pod-large{max-width:100%;max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:8px}
/* v21.5O-H robust server-rendered completed-order tabs */
.detail-tabs a{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 4px;color:var(--muted);font:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}.detail-tabs a.active{color:var(--text);border-bottom-color:var(--accent);font-weight:700}

/* v21.6 consolidated settings workspace */
.settings-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{background:var(--panel,#0d2638);border:1px solid var(--line,#24465c);border-radius:16px;padding:18px;position:sticky;top:18px}.settings-nav h2{margin-top:0}.settings-nav a{display:block;padding:10px 12px;margin:4px 0;border-radius:10px;text-decoration:none;color:inherit}.settings-nav a:hover,.settings-nav a.active{background:rgba(22,155,213,.14);outline:1px solid rgba(22,155,213,.35)}@media(max-width:850px){.settings-workspace{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.settings-nav h2,.settings-nav p{grid-column:1/-1}}

/* v21.6.3 production courier invoicing */
.invoice-search-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;align-items:end;margin:16px 0}.invoice-search-grid label{margin:0}.selection-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.selection-tools span{margin-right:auto;color:var(--muted)}.invoice-results{max-height:440px}.invoice-line-locked{background:var(--surface2)}.add-fee-form{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:end;margin:16px 0;padding:14px;border:1px dashed var(--line);border-radius:12px}.invoice-action-menu{margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface2)}.invoice-action-menu>summary{font-weight:800;cursor:pointer}.invoice-action-grid{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;padding-top:12px}.invoice-action-grid form{display:flex;gap:8px;flex-wrap:wrap}.invoice-action-grid details{border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--surface)}.invoice-action-grid details summary{cursor:pointer;font-weight:700}.status-menu,.payment-form{margin-top:10px}.payment-form{display:grid!important;grid-template-columns:repeat(2,minmax(130px,1fr));max-width:460px}.payment-form button{grid-column:1/-1}@media(max-width:800px){.invoice-search-grid{grid-template-columns:1fr 1fr}.add-fee-form{grid-template-columns:1fr}.invoice-action-grid{flex-direction:column}.invoice-action-grid>*{width:100%}}@media(max-width:520px){.invoice-search-grid{grid-template-columns:1fr}}