:root{--bg:#f4f7fb;--surface:#fff;--ink:#101828;--muted:#667085;--line:#e7ebf2;--nav:#0b1220;--nav2:#111b2e;--accent:#315efb;--accent2:#5eead4;--danger:#d92d20;--success:#067647;--shadow:0 18px 50px rgba(16,24,40,.08);--radius:22px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.desktop-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#0e1727);color:#d8e1ef;padding:25px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#fff,#c7d2fe);color:#111827;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 24px rgba(49,94,251,.25)}.sidebar-label,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#8ba0bc}.sidebar-label{margin:38px 12px 12px}.nav-stack{display:flex;flex-direction:column;gap:4px}.nav-item{padding:12px 13px;border-radius:13px;color:#aebed3;display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:14px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.08);color:white}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent2)}.nav-item.disabled{opacity:.55;cursor:default}.nav-item small{font-size:10px;font-weight:700}.nav-item.compact{font-size:12px}.sidebar-footer{margin-top:auto;padding:16px 10px 5px;border-top:1px solid rgba(255,255,255,.08)}.profile-mini{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.profile-mini span{font-size:12px;color:#8ba0bc}.link-button{border:0;background:transparent;color:#9fb2ca;padding:0;cursor:pointer}.main-area{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,235,242,.9);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.topbar strong{font-size:17px}.content-area{padding:34px;max-width:1600px;width:100%;margin:0 auto}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:10px 15px;font-weight:750;font-size:13px;cursor:pointer;transition:.18s}.button.primary{background:var(--ink);color:white;box-shadow:0 8px 20px rgba(16,24,40,.16)}.button.primary:hover{transform:translateY(-1px);background:#1b2a44}.button.ghost{background:white;border-color:var(--line);color:var(--ink)}.button.full{width:100%;min-height:48px}.hero-panel{background:radial-gradient(circle at 80% -20%,rgba(94,234,212,.25),transparent 36%),linear-gradient(130deg,#101828,#17233a);border-radius:28px;padding:34px;color:white;display:flex;justify-content:space-between;gap:24px;align-items:end;box-shadow:0 22px 60px rgba(16,24,40,.18);overflow:hidden}.hero-panel h1{font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-.045em;margin:9px 0 14px}.hero-panel h1 span{color:#a5b4fc}.hero-panel p{color:#b9c5d7;max-width:650px;margin:0;line-height:1.6}.hero-chip{min-width:150px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:20px;padding:18px;font-size:11px;letter-spacing:.14em;color:#9fb0c7}.hero-chip strong{display:block;color:var(--accent2);font-size:18px;margin-top:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0 34px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;min-height:124px;box-shadow:0 8px 24px rgba(16,24,40,.035);display:flex;flex-direction:column}.metric span,.detail-card span{font-size:12px;color:var(--muted);font-weight:700}.metric strong{font-size:34px;margin-top:auto;letter-spacing:-.04em}.metric small{color:#98a2b3;font-size:11px;margin-top:4px}.metric .metric-word{font-size:23px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:27px 0 14px}.section-head h1,.section-head h2,.tenant-head h1{margin:4px 0;letter-spacing:-.03em}.section-head h1{font-size:34px}.section-head h2{font-size:24px}.section-head p,.tenant-head p{color:var(--muted);margin:4px 0}.section-head>a{font-size:13px;font-weight:750;color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(16,24,40,.035)}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid #edf0f5;font-size:13px}th{font-size:11px;color:#7b8799;letter-spacing:.08em;text-transform:uppercase}td small{display:block;color:#98a2b3;margin-top:4px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}.right{text-align:right}code{background:#f0f3f8;border-radius:8px;padding:4px 7px;font-size:12px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;background:#eef2f7;color:#475467}.status.active{background:#ecfdf3;color:#067647}.status.provisioning{background:#fffaeb;color:#b54708}.status.provision_failed{background:#fef3f2;color:#b42318}.empty{text-align:center!important;color:#98a2b3;padding:35px!important}.form-page{max-width:980px}.form-card{padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .span-2{grid-column:1/-1}.form-stack{display:flex;flex-direction:column;gap:15px;margin-top:24px}label{font-size:12px;font-weight:750;color:#475467;display:flex;flex-direction:column;gap:7px}label small{font-weight:500;color:#98a2b3}input{width:100%;border:1px solid #d9e0ea;border-radius:12px;padding:13px 14px;background:#fff;color:var(--ink);outline:none;font-size:15px}input:focus{border-color:#7c9bff;box-shadow:0 0 0 4px rgba(49,94,251,.09)}.check-row{flex-direction:row;align-items:center;font-weight:550}.check-row input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.form-alert{border:1px solid #fecdca;background:#fff7f6;color:#912018;padding:13px 15px;border-radius:13px;margin:14px 0;font-size:13px}.tenant-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-card{padding:20px;display:flex;flex-direction:column;min-height:120px}.detail-card strong{font-size:18px;margin-top:auto;word-break:break-word}.detail-card small{color:#98a2b3;margin-top:5px}.action-panel{margin-top:16px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.action-panel h2{margin:0 0 5px}.action-panel p{margin:0;color:var(--muted);font-size:13px}.button-row{display:flex;gap:9px}.timeline{padding:12px 22px}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#98a2b3;margin-top:5px}.timeline-dot.success{background:#12b76a}.timeline-dot.failed{background:#f04438}.timeline-dot.running{background:#f79009}.timeline-item p{margin:4px 0;color:#667085;font-size:13px}.timeline-item small{color:#98a2b3}.empty-state{padding:28px;display:flex;gap:18px;align-items:center}.empty-icon{width:52px;height:52px;border-radius:18px;background:#eef2ff;color:#315efb;display:grid;place-items:center;font-size:28px}.empty-state h2{margin:0 0 6px}.empty-state p{margin:0;color:var(--muted);line-height:1.6}.auth-page{min-height:100vh;background:#080f1c;color:white;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.auth-orbit{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(49,94,251,.27),rgba(94,234,212,.08) 35%,transparent 68%);transform:translate(40%,-35%)}.auth-card{width:min(450px,100%);background:rgba(17,27,46,.88);border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 90px rgba(0,0,0,.35);backdrop-filter:blur(20px);padding:32px;border-radius:28px;position:relative;z-index:1}.auth-brand{margin-bottom:32px}.auth-card h1{font-size:34px;letter-spacing:-.04em;margin:5px 0 10px}.auth-card .muted{color:#9eacc0;line-height:1.55}.auth-card label{color:#bac7d8}.auth-card input{background:#0d1728;border-color:#26354c;color:white}.auth-card .check-row{color:#9eacc0}.auth-card .button.primary{background:white;color:#101828}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:10px;max-width:390px}.toast{background:#101828;color:white;border-radius:15px;padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px;transition:.3s}.toast span{font-size:12px;color:#c1ccdb}.toast.success{border-left:4px solid #12b76a}.toast.error{border-left:4px solid #f04438}.toast-out{opacity:0;transform:translateY(10px)}.icon-button{border:1px solid var(--line);background:white;border-radius:10px;padding:8px 10px}.mobile-only{display:none}.error-page{min-height:100vh;display:grid;place-items:center;background:#0b1220;color:#fff;text-align:center;padding:25px}.error-page>div{max-width:560px}.error-page h1{font-size:42px}.error-page p{color:#aebed3;margin-bottom:24px}
/* Driver PWA */.driver-body{margin:0;background:#eaf0f7;color:#101828;overscroll-behavior:none}.driver-app{max-width:520px;margin:0 auto;min-height:100dvh;background:#f7f9fc;position:relative;padding-bottom:94px;box-shadow:0 0 60px rgba(16,24,40,.10)}.driver-header{background:#0b1220;color:white;padding:calc(18px + env(safe-area-inset-top)) 20px 22px;border-radius:0 0 28px 28px;display:flex;align-items:center;justify-content:space-between}.driver-header small{display:block;color:#91a3bb;font-size:11px;margin-bottom:4px}.driver-header strong{font-size:21px}.avatar{width:44px;height:44px;border-radius:15px;background:#25344d;display:grid;place-items:center;font-weight:850}.driver-content{padding:19px 16px}.driver-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:750;color:#475467;background:white;border:1px solid #e6ebf2;padding:7px 11px;border-radius:999px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.10)}.driver-content h1{font-size:30px;letter-spacing:-.04em;margin:17px 2px 12px}.driver-tour-card{background:linear-gradient(145deg,#101828,#1b2941);color:white;border-radius:24px;padding:20px;box-shadow:0 18px 40px rgba(16,24,40,.18)}.tour-card-head{display:flex;justify-content:space-between;gap:12px}.tour-card-head small{display:block;color:#91a3bb;font-size:10px;letter-spacing:.12em;margin-bottom:5px}.tour-card-head strong{font-size:18px}.driver-badge{height:max-content;background:rgba(94,234,212,.12);color:#5eead4;border:1px solid rgba(94,234,212,.22);padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850}.driver-tour-card p{font-size:13px;color:#aebed3;line-height:1.55}.driver-primary{width:100%;border:0;border-radius:15px;min-height:52px;background:#315efb;color:white;font-weight:850;font-size:15px}.driver-primary:disabled{opacity:.45}.driver-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.driver-action-grid button{border:1px solid #e1e7ef;background:white;border-radius:17px;min-height:78px;padding:9px 4px;color:#344054;font-size:10px;font-weight:750}.driver-action-grid button span{display:block;font-size:22px;margin-bottom:6px;color:#315efb}.driver-info{background:white;border:1px solid #e5eaf1;border-radius:20px;padding:18px;margin-top:15px}.driver-info h2{font-size:16px;margin:0 0 6px}.driver-info p{font-size:12px;line-height:1.55;color:#667085;margin:0}.driver-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-top:1px solid #e2e8f0;padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);z-index:40}.driver-bottom a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:#7a8799;font-weight:750}.driver-bottom a span{font-size:18px}.driver-bottom a.active{color:#101828}.driver-bottom .scan-main span{width:42px;height:42px;margin-top:-23px;border-radius:15px;background:#315efb;color:white;display:grid;place-items:center;box-shadow:0 10px 22px rgba(49,94,251,.34)}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.desktop-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;width:270px;transition:.24s;box-shadow:20px 0 50px rgba(0,0,0,.25)}.sidebar.open{left:0}.mobile-only{display:inline-flex}.topbar{padding:0 18px}.content-area{padding:22px 16px}.topbar-actions .button{padding:9px 11px}.hero-panel{padding:24px;align-items:start}.detail-grid{grid-template-columns:1fr}.action-panel,.tenant-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px;min-height:105px}.metric strong{font-size:27px}.hero-panel{border-radius:21px}.hero-chip{display:none}.section-head h1{font-size:28px}.form-card{padding:17px}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.button-row{width:100%;flex-direction:column}.button-row form,.button-row button{width:100%}.toast-stack{left:12px;right:12px;bottom:12px}.auth-card{padding:24px;border-radius:22px}.auth-card h1{font-size:29px}}

/* v0.1.1 - Tenant database credentials */
.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.form-section-title>span{width:34px;height:34px;border-radius:11px;background:#eef2ff;color:#315efb;display:grid;place-items:center;font-size:11px;font-weight:850}.form-section-title>div{display:flex;flex-direction:column;gap:2px}.form-section-title strong{font-size:15px}.form-section-title small{font-size:11px;color:#98a2b3}.top-gap{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.top-gap-sm{margin-top:18px}.db-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-mode-card{border:1px solid #dfe5ee;border-radius:16px;padding:15px;display:flex;flex-direction:row;align-items:flex-start;gap:12px;cursor:pointer;background:#fbfcfe;transition:.2s}.db-mode-card:hover{border-color:#b8c5dc;background:#fff}.db-mode-card:has(input:checked){border-color:#7c9bff;background:#f6f8ff;box-shadow:0 0 0 3px rgba(49,94,251,.06)}.db-mode-card input{width:auto;margin-top:3px;accent-color:#315efb}.db-mode-card span{display:flex;flex-direction:column;gap:4px}.db-mode-card strong{font-size:13px;color:#344054}.db-mode-card small{font-size:11px;line-height:1.45;color:#7b8799;font-weight:500}.credential-note{margin-top:18px;border:1px solid #dbe7ff;background:#f7f9ff;border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;gap:3px}.credential-note strong{font-size:12px;color:#2446b8}.credential-note span{font-size:11px;color:#667085;line-height:1.5}
@media(max-width:700px){.db-mode-grid{grid-template-columns:1fr}}
/* v0.2 Company + Dispatch */
.nav-left{display:flex;align-items:center;gap:10px}.nav-icon{width:21px;color:#8195b0;text-align:center;font-size:15px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#5eead4}.sidebar-label-settings{margin-top:24px}.topbar-context{display:flex;align-items:center;gap:10px}.topbar-pill{border:1px solid #dde3ec;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;color:#475467}.button.neon{background:#5eead4;color:#0b1220}.button.inverse{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.button.danger-solid{background:#d92d20;color:#fff}.button.danger-link{background:#fff3f2;border-color:#fecdca;color:#b42318;margin-right:auto}select,textarea{width:100%;border:1px solid #d9e0ea;border-radius:12px;padding:13px 14px;background:#fff;color:var(--ink);outline:none;font:inherit;font-size:14px}select:focus,textarea:focus{border-color:#7c9bff;box-shadow:0 0 0 4px rgba(49,94,251,.09)}.field-pair{display:grid;grid-template-columns:1fr 110px;gap:9px}.modern-grid label>small{font-size:11px;line-height:1.5;color:#98a2b3}.config-hero{background:radial-gradient(circle at 85% 20%,rgba(94,234,212,.20),transparent 28%),linear-gradient(135deg,#0b1220,#16243c);color:#fff;border-radius:30px;padding:34px;display:flex;justify-content:space-between;align-items:end;gap:28px;overflow:hidden}.config-hero h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;line-height:1.03;margin:8px 0 14px}.config-hero h1 span{color:#8fa8ff}.config-hero p{max-width:690px;color:#aebed3;line-height:1.6;margin:0}.config-health{min-width:210px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);padding:16px;border-radius:18px;display:flex;align-items:center;gap:12px}.health-dot{width:11px;height:11px;background:#f79009;border-radius:50%;box-shadow:0 0 0 6px rgba(247,144,9,.12)}.health-dot.ok{background:#12b76a;box-shadow:0 0 0 6px rgba(18,183,106,.12)}.config-health small{display:block;color:#90a2ba;font-size:10px;letter-spacing:.12em}.config-health strong{font-size:13px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}.settings-nav{position:sticky;top:99px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(16,24,40,.04)}.settings-nav a{padding:12px 13px;border-radius:12px;font-weight:780;font-size:13px}.settings-nav a:hover{background:#f5f7fb}.settings-nav small{display:block;color:#98a2b3;font-size:10px;font-weight:600;margin-top:3px}.settings-content{min-width:0;display:grid;gap:16px}.settings-section{scroll-margin-top:100px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:0 8px 28px rgba(16,24,40,.03)}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.settings-section-head>div{display:grid;grid-template-columns:34px 1fr;column-gap:12px}.settings-section-head>div>span{grid-row:1/4;width:34px;height:34px;border-radius:11px;background:#eef2ff;color:#315efb;display:grid;place-items:center;font-size:10px;font-weight:900}.settings-section-head h2{font-size:20px;margin:0;letter-spacing:-.02em}.settings-section-head p{font-size:12px;color:#7b8799;margin:4px 0 0}.settings-badge{font-size:9px;letter-spacing:.12em;font-weight:900;color:#067647;background:#ecfdf3;padding:6px 8px;border-radius:999px}.sticky-save{position:sticky;bottom:18px;z-index:15;background:rgba(11,18,32,.95);backdrop-filter:blur(16px);color:#fff;border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 50px rgba(11,18,32,.23)}.sticky-save strong{display:block;font-size:13px}.sticky-save span{display:block;font-size:10px;color:#98a8bc;margin-top:3px}
.dispatch-content{max-width:none;padding:24px}.dispatch-date-form{display:flex;align-items:center;gap:6px}.dispatch-date-form input{width:145px;padding:7px 9px;font-size:12px;border-radius:10px}.date-step{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer}.dispatch-hero{background:radial-gradient(circle at 75% -20%,rgba(94,234,212,.21),transparent 32%),linear-gradient(135deg,#0a1220,#15233b);border-radius:28px;padding:27px 30px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:25px}.dispatch-hero h1{font-size:clamp(28px,3vw,44px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 0}.dispatch-hero h1 span{color:#90a9ff}.dispatch-hero-actions{display:flex;gap:9px}.dispatch-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.dispatch-metrics>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dispatch-metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8490a3}.dispatch-metrics strong{font-size:19px;letter-spacing:-.03em}.dispatch-metrics strong small{font-size:9px;color:#98a2b3}.dispatch-workspace{display:grid;grid-template-columns:245px minmax(500px,.95fr) minmax(360px,1.05fr);min-height:690px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 35px rgba(16,24,40,.04)}.dispatch-workspace.no-selection{grid-template-columns:245px 1fr}.tour-rail{background:#f8fafc;border-right:1px solid var(--line);padding:14px}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 12px}.rail-head span{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;color:#98a2b3}.rail-head strong{font-size:17px}.round-add{width:34px;height:34px;border:0;border-radius:12px;background:#101828;color:#fff;font-size:20px;cursor:pointer}.tour-list{display:grid;gap:8px}.tour-card-mini{display:block;background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:13px;transition:.18s}.tour-card-mini:hover{border-color:#bcc8dc;transform:translateY(-1px)}.tour-card-mini.active{background:#101828;border-color:#101828;color:#fff;box-shadow:0 12px 28px rgba(16,24,40,.17)}.tour-mini-top{display:flex;align-items:center;gap:6px}.tour-mini-top strong{font-size:11px}.tour-mini-top small{margin-left:auto;font-size:8px;color:#98a2b3;text-transform:uppercase;font-weight:850}.tour-card-mini.active .tour-mini-top small,.tour-card-mini.active p{color:#91a3ba}.status-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3;display:inline-block}.status-dot.planned,.status-dot.released{background:#315efb}.status-dot.running{background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.10)}.status-dot.completed{background:#667085}.status-dot.cancelled{background:#f04438}.tour-card-mini h3{font-size:13px;margin:12px 0 4px}.tour-card-mini p{font-size:10px;color:#7b8799;margin:0}.tour-mini-data{display:flex;justify-content:space-between;margin-top:12px;font-size:10px;font-weight:800}.rail-empty{text-align:center;padding:35px 12px;color:#7b8799}.rail-empty>span{display:grid;place-items:center;margin:0 auto 12px;width:44px;height:44px;border-radius:15px;background:#eef2ff;color:#315efb;font-size:22px}.rail-empty strong{font-size:12px;color:#344054}.rail-empty p{font-size:10px;line-height:1.5}.tour-stage{min-width:0;padding:20px 18px;border-right:1px solid var(--line)}.tour-stage-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.stage-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#7b8799;display:flex;gap:7px;align-items:center}.tour-stage-head h2{font-size:24px;margin:5px 0 2px;letter-spacing:-.035em}.tour-stage-head p{font-size:11px;color:#7b8799;margin:0}.stage-actions{display:flex;gap:6px}.icon-action{width:34px;height:34px;border-radius:10px;border:1px solid #e0e6ef;background:#fff;cursor:pointer}.icon-action.danger{color:#b42318}.tour-finance-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;margin:16px 0;overflow:hidden}.tour-finance-strip>div{padding:11px;border-right:1px solid var(--line)}.tour-finance-strip>div:last-child{border:0}.tour-finance-strip span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;font-weight:800}.tour-finance-strip strong{font-size:12px}.positive{color:#067647}.negative{color:#b42318}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.route-source{display:flex;align-items:center;gap:8px}.route-source>span{font-size:8px;font-weight:900;background:#eef2ff;color:#315efb;padding:5px 7px;border-radius:6px}.route-source p{font-size:9px;color:#98a2b3;margin:0}.toolbar-actions{display:flex;gap:7px}.toolbar-actions form{display:inline}.stop-list{display:grid;gap:8px;position:relative}.stop-list.order-saved:after{content:'Reihenfolge gespeichert';position:absolute;right:0;top:-35px;background:#ecfdf3;color:#067647;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800}.stop-card{display:grid;grid-template-columns:18px 34px minmax(0,1fr) auto 28px;gap:8px;align-items:center;border:1px solid #e4e9f0;border-radius:15px;padding:10px;background:#fff;transition:.15s}.stop-card:hover{border-color:#c8d2e0;box-shadow:0 7px 18px rgba(16,24,40,.04)}.stop-card.dragging{opacity:.45;transform:scale(.99)}.drag-handle{color:#b2bdcc;cursor:grab}.stop-sequence{align-self:stretch;display:flex;flex-direction:column;align-items:center}.stop-sequence span{width:28px;height:28px;border-radius:9px;background:#101828;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:850}.stop-line{width:1px;background:#e0e5ec;flex:1;margin-top:4px}.stop-main{min-width:0}.stop-label{display:flex;gap:7px;align-items:center}.stop-label>span{font-size:8px;text-transform:uppercase;font-weight:900;color:#315efb;letter-spacing:.07em}.stop-label small{font-size:8px;color:#98a2b3}.stop-main h3{font-size:12px;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-main p{font-size:10px;color:#7b8799;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-meta{display:flex;gap:9px;margin-top:7px;flex-wrap:wrap}.stop-meta span{font-size:8px;color:#667085;font-weight:700}.stop-requirements{display:flex;gap:3px}.stop-requirements span{width:23px;height:23px;border-radius:7px;background:#f1f5f9;display:grid;place-items:center;font-size:9px;color:#475467}.stop-edit{border:0;background:transparent;color:#98a2b3;cursor:pointer;font-weight:900}.stops-empty{text-align:center;padding:55px 20px}.empty-route-art{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:17px}.empty-route-art i{width:20px;height:20px;border-radius:8px;background:#315efb;position:relative}.empty-route-art i:after{content:'';position:absolute;left:20px;top:9px;width:13px;border-top:2px dashed #c8d2e0}.empty-route-art i:last-child:after{display:none}.stops-empty h3{margin:0}.stops-empty p{font-size:11px;color:#7b8799;margin:6px 0 15px}.map-panel{display:grid;grid-template-rows:auto minmax(460px,1fr) auto auto;min-width:0;background:#f3f6fa}.map-head{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.map-head span{display:block;font-size:8px;letter-spacing:.12em;color:#98a2b3;font-weight:900}.map-head strong{font-size:13px}.map-fit{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}.dispatch-map{min-height:460px;background:#dfe7ef}.dispatch-marker-shell{background:transparent!important;border:0!important}.dispatch-marker{width:36px;height:36px;border-radius:12px;background:#101828;color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 6px 18px rgba(16,24,40,.25);font-size:10px;font-weight:900}.map-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line)}.map-summary>div{padding:12px;border-right:1px solid var(--line)}.map-summary>div:last-child{border:0}.map-summary span{display:block;font-size:8px;text-transform:uppercase;color:#98a2b3;font-weight:850}.map-summary strong{font-size:12px}.map-note{padding:12px 15px;display:flex;align-items:center;gap:9px;background:#fbfcfe;border-top:1px solid var(--line)}.map-note p{font-size:9px;line-height:1.4;color:#7b8799;margin:0}.mini-signal{width:8px;height:8px;border-radius:50%;background:#f79009;flex:none}.mini-signal.online{background:#12b76a}.dispatch-zero{display:grid;place-items:center;align-content:center;text-align:center;padding:60px;position:relative;overflow:hidden}.dispatch-zero>*{position:relative}.dispatch-zero .zero-orbit{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(49,94,251,.10),transparent 66%)}.dispatch-zero>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#315efb}.dispatch-zero h2{font-size:32px;letter-spacing:-.04em;margin:8px 0}.dispatch-zero p{font-size:12px;max-width:470px;line-height:1.6;color:#667085;margin:0 0 17px}.app-dialog,.confirm-dialog{border:0;border-radius:24px;padding:0;box-shadow:0 30px 100px rgba(11,18,32,.28);width:min(680px,calc(100vw - 28px));max-height:88vh}.app-dialog.wide{width:min(900px,calc(100vw - 28px))}.app-dialog::backdrop,.confirm-dialog::backdrop{background:rgba(6,12,22,.62);backdrop-filter:blur(5px)}.app-dialog form{margin:0}.dialog-head{display:flex;justify-content:space-between;align-items:start;padding:21px 23px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:22px;letter-spacing:-.03em;margin:4px 0 0}.dialog-close{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:#fff;font-size:20px;cursor:pointer}.dialog-body{padding:22px 23px;overflow:auto;max-height:62vh}.dialog-actions{padding:14px 23px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#fbfcfe}.geo-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#f8fafc;border:1px dashed #d9e0ea;border-radius:14px;padding:12px}.geo-fields p{grid-column:1/-1;margin:0;font-size:9px;color:#7b8799}.requirement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.requirement-grid label{display:flex;flex-direction:row;align-items:center;padding:11px;border:1px solid #e0e6ef;border-radius:11px;background:#fbfcfe;cursor:pointer}.requirement-grid input{width:auto}.requirement-grid span{font-size:10px}.confirm-dialog{width:min(420px,calc(100vw - 28px));padding:28px;text-align:center}.confirm-icon{width:50px;height:50px;border-radius:17px;background:#fff3f2;color:#b42318;display:grid;place-items:center;margin:0 auto 14px;font-size:22px;font-weight:900}.confirm-dialog h3{font-size:21px;margin:0 0 7px}.confirm-dialog p{font-size:12px;line-height:1.5;color:#667085;margin:0 0 20px}.confirm-dialog>div:last-child{display:flex;justify-content:center;gap:8px}
@media(max-width:1300px){.dispatch-workspace{grid-template-columns:220px minmax(480px,1fr)}.map-panel{grid-column:1/-1;border-top:1px solid var(--line)}.dispatch-map{min-height:360px}.tour-stage{border-right:0}.settings-layout{grid-template-columns:190px 1fr}}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.config-hero{align-items:flex-start;flex-direction:column}.dispatch-date-form input{width:130px}.dispatch-content{padding:16px}.dispatch-hero{align-items:flex-start;flex-direction:column}.dispatch-workspace,.dispatch-workspace.no-selection{grid-template-columns:1fr}.tour-rail{border-right:0;border-bottom:1px solid var(--line)}.tour-list{grid-template-columns:repeat(2,1fr)}.tour-stage{padding:16px}.map-panel{grid-column:auto}.dispatch-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar-context{margin-left:auto}.dispatch-date-form .date-step,.dispatch-date-form .topbar-pill{display:none}.dispatch-date-form input{width:125px}.dispatch-hero{border-radius:20px;padding:20px}.dispatch-hero-actions{width:100%}.dispatch-hero-actions>*{flex:1}.dispatch-hero-actions .button{width:100%}.dispatch-metrics{gap:7px}.dispatch-metrics>div{padding:10px;display:block}.dispatch-metrics strong{display:block;margin-top:4px}.tour-list{grid-template-columns:1fr 1fr}.tour-card-mini{padding:10px}.tour-stage-head{align-items:flex-start}.tour-finance-strip{grid-template-columns:1fr 1fr}.tour-finance-strip>div:nth-child(2){border-right:0}.tour-finance-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stage-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions>*{flex:1}.toolbar-actions .button{width:100%}.stop-card{grid-template-columns:15px 30px minmax(0,1fr) 25px}.stop-requirements{display:none}.stop-meta{gap:5px}.map-panel{display:block}.dispatch-map{min-height:330px}.map-head,.map-summary,.map-note{display:flex}.map-summary>div{flex:1}.settings-nav{grid-template-columns:1fr 1fr}.settings-section{padding:18px}.field-pair{grid-template-columns:1fr 80px}.sticky-save{bottom:10px;align-items:stretch;flex-direction:column}.sticky-save .button{width:100%}.requirement-grid{grid-template-columns:1fr 1fr}.geo-fields{grid-template-columns:1fr}.geo-fields p{grid-column:auto}.app-dialog{border-radius:20px}.dialog-body{padding:18px}.dialog-head,.dialog-actions{padding-left:18px;padding-right:18px}}
.dashboard-launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.module-launch{padding:21px;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:14px;transition:.18s}.module-launch:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.08)}.module-launch-icon{width:48px;height:48px;border-radius:16px;background:#eef2ff;color:#315efb;display:grid;place-items:center;font-size:21px}.module-launch small{font-size:9px;letter-spacing:.11em;color:#98a2b3;font-weight:900}.module-launch h2{font-size:17px;margin:3px 0}.module-launch p{font-size:11px;color:#7b8799;margin:0}.module-launch b{font-size:20px}@media(max-width:700px){.dashboard-launch-grid{grid-template-columns:1fr}}

/* =========================================================
   v0.2.2 — Operations Workbench / responsive full-screen UI
   Icons: inline SVG (open-source Lucide-style set)
   ========================================================= */
.ui-icon{display:inline-block;vertical-align:middle;flex:0 0 auto;pointer-events:none}
.brand-copy{min-width:0;display:flex;flex-direction:column;line-height:1.08}.brand-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:14px}.brand-copy small{margin-top:5px;color:#70839d;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.nav-left{display:flex;align-items:center;gap:10px;min-width:0}.nav-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#8da0b9;transition:.18s}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:#fff;background:rgba(255,255,255,.07)}.nav-live{padding:3px 6px;border-radius:999px;background:rgba(94,234,212,.12);color:#5eead4!important;letter-spacing:.06em}.sidebar-logout{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#8397b1;padding:10px 12px;border-radius:11px;cursor:pointer;font-size:12px;font-weight:700}.sidebar-logout:hover{color:#fff;background:rgba(255,255,255,.06)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-title{display:flex;flex-direction:column;gap:2px}.topbar-title .eyebrow{font-size:9px}.topbar-title strong{font-size:15px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0}.main-area{width:100%;min-width:0;overflow-x:hidden}

/* full-screen work surface */
.content-area.dispatch-content{max-width:none;margin:0;width:100%;padding:20px clamp(18px,2vw,34px) 32px}.dispatch-content{--dispatch-blue:#315efb;--dispatch-cyan:#5eead4;--dispatch-dark:#0a1020;--dispatch-surface:#fff;--dispatch-soft:#f7f9fc;--dispatch-line:#e5eaf1;--dispatch-muted:#6b778b}

.dispatch-date-form{display:flex;align-items:center;gap:7px}.date-step,.topbar-pill{border:1px solid #e3e8f0;background:#fff;color:#344054;display:grid;place-items:center;height:36px;border-radius:11px;cursor:pointer}.date-step{width:36px}.date-step:hover,.topbar-pill:hover{border-color:#cbd5e1;background:#f8fafc}.topbar-pill{padding:0 13px;font-size:11px;font-weight:800}.date-control{height:36px;display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid #e3e8f0;background:#fff;border-radius:11px;padding:0 10px;color:#667085}.date-control input{border:0;box-shadow:none!important;padding:0;width:132px;background:transparent;font-size:12px;font-weight:750;color:#344054}

.dispatch-command{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 27px;border-radius:24px;background:linear-gradient(135deg,#0a1020 0%,#111b31 63%,#172a43 100%);box-shadow:0 18px 45px rgba(10,16,32,.14);color:#fff}.dispatch-command:after{content:"";position:absolute;right:-100px;top:-150px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.18),rgba(49,94,251,.09) 32%,transparent 67%);pointer-events:none}.dispatch-title-block,.dispatch-command-actions{position:relative;z-index:1}.dispatch-kicker{display:flex;align-items:center;gap:8px;color:#91a4bf;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 5px rgba(94,234,212,.08)}.kicker-separator{opacity:.35}.dispatch-title-block h1{margin:8px 0 4px;font-size:clamp(25px,2.2vw,36px);line-height:1.05;letter-spacing:-.04em}.dispatch-title-block h1 span{color:#aebfff}.dispatch-title-block p{margin:0;color:#9babc0;font-size:12px;line-height:1.55}.dispatch-command-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dispatch-command-actions form{margin:0}.command-button{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}.command-button:hover{background:rgba(255,255,255,.1)!important}.button.command-primary{background:#fff;color:#0a1020;border-color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16);display:inline-flex;gap:8px}.button.command-primary:hover{transform:translateY(-1px);background:#edf2ff}.button{gap:7px}

.dispatch-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.dispatch-metric{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;background:#fff;border:1px solid var(--dispatch-line);border-radius:17px;padding:13px 15px;box-shadow:0 5px 16px rgba(16,24,40,.025)}.dispatch-metric .metric-icon{width:42px;height:42px;border-radius:13px;background:#f1f4ff;color:#315efb;display:grid;place-items:center}.dispatch-metric small{display:block;color:#7a8798;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.dispatch-metric strong{display:block;margin-top:2px;font-size:19px;line-height:1.05;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-metric strong em{font-style:normal;font-size:10px;color:#8692a3;font-weight:800}.dispatch-metric p{margin:3px 0 0;color:#a0aaba;font-size:9px}.dispatch-metric.accent-metric{background:linear-gradient(145deg,#eef3ff,#f7fbff);border-color:#dbe5ff}.dispatch-metric.accent-metric .metric-icon{background:#315efb;color:#fff}

.dispatch-workspace{width:100%;min-height:calc(100vh - 255px);display:grid;grid-template-columns:minmax(235px,275px) minmax(460px,1.2fr) minmax(330px,.85fr);border:1px solid #dfe5ee;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 38px rgba(16,24,40,.06)}.dispatch-workspace.no-selection{grid-template-columns:minmax(235px,275px) minmax(0,1fr)}
.tour-rail{min-width:0;background:#f8fafc;border-right:1px solid var(--dispatch-line);display:flex;flex-direction:column}.rail-head{height:64px;padding:0 15px 0 17px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--dispatch-line)}.rail-head span{display:block;color:#98a2b3;font-size:8px;font-weight:900;letter-spacing:.12em}.rail-head strong{display:block;font-size:12px;margin-top:3px}.round-add{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:11px;background:#0a1020;color:#fff;cursor:pointer;box-shadow:0 7px 16px rgba(10,16,32,.14)}.rail-filter{margin:10px 10px 0;padding:9px 10px;border:1px solid #e7ebf1;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:space-between;color:#667085;font-size:9px;font-weight:800}.rail-filter span{display:flex;align-items:center;gap:7px}.rail-filter b{min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:#f1f4f8;display:grid;place-items:center;color:#344054;font-size:9px}.tour-list{padding:10px;display:grid;align-content:start;gap:8px;overflow:auto}.tour-card-mini{display:block;padding:12px;border:1px solid #e4e9f1;border-radius:15px;background:#fff;transition:.16s;box-shadow:0 3px 10px rgba(16,24,40,.018)}.tour-card-mini:hover{border-color:#bdc8d8;transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,24,40,.05)}.tour-card-mini.active{border-color:#9fb4ff;box-shadow:inset 3px 0 0 #315efb,0 8px 22px rgba(49,94,251,.07);background:linear-gradient(145deg,#fff,#f7f9ff)}.tour-mini-top{display:flex;align-items:center;gap:6px}.tour-mini-top strong{font-size:10px;letter-spacing:.02em}.tour-mini-top small{margin-left:auto;color:#8994a5;font-size:8px;font-weight:800}.status-dot{width:7px;height:7px;border-radius:50%;background:#98a2b3;flex:0 0 auto}.status-dot.planned{background:#315efb}.status-dot.released{background:#7c3aed}.status-dot.running{background:#f79009}.status-dot.completed{background:#12b76a}.status-dot.cancelled{background:#f04438}.tour-card-mini h3{font-size:12px;margin:9px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tour-card-mini>p{margin:0;color:#7f8a9b;font-size:9px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tour-mini-data{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid #eef1f5}.tour-mini-data span{min-width:0;display:flex;align-items:center;gap:3px;color:#657184;font-size:8px;font-weight:750;white-space:nowrap}.rail-empty{margin:5px;padding:24px 13px;text-align:center;border:1px dashed #d8e0ea;border-radius:16px;background:rgba(255,255,255,.7)}.rail-empty-icon{width:45px;height:45px;margin:0 auto 11px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;color:#315efb}.rail-empty strong{display:block;font-size:12px}.rail-empty p{margin:5px auto 10px;color:#8792a2;font-size:9px;line-height:1.5;max-width:170px}.text-action{border:0;background:transparent;padding:4px;color:#315efb;font-weight:850;font-size:9px;display:inline-flex;align-items:center;gap:3px;cursor:pointer}

.tour-stage{min-width:0;padding:18px;background:#fff;border-right:1px solid var(--dispatch-line);overflow:auto}.tour-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.stage-kicker{display:flex;align-items:center;gap:7px;color:#667085;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tour-stage-head h2{margin:6px 0 2px;font-size:24px;letter-spacing:-.04em}.tour-stage-head>div>p{margin:0;color:#6f7b8c;font-size:10px}.stage-resource-line{display:flex;align-items:center;gap:12px;margin-top:8px}.stage-resource-line span{display:flex;align-items:center;gap:5px;color:#5f6c7e;font-size:9px;font-weight:700}.stage-actions{display:flex;gap:6px}.icon-action,.map-fit{width:34px;height:34px;border-radius:11px;border:1px solid #e2e7ef;background:#fff;color:#475467;display:grid;place-items:center;cursor:pointer}.icon-action:hover,.map-fit:hover{border-color:#bdc7d5;background:#f8fafc}.icon-action.danger{color:#d92d20}.tour-finance-strip{margin:15px 0 12px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e6eaf0;border-radius:14px;overflow:hidden;background:#fbfcfe}.tour-finance-strip>div{padding:10px 11px;border-right:1px solid #e6eaf0}.tour-finance-strip>div:last-child{border-right:0}.tour-finance-strip span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;font-weight:900}.tour-finance-strip strong{display:block;margin-top:3px;font-size:11px}.positive{color:#067647}.negative{color:#b42318}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0 11px}.route-source{display:flex;align-items:center;gap:8px}.route-source>span{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:900;background:#eef2ff;color:#315efb;padding:6px 8px;border-radius:8px}.route-source p{font-size:8px;color:#98a2b3;margin:0}.toolbar-actions{display:flex;align-items:center;gap:6px}.toolbar-actions form{margin:0}.toolbar-actions .button{padding:8px 10px;font-size:10px;border-radius:10px}
.stop-list{display:grid;gap:7px;position:relative}.stop-list.order-saved:after{content:'Reihenfolge gespeichert';position:absolute;right:0;top:-35px;background:#ecfdf3;color:#067647;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800}.stop-card{display:grid;grid-template-columns:21px 34px minmax(0,1fr) auto 32px;gap:8px;align-items:center;border:1px solid #e5e9ef;border-radius:14px;padding:10px;background:#fff;transition:.15s}.stop-card:hover{border-color:#bdc8d7;box-shadow:0 7px 18px rgba(16,24,40,.045)}.stop-card.dragging{opacity:.45;transform:scale(.99)}.drag-handle{display:grid;place-items:center;color:#aab4c2;cursor:grab}.stop-sequence{align-self:stretch;display:flex;flex-direction:column;align-items:center}.stop-sequence span{width:29px;height:29px;border-radius:9px;background:#0a1020;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.stop-line{width:1px;background:#dfe5ec;flex:1;margin-top:4px}.stop-main{min-width:0}.stop-label{display:flex;gap:7px;align-items:center}.stop-label>span{font-size:7px;text-transform:uppercase;font-weight:900;color:#315efb;letter-spacing:.07em}.stop-label small{font-size:7px;color:#98a2b3}.stop-main h3{font-size:11px;margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-main>p{font-size:9px;color:#7b8799;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-meta{display:flex;gap:8px;margin-top:7px;flex-wrap:wrap}.stop-meta span{display:flex;align-items:center;gap:3px;font-size:7.5px;color:#667085;font-weight:700}.stop-requirements{display:flex;gap:3px}.stop-requirements span{width:24px;height:24px;border-radius:7px;background:#f1f4f7;display:grid;place-items:center;color:#5f6b7c}.stop-edit{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#8792a2;display:grid;place-items:center;cursor:pointer}.stop-edit:hover{background:#f3f5f8;color:#344054}.stops-empty{text-align:center;padding:52px 20px}.stops-empty-icon{width:50px;height:50px;margin:0 auto 12px;border-radius:16px;background:#eef2ff;color:#315efb;display:grid;place-items:center}.stops-empty h3{font-size:15px;margin:0}.stops-empty p{font-size:10px;color:#7b8799;margin:6px 0 14px}

.map-panel{min-width:0;display:grid;grid-template-rows:64px minmax(360px,1fr) auto auto;background:#f1f4f8}.map-head{padding:0 14px 0 17px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--dispatch-line)}.map-head span{display:block;font-size:7px;letter-spacing:.12em;color:#98a2b3;font-weight:900}.map-head strong{display:block;margin-top:3px;font-size:12px}.dispatch-map{min-height:360px;background:#dfe6ee}.dispatch-marker-shell{background:transparent!important;border:0!important}.dispatch-marker{width:34px;height:34px;border-radius:11px;background:#0a1020;color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 6px 18px rgba(16,24,40,.25);font-size:9px;font-weight:900}.map-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--dispatch-line)}.map-summary>div{padding:10px 11px;border-right:1px solid var(--dispatch-line)}.map-summary>div:last-child{border-right:0}.map-summary span{display:block;font-size:7px;text-transform:uppercase;color:#98a2b3;font-weight:900}.map-summary strong{display:block;margin-top:3px;font-size:11px}.map-note{padding:10px 13px;display:flex;align-items:flex-start;gap:8px;background:#fbfcfe;border-top:1px solid var(--dispatch-line)}.map-note p{font-size:8px;line-height:1.45;color:#7b8799;margin:0}.mini-signal{width:7px;height:7px;border-radius:50%;background:#f79009;flex:none;margin-top:2px}.mini-signal.online{background:#12b76a}

/* zero state uses the available screen instead of a tiny text block */
.dispatch-zero{position:relative;min-width:0;min-height:calc(100vh - 255px);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);align-items:center;gap:30px;padding:clamp(34px,5vw,72px);background:radial-gradient(circle at 77% 32%,rgba(49,94,251,.12),transparent 27%),linear-gradient(145deg,#fff,#f7f9fc)}.zero-map-grid{position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 5%,#000 40%,#000)}.zero-map-grid i{position:absolute;border-radius:50%;background:#315efb;box-shadow:0 0 0 7px rgba(49,94,251,.07)}.zero-map-grid i:nth-child(1){width:8px;height:8px;right:30%;top:23%}.zero-map-grid i:nth-child(2){width:6px;height:6px;right:17%;top:47%;background:#5eead4}.zero-map-grid i:nth-child(3){width:7px;height:7px;right:35%;bottom:22%}.zero-map-grid i:nth-child(4){width:5px;height:5px;right:10%;bottom:18%;background:#5eead4}.zero-map-grid i:nth-child(5){width:5px;height:5px;right:22%;top:17%;background:#7c9bff}.zero-copy,.zero-visual{position:relative;z-index:1}.zero-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #dce4ff;background:#f2f5ff;color:#315efb;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zero-copy h2{margin:12px 0 10px;font-size:clamp(32px,4vw,54px);line-height:.98;letter-spacing:-.055em;color:#0a1020}.zero-copy h2 span{color:#315efb}.zero-copy>p{max-width:610px;margin:0;color:#697587;font-size:12px;line-height:1.65}.zero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.zero-actions .button{min-height:42px}.zero-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px;max-width:650px}.zero-steps article{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e4e9f1;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border-radius:13px}.zero-steps article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#0a1020;color:#fff;font-size:8px;font-weight:900}.zero-steps strong{display:block;font-size:9px}.zero-steps small{display:block;margin-top:2px;color:#8a95a5;font-size:7px}.zero-visual{min-height:360px;display:grid;place-items:center}.visual-card{position:absolute;width:min(300px,72%);padding:16px 17px;background:rgba(255,255,255,.9);border:1px solid rgba(222,228,238,.9);border-radius:18px;box-shadow:0 20px 45px rgba(16,24,40,.09);backdrop-filter:blur(10px)}.visual-card span{font-size:8px;color:#315efb;font-weight:900}.visual-card strong{display:block;margin:6px 0 2px;font-size:15px}.visual-card small{color:#8792a2;font-size:9px}.visual-card-a{top:32px;left:3%;transform:rotate(-2deg)}.visual-card-b{bottom:34px;right:2%;transform:rotate(2deg)}.visual-route{position:absolute;inset:95px 23% 92px 24%;border-left:2px dashed #9fb4ff;transform:rotate(24deg)}.visual-route i{position:absolute;width:10px;height:10px;border-radius:50%;left:-6px;background:#fff;border:3px solid #315efb}.visual-route i:first-child{top:-4px}.visual-route i:nth-child(2){top:48%;border-color:#5eead4}.visual-route i:last-child{bottom:-4px}.visual-floating{position:absolute;left:26%;top:44%;min-width:160px;padding:12px 13px;border-radius:16px;background:#0a1020;color:#fff;box-shadow:0 18px 40px rgba(10,16,32,.23);display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center}.visual-floating .ui-icon{grid-row:1/3;width:30px;height:30px;padding:6px;border-radius:10px;background:rgba(94,234,212,.12);color:#5eead4}.visual-floating strong{font-size:13px}.visual-floating small{font-size:7px;color:#91a1b7}

/* dialogs/forms */
.app-dialog,.confirm-dialog{border:0;border-radius:22px;padding:0;box-shadow:0 30px 100px rgba(11,18,32,.28);width:min(690px,calc(100vw - 28px));max-height:90vh}.app-dialog.wide{width:min(930px,calc(100vw - 28px))}.app-dialog::backdrop,.confirm-dialog::backdrop{background:rgba(6,12,22,.62);backdrop-filter:blur(5px)}.app-dialog form{margin:0}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:22px;letter-spacing:-.03em;margin:4px 0 0}.dialog-close{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:#fff;font-size:20px;cursor:pointer}.dialog-body{padding:21px 22px;overflow:auto;max-height:64vh}.dialog-actions{padding:13px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#fbfcfe}.modern-grid select,.modern-grid textarea{width:100%;border:1px solid #d9e0ea;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;font:inherit}.modern-grid select:focus,.modern-grid textarea:focus{border-color:#7c9bff;box-shadow:0 0 0 4px rgba(49,94,251,.09)}

/* breakpoints */
@media (min-width:1800px){.desktop-shell{grid-template-columns:278px minmax(0,1fr)}.content-area.dispatch-content{padding-left:32px;padding-right:32px}.dispatch-workspace{grid-template-columns:290px minmax(620px,1.25fr) minmax(430px,.85fr)}.dispatch-zero{padding-left:72px;padding-right:90px}}
@media (max-width:1450px){.dispatch-workspace{grid-template-columns:245px minmax(470px,1fr) minmax(330px,.78fr)}.dispatch-zero{grid-template-columns:minmax(0,1fr) 360px;padding:42px}.zero-copy h2{font-size:42px}}
@media (max-width:1180px){.dispatch-workspace{grid-template-columns:235px minmax(0,1fr)}.map-panel{grid-column:1/-1;border-top:1px solid var(--dispatch-line);grid-template-rows:58px 350px auto auto}.tour-stage{border-right:0}.dispatch-zero{grid-column:auto;grid-template-columns:1fr}.zero-visual{display:none}.dispatch-workspace.no-selection{grid-template-columns:235px minmax(0,1fr)}}
@media (max-width:900px){.content-area.dispatch-content{padding:14px}.dispatch-command{padding:20px;align-items:flex-start;flex-direction:column}.dispatch-command-actions{width:100%;justify-content:flex-start}.dispatch-metrics{grid-template-columns:1fr 1fr}.dispatch-workspace,.dispatch-workspace.no-selection{min-height:0;grid-template-columns:1fr;border-radius:18px}.tour-rail{border-right:0;border-bottom:1px solid var(--dispatch-line)}.tour-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px}.tour-stage{padding:15px}.map-panel{grid-column:auto}.dispatch-zero{min-height:500px;padding:38px 28px}.zero-copy{max-width:650px}.zero-steps{max-width:none}.topbar-context{margin-left:auto}}
@media (max-width:620px){.topbar{height:66px;padding:0 12px}.topbar-title .eyebrow{display:none}.topbar-title strong{font-size:14px}.dispatch-date-form{gap:4px}.dispatch-date-form .date-step,.dispatch-date-form .topbar-pill{display:none}.date-control{height:34px;padding:0 8px}.date-control input{width:116px;font-size:11px}.content-area.dispatch-content{padding:10px}.dispatch-command{border-radius:17px;padding:18px}.dispatch-kicker{font-size:7px}.dispatch-title-block h1{font-size:28px}.dispatch-title-block p{font-size:10px}.dispatch-command-actions{display:grid;grid-template-columns:1fr}.dispatch-command-actions form,.dispatch-command-actions .button{width:100%}.dispatch-metrics{gap:6px;margin:8px 0}.dispatch-metric{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px;border-radius:13px}.dispatch-metric .metric-icon{width:34px;height:34px;border-radius:10px}.dispatch-metric strong{font-size:15px}.dispatch-metric p{display:none}.dispatch-workspace,.dispatch-workspace.no-selection{border-radius:16px}.rail-head{height:56px}.tour-list{grid-template-columns:1fr 1fr;padding:7px;gap:6px}.tour-card-mini{padding:9px}.tour-card-mini>p{display:none}.tour-mini-data{grid-template-columns:1fr 1fr}.tour-mini-data span:nth-child(2){display:none}.rail-empty{grid-column:1/-1}.tour-stage-head{align-items:flex-start}.tour-finance-strip{grid-template-columns:1fr 1fr}.tour-finance-strip>div:nth-child(2){border-right:0}.tour-finance-strip>div:nth-child(-n+2){border-bottom:1px solid #e6eaf0}.stage-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions>*{flex:1}.toolbar-actions .button{width:100%}.stop-card{grid-template-columns:18px 29px minmax(0,1fr) 30px;padding:8px;gap:6px}.stop-requirements{display:none}.stop-meta{gap:5px}.stop-meta span:nth-child(n+3){display:none}.map-panel{display:block}.map-head{height:56px}.dispatch-map{min-height:320px}.map-summary{display:grid}.map-note{display:flex}.dispatch-zero{min-height:470px;padding:32px 20px}.zero-copy h2{font-size:35px}.zero-copy>p{font-size:10px}.zero-actions{display:grid}.zero-actions>*{width:100%}.zero-steps{grid-template-columns:1fr;margin-top:22px}.zero-steps article{padding:9px}.app-dialog{border-radius:18px}.dialog-body{padding:17px}.dialog-head,.dialog-actions{padding-left:17px;padding-right:17px}}
html,body,button,input,select,textarea{font-family:Inter,sans-serif}


/* Transport OS 0.2.5 – clear Tour CRUD actions */
.tour-crud-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.tour-crud-actions .button{min-height:36px;padding:8px 11px;border-radius:10px;font-size:10px;gap:6px;white-space:nowrap}
.tour-edit-action{border-color:#dbe2ec!important;background:#fff!important;color:#344054!important}
.tour-edit-action:hover{background:#f8fafc!important;border-color:#bfc9d8!important}
.button.tour-delete-action{background:#fff5f4;border:1px solid #fecaca;color:#b42318;gap:6px}
.button.tour-delete-action:hover{background:#fee4e2;border-color:#fda29b;color:#912018}
.tour-edit-dialog-actions{justify-content:space-between;align-items:center}
.dialog-action-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.dialog-delete-action{margin-right:auto}
@media (max-width:760px){
  .tour-stage-head{flex-direction:column}
  .tour-crud-actions{width:100%;justify-content:stretch}
  .tour-crud-actions .button{flex:1;min-height:42px}
  .tour-edit-dialog-actions{align-items:stretch;gap:8px;flex-direction:column-reverse}
  .dialog-action-right{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}
  .dialog-delete-action{width:100%;margin:0}
}

/* === 0.3 Customers ====================================================== */
.customer-command,.customer-detail-head,.customer-form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.customer-command h1,.customer-form-head h1,.customer-detail-head h1{font-size:clamp(2rem,3vw,3.2rem);line-height:1;margin:6px 0 8px;letter-spacing:-.045em}.customer-command h1 span,.customer-form-head h1 span{color:var(--accent,#5b6cff)}.customer-command p,.customer-form-head p,.customer-detail-head p{color:#758097;margin:0;max-width:760px}.customer-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.customer-metrics article{background:#fff;border:1px solid #e8ebf2;border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px rgba(15,23,42,.04)}.customer-metrics small{display:block;color:#7b8498;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.customer-metrics strong{font-size:1.8rem;line-height:1.1}.customer-metrics p{margin:2px 0 0;color:#9aa1b1;font-size:.78rem}.warning-card{border-color:#fed7aa!important;background:#fffaf5!important}.customer-panel{background:#fff;border:1px solid #e6eaf1;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.045)}.customer-filter{display:flex;gap:10px;padding:14px;border-bottom:1px solid #eef1f5;align-items:center}.search-field{flex:1;display:flex!important;align-items:center;gap:9px;background:#f7f8fb;border:1px solid #e5e9f1;border-radius:12px;padding:0 12px}.search-field input{border:0!important;background:transparent!important;box-shadow:none!important;width:100%;padding:11px 0!important}.customer-filter select{min-width:150px}.customer-list{display:flex;flex-direction:column}.customer-row{display:grid;grid-template-columns:48px minmax(220px,1.35fr) minmax(220px,1fr) minmax(170px,.8fr) auto 22px;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid #f0f2f6;color:inherit;text-decoration:none;transition:.18s ease}.customer-row:hover{background:#fafbff;transform:translateX(2px)}.customer-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#101a33,#4152df);color:white;display:grid;place-items:center;font-weight:850}.customer-main,.customer-address,.customer-contact{display:flex;flex-direction:column;min-width:0}.customer-main strong,.customer-address strong,.customer-contact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-main small,.customer-address small,.customer-contact small,.customer-address span,.customer-contact span{color:#8a93a5;font-size:.78rem}.customer-id{font-size:.7rem;font-weight:800;color:#59677e;letter-spacing:.05em}.customer-status{font-size:.72rem;font-weight:800;padding:6px 9px;border-radius:999px}.customer-status.active{background:#e9fbf3;color:#0a7f50}.customer-status.inactive{background:#f1f3f6;color:#7b8493}.customer-chevron{color:#aeb6c5}.customer-empty{padding:70px 20px;text-align:center}.customer-empty>span{width:58px;height:58px;border-radius:18px;background:#f0f2ff;color:#5261dc;display:grid;place-items:center;margin:0 auto 14px}.customer-empty h2{margin:0 0 8px}.customer-empty p{max-width:560px;margin:0 auto 18px;color:#7d8799}.customer-pagination{padding:14px 18px;border-top:1px solid #eef1f5}.back-link{display:inline-flex;align-items:center;gap:4px;color:#6d7890;text-decoration:none;font-weight:700;font-size:.83rem;margin-bottom:8px}.customer-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-editor .editor-card:nth-child(1),.customer-editor .editor-card:nth-child(2){grid-column:span 1}.customer-editor .editor-card:nth-child(3),.customer-editor .editor-card:nth-child(4),.customer-editor .editor-actions{grid-column:1/-1}.editor-card{background:#fff;border:1px solid #e6eaf1;border-radius:22px;padding:20px;box-shadow:0 14px 40px rgba(15,23,42,.035)}.editor-card-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1f5;padding-bottom:15px;margin-bottom:17px}.editor-card-head h2{margin:0;font-size:1.08rem}.editor-card-head p{margin:2px 0 0;color:#8b94a5;font-size:.78rem}.editor-number{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#101a33;color:#fff;font-weight:850;font-size:.72rem}.geo-hint{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;background:#f5f7ff;border:1px solid #e2e7ff;border-radius:14px;padding:13px;color:#4050c8}.geo-hint p{margin:2px 0 0;color:#7782a0;font-size:.78rem}.editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:5px 0}.customer-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.customer-detail-grid>.editor-card:last-child{grid-column:1/-1}.danger-outline{background:#fff!important;color:#b42318!important;border:1px solid #f3b7b3!important}.address-stack,.contact-stack{display:flex;flex-direction:column;gap:10px}.address-item,.contact-item{border:1px solid #e9edf3;border-radius:16px;padding:14px;background:#fbfcfe}.address-item.is-start{border-color:#b9c3ff;box-shadow:0 0 0 2px rgba(82,97,220,.06)}.address-item-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.address-item-head>div:first-child{display:flex;flex-direction:column}.address-item-head span{font-size:.72rem;color:#7d8798;font-weight:800;text-transform:uppercase}.address-badges{display:flex;gap:5px;flex-wrap:wrap;align-items:flex-start}.address-badges b{font-size:.6rem;letter-spacing:.05em;padding:4px 6px;border-radius:6px;background:#edf0ff;color:#4352c7}.address-badges .geo-ok{background:#e8f9f1;color:#08794c}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}.text-danger{border:0;background:transparent;color:#b42318;font-weight:750;cursor:pointer}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding-top:24px}.check-row input{width:auto!important}.add-block{border:1px dashed #cfd5e2;border-radius:15px;margin-top:12px;padding:12px}.add-block summary{cursor:pointer;font-weight:800;color:#43506a;display:flex;gap:7px;align-items:center}.add-block[open] summary{margin-bottom:14px}.danger-text{color:#b42318!important}.stage-customer-line{display:flex;align-items:center;gap:6px;color:#53607a;font-size:.8rem;font-weight:800;margin:8px 0 2px}
@media(max-width:1200px){.customer-row{grid-template-columns:44px minmax(200px,1fr) minmax(200px,1fr) auto 20px}.customer-contact{display:none}.customer-detail-grid{grid-template-columns:1fr}.customer-detail-grid>.editor-card:last-child{grid-column:auto}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.customer-command,.customer-detail-head,.customer-form-head{align-items:flex-start;flex-direction:column}.customer-metrics{grid-template-columns:1fr}.customer-filter{flex-wrap:wrap}.customer-filter .search-field{flex-basis:100%}.customer-filter select{flex:1}.customer-row{grid-template-columns:42px 1fr auto;padding:13px}.customer-address,.customer-contact,.customer-status{display:none}.customer-editor{grid-template-columns:1fr}.customer-editor .editor-card{grid-column:auto!important}.compact-grid{grid-template-columns:1fr!important}.compact-grid .span-2{grid-column:auto!important}.address-item-head{flex-direction:column}.inline-actions{justify-content:flex-start;flex-wrap:wrap}.check-row{padding-top:4px}.customer-detail-head .danger-outline{width:100%;justify-content:center}}

/* === 0.4 Drivers & Fleet =============================================== */
.content-area{max-width:none!important;width:100%;margin:0!important}
.resource-command,.resource-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.resource-command h1,.resource-detail-head h1{font-size:clamp(2rem,3vw,3.2rem);line-height:1;margin:6px 0 8px;letter-spacing:-.045em}.resource-command h1 span,.resource-detail-head h1 span{color:var(--accent)}.resource-command p,.resource-detail-head p{color:#758097;margin:0;max-width:820px}.resource-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.resource-metrics article{background:#fff;border:1px solid #e8ebf2;border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px rgba(15,23,42,.04)}.resource-metrics .metric-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;color:#315efb;display:grid;place-items:center}.resource-metrics small{display:block;color:#7b8498;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.resource-metrics strong{display:block;font-size:1.8rem;line-height:1.05}.resource-metrics p{margin:3px 0 0;color:#9aa1b1;font-size:.78rem}.resource-panel{background:#fff;border:1px solid #e6eaf1;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.045)}.resource-filter{display:flex;gap:10px;padding:14px;border-bottom:1px solid #eef1f5;align-items:center}.resource-filter .search-field{flex:1}.resource-filter select{min-width:175px;border:1px solid #d9e0ea;border-radius:12px;padding:11px 13px;background:#fff}.resource-list{display:flex;flex-direction:column}.resource-row{display:grid;grid-template-columns:48px minmax(220px,1.35fr) minmax(180px,.95fr) minmax(180px,.85fr) auto 22px;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid #f0f2f6;transition:.18s ease}.resource-row:last-child{border-bottom:0}.resource-row:hover{background:#fafbff;transform:translateX(2px)}.resource-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#101a33,#4152df);color:#fff;display:grid;place-items:center}.resource-avatar.vehicle{background:linear-gradient(135deg,#0b5c53,#13a38f)}.resource-main,.resource-secondary{display:flex;flex-direction:column;min-width:0}.resource-main small,.resource-secondary small{font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8791a4}.resource-main strong,.resource-secondary strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-main span,.resource-secondary span{font-size:.76rem;color:#8b94a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-status{font-size:.68rem;font-weight:850;padding:6px 9px;border-radius:999px;background:#f1f3f6;color:#687386}.resource-status.active{background:#e9fbf3;color:#0a7f50}.resource-status.sick,.resource-status.blocked{background:#fff0ef;color:#b42318}.resource-status.leave{background:#fff8e7;color:#a15c00}.resource-status.maintenance{background:#fff8e7;color:#a15c00}.resource-status.inactive{background:#f1f3f6;color:#7b8493}.resource-chevron{color:#aeb6c5}.resource-empty{padding:70px 20px;text-align:center}.resource-empty>span{width:60px;height:60px;border-radius:18px;background:#f0f2ff;color:#5261dc;display:grid;place-items:center;margin:0 auto 14px}.resource-empty h2{margin:0 0 8px}.resource-empty p{max-width:620px;margin:0 auto 18px;color:#7d8799}.resource-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resource-card{background:#fff;border:1px solid #e6eaf1;border-radius:22px;padding:20px;box-shadow:0 14px 40px rgba(15,23,42,.035)}.resource-card-span-2{grid-column:1/-1}.resource-card-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1f5;padding-bottom:15px;margin-bottom:17px}.resource-card-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#101a33;color:#fff;font-weight:850;font-size:.72rem}.resource-card-head h2{margin:0;font-size:1.08rem}.resource-card-head p{margin:2px 0 0;color:#8b94a5;font-size:.78rem}.resource-grid select,.resource-grid textarea{width:100%;border:1px solid #d9e0ea;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;font:inherit}.resource-grid select:focus,.resource-grid textarea:focus{border-color:#7c9bff;box-shadow:0 0 0 4px rgba(49,94,251,.09)}.resource-grid.one-col{grid-template-columns:1fr}.resource-inline-3{display:grid;grid-template-columns:.65fr .85fr 1.5fr;gap:10px}.resource-cost-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cost-total{border-radius:14px;padding:12px 14px;background:#0b1220;color:#fff;display:flex;flex-direction:column;justify-content:center}.cost-total small{font-size:.68rem;color:#9fb0c7;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.cost-total strong{font-size:1.15rem;margin-top:4px}.resource-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 0 4px}.resource-assignment-warning{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 9px;border-radius:999px;background:#fff8e7;color:#9a5b00;font-size:.72rem;font-weight:800}.stage-resource-line a{color:inherit}
@media(max-width:1250px){.resource-row{grid-template-columns:46px minmax(210px,1.2fr) minmax(160px,.8fr) auto 22px}.resource-row .resource-secondary:nth-of-type(3){display:none}.resource-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.resource-command,.resource-detail-head{align-items:flex-start;flex-direction:column}.resource-command>.button,.resource-detail-head>.button{width:100%}.resource-metrics{grid-template-columns:1fr}.resource-form-grid{grid-template-columns:1fr}.resource-card-span-2{grid-column:auto}.resource-row{grid-template-columns:42px 1fr auto 20px}.resource-row .resource-secondary{display:none}.resource-filter{flex-wrap:wrap}.resource-filter .search-field{flex-basis:100%}.resource-filter select{flex:1}.resource-cost-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.content-area{padding:14px}.resource-command h1,.resource-detail-head h1{font-size:2rem}.resource-card{padding:15px;border-radius:17px}.resource-grid,.resource-cost-grid{grid-template-columns:1fr!important}.resource-grid .span-2{grid-column:auto!important}.resource-inline-3{grid-template-columns:1fr 1fr}.resource-inline-3 label:last-child{grid-column:1/-1}.resource-form-actions{display:grid}.resource-form-actions>*{width:100%}.resource-row{padding:12px 13px;gap:10px}.resource-status{display:none}}

/* === 0.5 Driver PWA ===================================================== */
.driver-v5-body{margin:0;background:#dfe6ef;color:#0c1728;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.driver-v5-shell{width:min(100%,620px);min-height:100dvh;margin:0 auto;background:#f4f7fb;position:relative;padding-bottom:calc(92px + env(safe-area-inset-bottom));box-shadow:0 0 70px rgba(7,18,36,.14)}.driver-v5-header{position:sticky;top:0;z-index:40;min-height:78px;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:rgba(8,17,31,.96);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;color:#fff}.driver-v5-brand{display:flex;align-items:center;gap:10px}.driver-v5-brand>span:last-child{display:flex;flex-direction:column}.driver-v5-brand small{font-size:10px;color:#90a2bb;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-v5-brand strong{font-size:17px;letter-spacing:-.02em}.driver-v5-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#fff,#b9c8ff);color:#0b1423;display:grid;place-items:center;font-weight:950;box-shadow:0 8px 30px rgba(72,102,255,.25)}.driver-v5-head-actions{display:flex;align-items:center;gap:8px}.driver-v5-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#17243a;border:1px solid rgba(255,255,255,.11);font-size:13px;font-weight:900}.driver-v5-icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d9e4f2}.driver-v5-main{padding:20px 16px 24px}.driver-v5-kicker{display:block;color:#7890ae;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.driver-v5-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:4px 0 18px}.driver-v5-welcome h1{font-size:clamp(30px,8vw,42px);line-height:1;letter-spacing:-.045em;margin:6px 0 8px}.driver-v5-welcome p{margin:0;color:#6d7a8e;font-size:13px}.driver-v5-status-pill{display:flex;align-items:center;gap:7px;border-radius:999px;padding:8px 10px;background:#fff;border:1px solid #e1e7ef;color:#45556c;font-size:10px;font-weight:850;white-space:nowrap}.driver-v5-status-pill>span{width:8px;height:8px;border-radius:50%;background:#20b878;box-shadow:0 0 0 4px rgba(32,184,120,.11)}.driver-v5-primary-tour{background:radial-gradient(circle at 90% -10%,rgba(87,113,255,.32),transparent 38%),linear-gradient(150deg,#0a1425,#111f35);color:#fff;border-radius:25px;padding:20px;box-shadow:0 20px 48px rgba(7,18,36,.2);margin-bottom:24px;overflow:hidden}.driver-v5-primary-tour.is-running{background:radial-gradient(circle at 90% 0,rgba(27,202,142,.23),transparent 40%),linear-gradient(150deg,#081a22,#102735)}.driver-v5-primary-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.driver-v5-primary-top small{font-size:9px;letter-spacing:.14em;color:#91a5c0;font-weight:900}.driver-v5-primary-top h2{font-size:26px;margin:5px 0 0;letter-spacing:-.035em}.driver-v5-primary-top>span{font-size:26px;font-weight:900;color:#e8efff}.driver-v5-tour-customer{display:flex;gap:10px;align-items:center;padding:16px 0 14px;border-bottom:1px solid rgba(255,255,255,.09)}.driver-v5-tour-customer div{display:flex;flex-direction:column}.driver-v5-tour-customer small{font-size:9px;color:#8498b4;text-transform:uppercase;font-weight:850}.driver-v5-tour-customer strong{font-size:14px;margin-top:2px}.driver-v5-tour-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0}.driver-v5-tour-meta>div{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.driver-v5-tour-meta svg{grid-row:1/3;color:#9fb2d2}.driver-v5-tour-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-v5-tour-meta span{font-size:9px;color:#8294ad}.driver-v5-start-btn{width:100%;border:0;border-radius:17px;background:#fff;color:#0c1728;min-height:64px;padding:9px 12px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.14)}.driver-v5-start-btn>span:nth-child(2){display:flex;flex-direction:column}.driver-v5-start-btn small{font-size:8px;color:#7a879a;font-weight:900;letter-spacing:.12em}.driver-v5-start-btn strong{font-size:15px;margin-top:2px}.driver-v5-play{width:40px;height:40px;border-radius:13px;background:#192746;color:#fff;display:grid;place-items:center}.driver-v5-section{margin:25px 0}.driver-v5-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:11px}.driver-v5-section-head h2{font-size:20px;margin:3px 0 0;letter-spacing:-.025em}.driver-v5-section-head>span{min-width:28px;height:28px;border-radius:9px;background:#e7ebf2;display:grid;place-items:center;color:#536176;font-size:11px;font-weight:900}.driver-v5-list{display:flex;flex-direction:column;gap:9px}.driver-v5-list-card{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:11px;align-items:center;background:#fff;border:1px solid #e4e9f0;border-radius:17px;padding:12px;box-shadow:0 7px 22px rgba(12,23,40,.035)}.driver-v5-list-icon{width:42px;height:42px;border-radius:13px;background:#eff2f8;color:#263754;display:grid;place-items:center}.driver-v5-list-main{min-width:0;display:flex;flex-direction:column}.driver-v5-list-main strong{font-size:13px}.driver-v5-list-main span{font-size:12px;color:#5f6d81;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-v5-list-main small{font-size:9px;color:#98a2b2;margin-top:3px}.driver-v5-mini-status{font-size:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;padding:5px 7px;border-radius:999px;background:#edf1f6;color:#59677b;white-space:nowrap}.driver-v5-mini-status.status-released{background:#edf1ff;color:#4352c7}.driver-v5-mini-status.status-running,.driver-v5-mini-status.status-arrived{background:#e8f8f2;color:#087c53}.driver-v5-mini-status.status-completed{background:#eaf8ef;color:#167443}.driver-v5-mini-status.status-planned{background:#f0f2f5;color:#6d7583}.driver-v5-empty{text-align:center;padding:35px 20px;background:#fff;border:1px dashed #d9e0e9;border-radius:18px}.driver-v5-empty>span{width:50px;height:50px;border-radius:15px;background:#eef2f7;display:grid;place-items:center;margin:0 auto 10px;color:#768499}.driver-v5-empty h3{margin:0 0 6px}.driver-v5-empty p{margin:0;color:#8792a3;font-size:12px}.driver-v5-bottom{position:fixed;z-index:60;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);height:calc(72px + env(safe-area-inset-bottom));padding:8px 10px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-top:1px solid #e0e5ec;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -12px 30px rgba(12,23,40,.05)}.driver-v5-bottom>a,.driver-v5-bottom>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8995a6;font-size:8px;font-weight:800}.driver-v5-bottom>a.active{color:#172945}.driver-v5-bottom .disabled{opacity:.42}.driver-v5-scan-disabled{transform:translateY(-13px)}.driver-v5-scan-circle{width:50px;height:50px;border-radius:17px;background:#101c31;color:#fff;display:grid!important;place-items:center;box-shadow:0 8px 25px rgba(16,28,49,.22)}.driver-v5-scan-disabled small{font-size:8px;margin-top:1px}.driver-v5-toast{position:relative;z-index:50;margin:10px 16px -2px;padding:11px 13px;border-radius:12px;background:#fff;border:1px solid #e1e7ef;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;box-shadow:0 8px 25px rgba(12,23,40,.07)}.driver-v5-toast.success{border-color:#bcebd7;background:#effbf6;color:#08764f}.driver-v5-toast.error{border-color:#f3c2bf;background:#fff4f3;color:#a62a22;flex-direction:column;align-items:flex-start}.driver-v5-tour-hero{background:#091322;color:#fff;border-radius:0 0 27px 27px;margin:-20px -16px 20px;padding:18px 18px 20px}.driver-v5-back{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#a9b7c9;margin-bottom:17px}.driver-v5-tour-hero-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.driver-v5-tour-hero h1{font-size:31px;letter-spacing:-.04em;margin:4px 0 3px}.driver-v5-tour-hero p{margin:0;color:#a6b4c6;font-size:12px}.driver-v5-big-status{font-size:9px;font-weight:900;text-transform:uppercase;padding:7px 9px;border-radius:999px;background:#17283f;color:#bfd0e7}.driver-v5-big-status.status-running{background:#13372e;color:#8aebc7}.driver-v5-big-status.status-released{background:#26315b;color:#cdd4ff}.driver-v5-big-status.status-completed{background:#173529;color:#91ddbb}.driver-v5-tour-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0 0}.driver-v5-tour-hero-grid>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);border-radius:14px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:1px 6px}.driver-v5-tour-hero-grid svg{grid-row:1/3;color:#8da2bf}.driver-v5-tour-hero-grid span{font-size:8px;color:#8193ac}.driver-v5-tour-hero-grid strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-v5-start-inline{margin-top:14px}.driver-v5-next-stop{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #dce4ef;border-radius:20px;padding:17px;margin-bottom:22px;box-shadow:0 11px 30px rgba(12,23,40,.055)}.driver-v5-next-head{display:flex;justify-content:space-between}.driver-v5-next-head>span:last-child{font-size:10px;font-weight:850;color:#7b8798}.driver-v5-next-stop h2{font-size:21px;margin:7px 0 5px;letter-spacing:-.025em}.driver-v5-next-stop>p{font-size:12px;color:#687589;line-height:1.5;margin:0}.driver-v5-window{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#eef2f7;padding:7px 9px;border-radius:9px;font-size:10px;font-weight:800;color:#4d5d73}.driver-v5-contact-btn{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce3ec;border-radius:11px;padding:10px;background:#fff;font-size:11px;font-weight:800}.driver-v5-stop-list{display:flex;flex-direction:column}.driver-v5-stop{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;position:relative}.driver-v5-stop-rail{display:flex;flex-direction:column;align-items:center}.driver-v5-stop-number{width:29px;height:29px;border-radius:10px;background:#e9edf3;color:#526074;display:grid;place-items:center;font-size:10px;font-weight:900;border:1px solid #dce2ea}.driver-v5-stop-rail i{width:2px;flex:1;min-height:18px;background:#dde3eb;margin:4px 0}.driver-v5-stop:last-child .driver-v5-stop-rail i{display:none}.driver-v5-stop.is-next .driver-v5-stop-number{background:#172945;color:#fff;border-color:#172945;box-shadow:0 0 0 5px rgba(23,41,69,.08)}.driver-v5-stop.is-completed .driver-v5-stop-number{background:#dff5ea;color:#0a7b50;border-color:#bee9d5}.driver-v5-stop-content{background:#fff;border:1px solid #e2e7ee;border-radius:17px;padding:13px;margin-bottom:11px;min-width:0}.driver-v5-stop.is-next .driver-v5-stop-content{border-color:#aebcce;box-shadow:0 10px 30px rgba(12,23,40,.07)}.driver-v5-stop-head{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}.driver-v5-stop-head small{font-size:8px;color:#8b97a8;font-weight:900;letter-spacing:.09em}.driver-v5-stop-head h3{font-size:15px;margin:3px 0 0;line-height:1.2}.driver-v5-address,.driver-v5-stop-time{display:flex;align-items:flex-start;gap:6px;color:#69768a;font-size:11px;line-height:1.45;margin:9px 0 0}.driver-v5-address svg,.driver-v5-stop-time svg{flex:0 0 auto;margin-top:1px}.driver-v5-note{margin-top:10px;background:#f6f8fb;border-radius:10px;padding:9px 10px;color:#59677b;font-size:10px;line-height:1.5}.driver-v5-proof-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.driver-v5-proof-row span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;background:#fff4ed;color:#a45a20;font-size:8px;font-weight:850}.driver-v5-proof-row span.done{background:#e9f8f0;color:#117649}.driver-v5-actions{margin-top:12px;border-top:1px solid #eef1f5;padding-top:12px;display:flex;flex-direction:column;gap:10px}.driver-v5-action-primary{width:100%;border:0;border-radius:14px;background:#13233b;color:#fff;padding:9px 10px;min-height:58px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;text-align:left}.driver-v5-action-primary>span{width:35px;height:35px;border-radius:11px;background:rgba(255,255,255,.09);display:grid;place-items:center}.driver-v5-action-primary div{display:flex;flex-direction:column}.driver-v5-action-primary small{font-size:7px;color:#96aac5;letter-spacing:.1em;font-weight:900}.driver-v5-action-primary strong{font-size:13px;margin-top:2px}.driver-v5-proof-form{display:grid;grid-template-columns:1fr auto;gap:7px}.driver-v5-proof-upload{min-height:48px;border:1px dashed #cbd4df;border-radius:12px;background:#f8fafc;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:7px;color:#4b5b70;cursor:pointer}.driver-v5-proof-upload input{position:absolute;opacity:0;width:1px;height:1px}.driver-v5-small-submit{border:0;border-radius:11px;background:#e9edf3;color:#334257;padding:0 13px;font-size:10px;font-weight:850}.driver-v5-signature-box,.driver-v5-scan-box{border:1px solid #e2e6ec;border-radius:13px;padding:10px;background:#fbfcfe}.driver-v5-proof-title{display:flex;align-items:center;gap:6px;margin-bottom:8px}.driver-v5-proof-title strong{font-size:11px}.driver-v5-proof-title span{margin-left:auto;font-size:8px;color:#909bad}.driver-v5-signature-box input,.driver-v5-scan-box input,.driver-v5-scan-box select,.driver-v5-complete-form input,.driver-v5-complete-form textarea{border:1px solid #dce2ea;border-radius:10px;background:#fff;padding:10px;font-size:12px;width:100%;outline:none}.driver-v5-signature-canvas{width:100%;height:130px;background:#fff;border:1px dashed #cbd3de;border-radius:10px;margin-top:7px;touch-action:none;display:block}.driver-v5-signature-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:6px;margin-top:6px}.driver-v5-signature-actions button,.driver-v5-scan-box button{border:0;border-radius:9px;padding:9px;font-size:9px;font-weight:850;background:#e9edf3;color:#35445a}.driver-v5-signature-actions button:last-child,.driver-v5-scan-box button{background:#172945;color:#fff}.driver-v5-scan-box form{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px}.driver-v5-scan-box button{grid-column:1/-1}.driver-v5-complete-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.driver-v5-complete-form label{font-size:9px}.driver-v5-complete-form textarea{resize:vertical}.driver-v5-complete-btn{grid-column:1/-1;border:0;border-radius:12px;background:#0d7b52;color:#fff;min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:900}.driver-v5-completed-meta{margin-top:10px;padding:8px 9px;border-radius:9px;background:#eaf8f0;color:#19744e;font-size:9px;font-weight:800}.driver-v5-login-body{margin:0;min-height:100dvh;background:radial-gradient(circle at 90% 0,rgba(71,91,216,.32),transparent 36%),linear-gradient(160deg,#07101e,#0c1829);color:#fff;display:grid;place-items:center;padding:20px}.driver-v5-login-shell{width:min(100%,450px)}.driver-v5-login-card{background:rgba(15,28,47,.78);border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.3);backdrop-filter:blur(20px)}.driver-v5-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px}.driver-v5-login-brand>span{width:43px;height:43px;border-radius:14px;background:#fff;color:#0d1728;display:grid;place-items:center;font-weight:950}.driver-v5-login-brand>div{display:flex;flex-direction:column}.driver-v5-login-brand small{font-size:10px;color:#8ea1bc}.driver-v5-login-brand strong{font-size:16px}.driver-v5-login-copy h1{font-size:38px;line-height:1.02;letter-spacing:-.05em;margin:7px 0 12px}.driver-v5-login-copy p{color:#9eafc4;font-size:12px;line-height:1.6;margin-bottom:24px}.driver-v5-login-form{display:flex;flex-direction:column;gap:13px}.driver-v5-login-form label{color:#afbdd0;font-size:10px}.driver-v5-login-form input{background:#0c1728;border-color:#26364c;color:#fff;padding:13px}.driver-v5-login-form button{min-height:51px;border:0;border-radius:13px;background:#fff;color:#101b2d;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-weight:900}.driver-v5-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.driver-v5-check input{width:auto}.driver-v5-login-foot{text-align:center;color:#71859f;font-size:9px;margin:18px 0 0}.driver-v5-form-error{padding:10px 12px;border-radius:10px;background:rgba(218,76,65,.15);border:1px solid rgba(242,111,102,.3);color:#ffb9b3;font-size:10px;margin-bottom:13px}.driver-portal-card{max-width:none}.driver-portal-status{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7f9fc;border:1px solid #e6eaf1;border-radius:14px;padding:13px;margin-bottom:14px}.driver-portal-status>div{display:flex;flex-direction:column;gap:2px}.driver-portal-status strong{font-size:13px}.driver-portal-status span,.driver-portal-status small{font-size:10px;color:#7d899b}.driver-portal-status.is-active{background:#f0fbf6;border-color:#cceedd}.driver-portal-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.driver-portal-form .button{min-height:45px}.driver-portal-disable{margin-top:12px}
@media(min-width:621px){.driver-v5-main{padding:25px 22px 30px}.driver-v5-tour-hero{margin:-25px -22px 22px;padding-left:22px;padding-right:22px}.driver-v5-primary-tour{padding:23px}.driver-v5-stop-content{padding:15px}}
@media(max-width:720px){.driver-portal-status{align-items:flex-start;flex-direction:column}.driver-portal-form{grid-template-columns:1fr}.driver-portal-form .button{width:100%}}
@media(max-width:390px){.driver-v5-tour-meta{grid-template-columns:1fr 1fr}.driver-v5-tour-meta>div:last-child{grid-column:1/-1}.driver-v5-tour-hero-grid{grid-template-columns:1fr 1fr}.driver-v5-tour-hero-grid>div:last-child{grid-column:1/-1}.driver-v5-complete-form{grid-template-columns:1fr}.driver-v5-complete-btn{grid-column:auto}.driver-v5-scan-box form{grid-template-columns:1fr}.driver-v5-scan-box button{grid-column:auto}}
.driver-v5-inline-error{padding:8px 9px;margin-bottom:7px;border-radius:9px;background:#fff0ef;color:#a62d26;border:1px solid #f0c6c3;font-size:9px;font-weight:800}

/* Transport OS v0.6 — Orders */
.content-area.orders-content{max-width:none;width:100%;margin:0;padding:24px 28px 44px}.order-page-head,.order-editor-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.order-page-head h1,.order-editor-head h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;margin:5px 0 5px}.order-page-head p,.order-editor-head p{margin:0;color:#6c788a}.order-editor-head>a,.order-editor-head>div>a{display:inline-block;font-size:12px;font-weight:800;color:#53647c;margin-bottom:18px}.order-editor-head-detail{align-items:center}.order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.order-metrics article{min-height:128px;background:#fff;border:1px solid #e2e7ef;border-radius:19px;padding:17px 18px;display:flex;flex-direction:column;box-shadow:0 7px 25px rgba(16,24,40,.035)}.order-metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#7d899a}.order-metrics strong{font-size:30px;letter-spacing:-.04em;margin-top:auto}.order-metrics small{font-size:9px;color:#98a2b3;margin-top:2px}.order-filter{display:flex;align-items:center;gap:9px;padding:10px;margin-bottom:14px}.order-search{position:relative;flex:1;display:block}.order-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8b97a8}.order-search input{padding-left:40px;min-height:43px}.order-filter select,.order-form-grid select,.order-assign-form select{border:1px solid #d9e0ea;border-radius:12px;padding:12px 13px;background:#fff;color:#101828;font:inherit;font-size:14px;outline:none}.order-filter select{min-width:190px}.order-list{overflow:hidden}.order-list-head,.order-row{display:grid;grid-template-columns:1.15fr 1.15fr 1.2fr .7fr .72fr 28px;gap:14px;align-items:center}.order-list-head{padding:11px 16px;background:#f8fafc;border-bottom:1px solid #e8ecf2;color:#8490a0;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.order-row{padding:14px 16px;border-bottom:1px solid #edf0f4;transition:.16s}.order-row:last-child{border-bottom:0}.order-row:hover{background:#fafcff}.order-row strong{display:block;font-size:12px}.order-row small{display:block;color:#8c98a8;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-id-cell strong{font-size:14px}.order-relation{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:6px;min-width:0}.order-relation span{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:750;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-relation i,.workflow-address i{font-style:normal;width:20px;height:20px;border-radius:7px;background:#e8edf5;color:#526174;display:grid;place-items:center;font-size:8px;font-weight:950;flex:0 0 auto}.order-relation span:last-child i,.workflow-address.delivery i{background:#e6f6ee;color:#0c7a51}.order-relation b{height:1px;background:#cfd7e2;position:relative}.order-relation b:after{content:"";position:absolute;right:-1px;top:-2px;border-left:4px solid #a7b2c1;border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}.order-row-arrow{color:#a7b1bf}.order-status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 9px;font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;background:#eef1f5;color:#5d6979}.order-status.status-ready{background:#fff4df;color:#9a5b00}.order-status.status-planned{background:#eaf0ff;color:#3451b2}.order-status.status-in_transit{background:#e3f6f0;color:#087454}.order-status.status-completed{background:#e5f7eb;color:#177044}.order-status.status-cancelled{background:#fff0ef;color:#ac342d}.order-empty{padding:35px;display:flex;align-items:center;justify-content:center;gap:13px;color:#69768a}.order-empty>span{width:50px;height:50px;border-radius:16px;background:#eef2f8;display:grid;place-items:center}.order-empty h3{margin:0 0 4px;color:#1b2738}.order-empty p{margin:0;font-size:11px}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.order-editor-form{display:flex;flex-direction:column;gap:14px}.order-form-section{position:relative;padding:22px 22px 24px;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px}.order-section-number{width:36px;height:36px;border-radius:12px;background:#111c2e;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:.08em}.order-section-title{display:flex;align-items:center;gap:10px;min-height:36px;flex-wrap:wrap}.order-section-title>span{font-size:9px;color:#8895a7;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.order-section-title h2{font-size:17px;margin:0;letter-spacing:-.02em}.order-inline-action{margin-left:auto;border:1px solid #dfe5ed;background:#f8fafc;border-radius:10px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;color:#4f5e73;font-size:9px;font-weight:850;cursor:pointer}.order-form-grid{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px;margin-top:17px}.order-form-grid label{font-size:10px}.order-form-grid input,.order-form-grid textarea,.order-form-grid select{font-size:13px}.order-form-grid textarea{width:100%;border:1px solid #d9e0ea;border-radius:12px;padding:12px 13px;background:#fff;color:#101828;outline:none;resize:vertical;font:inherit}.order-form-grid .span-2{grid-column:1/-1}.order-window{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.order-quantity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.order-check{border:1px solid #e1e6ed;border-radius:13px;padding:11px!important;display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;background:#fafbfd;cursor:pointer}.order-check input[type=checkbox]{width:16px;height:16px;accent-color:#16263e;margin-top:1px}.order-check input[type=hidden]{display:none}.order-check span{display:flex;flex-direction:column;gap:2px}.order-check strong{font-size:10px}.order-check small{font-size:8px;color:#8c98a9}.order-price-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.order-total{background:#0e192a;color:white;border-radius:15px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.order-total span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#91a2b9;font-weight:850}.order-total strong{font-size:22px;letter-spacing:-.03em}.order-savebar{position:sticky;bottom:14px;z-index:12;background:rgba(255,255,255,.92);border:1px solid #dfe5ed;box-shadow:0 14px 45px rgba(16,24,40,.12);backdrop-filter:blur(14px);border-radius:16px;padding:10px;display:flex;justify-content:flex-end;gap:8px}.order-workflow{display:flex;flex-direction:column;gap:12px;position:sticky;top:96px}.order-workflow-card{background:#fff;border:1px solid #e0e6ee;border-radius:19px;padding:18px}.order-workflow-card.dark{background:linear-gradient(145deg,#0c1728,#15243a);border-color:#182a43;color:#fff}.order-workflow-card h2{margin:6px 0 9px;font-size:22px;letter-spacing:-.035em}.order-workflow-card p{font-size:10px;line-height:1.55;color:#718095;margin:0 0 14px}.order-workflow-card.dark p{color:#9eafc4}.order-workflow-card form+.workflow-or{margin-top:10px}.workflow-primary,.workflow-secondary{width:100%;min-height:44px;gap:7px}.workflow-primary{background:#fff;color:#122037!important;margin-top:10px}.workflow-secondary{background:transparent!important;color:inherit!important;border-color:rgba(130,150,176,.35)!important;margin-top:8px}.order-assign-form label{color:#b8c5d6}.order-assign-form select{width:100%;background:#101e32;border-color:#293c56;color:#fff;margin-top:6px}.workflow-or{display:flex;align-items:center;gap:8px;color:#71849d;font-size:8px}.workflow-or:before,.workflow-or:after{content:"";height:1px;flex:1;background:#283950}.order-tour-link{background:rgba(255,255,255,.06);border-radius:13px;padding:12px;margin:13px 0 4px;display:flex;flex-direction:column}.order-tour-link span{font-size:8px;color:#8da0ba;text-transform:uppercase}.order-tour-link strong{font-size:17px;margin:3px 0}.order-tour-link small{font-size:9px;color:#a9b7c8}.workflow-address{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;margin-top:13px}.workflow-address i{width:24px;height:24px}.workflow-address div{display:flex;flex-direction:column}.workflow-address strong{font-size:11px}.workflow-address span{font-size:9px;color:#7f8b9c;line-height:1.45;margin-top:2px}.workflow-line{width:2px;height:23px;background:#dce3eb;margin:3px 0 3px 11px}.danger-zone{background:#fffafa;border-color:#f1d7d4}.danger-ghost{background:#fff;border:1px solid #efc9c5!important;color:#aa332b!important}.button.danger-solid{background:#b83b32;color:#fff}.order-editor-head>.order-status{font-size:9px;padding:8px 11px}
@media(max-width:1200px){.order-detail-layout{grid-template-columns:minmax(0,1fr) 300px}.order-list-head,.order-row{grid-template-columns:1.1fr 1fr 1fr .7fr .7fr 24px}.order-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.content-area.orders-content{padding:18px 16px 36px}.order-detail-layout{grid-template-columns:1fr}.order-workflow{position:static;order:-1}.order-list-head{display:none}.order-row{grid-template-columns:1fr auto;gap:10px}.order-row>div:nth-child(2),.order-row>div:nth-child(3),.order-row>div:nth-child(4){grid-column:1/-1}.order-row>div:nth-child(5){grid-column:2;grid-row:1}.order-row-arrow{display:none}.order-relation{max-width:500px}.order-form-section{grid-template-columns:36px minmax(0,1fr);padding:17px}.order-form-grid{grid-column:1/-1;margin-top:16px}.order-quantity-grid,.order-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.order-page-head,.order-editor-head{align-items:flex-start;flex-direction:column}.order-page-head>.button{width:100%}.order-metrics{grid-template-columns:1fr 1fr}.order-metrics article{min-height:105px}.order-metrics strong{font-size:24px}.order-filter{display:grid;grid-template-columns:1fr 1fr}.order-search{grid-column:1/-1}.order-filter select{min-width:0;width:100%}.order-form-grid,.order-quantity-grid,.order-price-grid{grid-template-columns:1fr}.order-form-grid .span-2,.order-total{grid-column:1}.order-check-grid{grid-template-columns:1fr}.order-window{grid-column:1}.order-savebar{bottom:8px}.order-savebar .button{flex:1}.order-form-section{display:block}.order-section-number{float:left;margin-right:10px}.order-section-title{min-height:36px}.order-inline-action{width:100%;margin:9px 0 0;justify-content:center}.order-form-grid{clear:both;padding-top:1px}.order-list{border-radius:16px}.order-row{padding:14px}.order-metrics article:nth-child(4) strong{font-size:19px}}
.driver-v6-orders{display:flex;flex-direction:column;gap:5px;margin-top:9px}.driver-v6-order{border:1px solid #e1e6ed;background:#f7f9fc;border-radius:10px;padding:8px 9px;display:grid;grid-template-columns:auto 1fr;gap:1px 7px;align-items:center}.driver-v6-order>span{grid-row:1/3;font-size:7px;letter-spacing:.08em;font-weight:900;color:#6e7e92;background:#e8edf4;padding:5px 6px;border-radius:7px}.driver-v6-order strong{font-size:10px}.driver-v6-order small{font-size:8px;color:#8490a0}
.customer-head-actions{display:flex;gap:8px;align-items:center}@media(max-width:720px){.customer-head-actions{width:100%;display:grid;grid-template-columns:1fr}.customer-head-actions .button{width:100%}}

/* Transport OS 0.7 · Billing */
.content-area.billing-content{max-width:none;width:100%;margin:0;padding:24px 28px 48px}.billing-head,.billing-editor-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}.billing-head h1,.billing-editor-head h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;margin:5px 0}.billing-head p,.billing-editor-head p{margin:0;color:#6c788a}.billing-editor-head>a,.billing-editor-head>div>a{font-size:12px;font-weight:800;color:#53647c}.billing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.billing-metrics article{background:#fff;border:1px solid #e2e7ef;border-radius:19px;padding:17px 18px;min-height:122px;display:flex;flex-direction:column;box-shadow:0 7px 25px rgba(16,24,40,.035)}.billing-metrics article>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#7d899a}.billing-metrics article>strong{font-size:27px;letter-spacing:-.04em;margin-top:auto}.billing-metrics article>small{font-size:9px;color:#98a2b3}.billing-metrics .metric-alert{border-color:#f3c7c2;background:#fffafa}.billing-metrics .metric-alert>strong{color:#b42318}.billing-filter{display:flex;gap:9px;padding:10px;margin-bottom:14px}.billing-filter select{border:1px solid #d9e0ea;border-radius:12px;padding:11px 13px;background:#fff;min-width:180px}.billing-search{flex:1}.billing-list{overflow:hidden}.billing-list-head,.billing-row{display:grid;grid-template-columns:1fr 1.2fr .9fr .65fr .8fr 22px;gap:14px;align-items:center}.billing-list-head{padding:11px 16px;background:#f8fafc;border-bottom:1px solid #e8ecf2;color:#8490a0;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.billing-row{padding:14px 16px;border-bottom:1px solid #edf0f4;transition:.16s}.billing-row:last-child{border-bottom:0}.billing-row:hover{background:#fafcff}.billing-row strong{display:block;font-size:12px}.billing-row small{display:block;color:#8c98a8;font-size:9px;margin-top:4px}.billing-row-arrow{color:#a7b1bf;font-size:20px}.billing-status{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;background:#eef1f5;color:#5d6979}.billing-status.status-draft{background:#fff4df;color:#9a5b00}.billing-status.status-issued{background:#eaf0ff;color:#3451b2}.billing-status.status-paid{background:#e5f7eb;color:#177044}.billing-status.status-cancelled{background:#fff0ef;color:#ac342d}.billing-empty{padding:42px;text-align:center;color:#6c788a}.billing-empty.compact{padding:28px}.billing-empty strong{color:#1b2738}.billing-empty p{font-size:11px;margin:6px 0 0}.billing-pagination{margin-top:14px}.billing-customer-picker{padding:24px}.billing-customer-picker>span{font-size:9px;letter-spacing:.1em;font-weight:900;color:#8090a5}.billing-customer-picker h2{font-size:24px;margin:6px 0 18px}.billing-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.billing-customer-grid>a{border:1px solid #e0e6ee;border-radius:16px;padding:16px;display:flex;flex-direction:column;min-height:112px;background:#fff}.billing-customer-grid>a:hover{border-color:#9fb3dc;box-shadow:0 9px 25px rgba(16,24,40,.06)}.billing-customer-grid small{color:#8290a2;margin-top:4px}.billing-customer-grid span{margin-top:auto;font-size:10px;font-weight:850;color:#3451b2}.billing-selected-customer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:13px}.billing-selected-customer>div{display:grid}.billing-selected-customer span{font-size:8px;letter-spacing:.1em;color:#8794a6;font-weight:900}.billing-selected-customer small{color:#8490a0}.billing-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.billing-editor-main{display:flex;flex-direction:column;gap:14px}.billing-form-section{padding:21px}.billing-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.billing-section-head>span{width:34px;height:34px;border-radius:11px;background:#111c2e;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.billing-section-head h2{margin:0;font-size:18px}.billing-section-head p{margin:3px 0 0;color:#7b8899;font-size:10px}.billing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-form-grid .span-2{grid-column:1/-1}.billing-form-grid textarea{width:100%;border:1px solid #d9e0ea;border-radius:12px;padding:12px 13px;resize:vertical;font:inherit}.billing-order-select{display:flex;flex-direction:column;border:1px solid #e3e8ef;border-radius:15px;overflow:hidden}.billing-order-option{display:grid!important;grid-template-columns:20px 20px minmax(0,1fr) auto;gap:10px;align-items:center!important;padding:13px 14px;border-bottom:1px solid #edf0f4;background:#fff;cursor:pointer}.billing-order-option:last-child{border-bottom:0}.billing-order-option:hover{background:#fafcff}.billing-order-option input{width:18px;height:18px;opacity:0;position:absolute}.billing-order-check{width:18px;height:18px;border:2px solid #c9d1dc;border-radius:6px;display:block}.billing-order-option input:checked+.billing-order-check{background:#14233a;border-color:#14233a;box-shadow:inset 0 0 0 4px #fff}.billing-order-option>div{display:flex;flex-direction:column}.billing-order-option small{font-size:9px;color:#8290a0}.billing-order-option em{font-size:8px;color:#66758a;font-style:normal;margin-top:3px}.billing-order-option>b{font-size:12px}.billing-summary-card{position:sticky;top:96px;background:linear-gradient(145deg,#0c1728,#15243a);color:white;border-radius:20px;padding:20px;box-shadow:0 18px 45px rgba(13,24,42,.17)}.billing-summary-card>span{font-size:8px;letter-spacing:.12em;color:#8fa2bb;font-weight:900}.billing-summary-card>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.billing-summary-card small{color:#9eafc4}.billing-summary-card strong{font-size:15px}.billing-summary-card .billing-grand{border-top:1px solid rgba(255,255,255,.16);border-bottom:0;margin-top:5px;padding-top:17px}.billing-summary-card .billing-grand strong{font-size:23px}.billing-summary-card>p{font-size:9px;color:#90a1b8;line-height:1.55;margin:10px 0 16px}.billing-document-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.billing-document{padding:26px}.billing-doc-address{max-width:460px;margin-bottom:26px}.billing-doc-address>span,.billing-doc-meta span,.billing-note span,.billing-action-card>span{font-size:8px;letter-spacing:.1em;font-weight:900;color:#8491a2}.billing-doc-address>strong{display:block;font-size:17px;margin:5px 0}.billing-doc-address p{font-size:11px;color:#526174;line-height:1.6;margin:0}.billing-doc-address small{color:#8490a0}.billing-doc-meta{display:grid;grid-template-columns:repeat(4,1fr);background:#f7f9fc;border:1px solid #e3e8ef;border-radius:14px;margin-bottom:18px}.billing-doc-meta>div{padding:12px;border-right:1px solid #e3e8ef}.billing-doc-meta>div:last-child{border:0}.billing-doc-meta strong{display:block;font-size:10px;margin-top:4px}.billing-item-table{border:1px solid #e3e8ef;border-radius:14px;overflow:hidden}.billing-item-head,.billing-item-row{display:grid;grid-template-columns:45px minmax(0,1fr) .65fr .35fr;gap:10px;align-items:center;padding:11px 13px}.billing-item-head{background:#f7f9fc;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8491a2;font-weight:900}.billing-item-row{border-top:1px solid #edf0f4;font-size:10px}.billing-item-row small{display:block;color:#8b97a7;margin-top:3px}.billing-totals{margin:17px 0 0 auto;width:min(420px,100%)}.billing-totals>div{display:flex;justify-content:space-between;padding:7px 0}.billing-total-main{border-top:2px solid #172033;margin-top:4px;padding-top:12px!important}.billing-total-main strong{font-size:20px}.billing-note{margin-top:20px;background:#f7f9fc;border-radius:13px;padding:13px}.billing-note p{margin:5px 0 0;color:#68778b;font-size:10px}.billing-actions-panel{display:flex;flex-direction:column;gap:11px;position:sticky;top:96px}.billing-action-card{background:#fff;border:1px solid #e0e6ee;border-radius:19px;padding:18px}.billing-action-card.dark{background:linear-gradient(145deg,#0c1728,#15243a);border-color:#182a43;color:#fff}.billing-action-card h2{font-size:23px;margin:5px 0 8px}.billing-action-card h3{font-size:15px;margin:5px 0 7px}.billing-action-card p{font-size:10px;line-height:1.55;color:#718095;margin:0 0 12px}.billing-action-card.dark p{color:#9eafc4}.billing-action-card .workflow-primary{background:#fff;color:#122037;margin-top:6px}.billing-action-card .workflow-secondary{color:#fff!important;border-color:#40546f!important;margin-top:8px}.billing-head-actions{display:flex;align-items:center;gap:7px}.billing-confirm{border:0;border-radius:22px;padding:27px;width:min(420px,calc(100vw - 28px));text-align:center;box-shadow:0 30px 100px rgba(11,18,32,.28)}.billing-confirm::backdrop{background:rgba(6,12,22,.62);backdrop-filter:blur(5px)}.billing-confirm h3{font-size:21px;margin:0 0 7px}.billing-confirm p{font-size:12px;line-height:1.5;color:#667085}.billing-confirm>div:last-child{display:flex;justify-content:center;gap:8px;margin-top:18px}
@media(max-width:1100px){.billing-metrics{grid-template-columns:repeat(2,1fr)}.billing-editor-grid,.billing-document-grid{grid-template-columns:minmax(0,1fr) 280px}.billing-customer-grid{grid-template-columns:repeat(2,1fr)}.billing-list-head,.billing-row{grid-template-columns:1fr 1.1fr .8fr .6fr .7fr 18px}}
@media(max-width:820px){.content-area.billing-content{padding:18px 16px 38px}.billing-editor-grid,.billing-document-grid{grid-template-columns:1fr}.billing-summary-card,.billing-actions-panel{position:static}.billing-actions-panel{order:-1}.billing-list-head{display:none}.billing-row{grid-template-columns:1fr auto;gap:9px}.billing-row>div:nth-child(2),.billing-row>div:nth-child(3){grid-column:1/-1}.billing-row>div:nth-child(4){grid-column:2;grid-row:1}.billing-row>div:nth-child(5){grid-column:1/-1;text-align:left}.billing-row-arrow{display:none}.billing-doc-meta{grid-template-columns:1fr 1fr}.billing-doc-meta>div:nth-child(2){border-right:0}.billing-doc-meta>div:nth-child(-n+2){border-bottom:1px solid #e3e8ef}}
@media(max-width:620px){.billing-head,.billing-editor-head{align-items:flex-start;flex-direction:column}.billing-head>.button{width:100%}.billing-metrics{grid-template-columns:1fr 1fr}.billing-metrics article{min-height:105px;padding:13px}.billing-metrics article>strong{font-size:21px}.billing-filter{display:grid;grid-template-columns:1fr 1fr}.billing-search{grid-column:1/-1}.billing-filter select{min-width:0;width:100%}.billing-customer-grid{grid-template-columns:1fr}.billing-selected-customer{align-items:flex-start;gap:12px;flex-direction:column}.billing-selected-customer .button{width:100%}.billing-form-grid{grid-template-columns:1fr}.billing-form-grid .span-2{grid-column:1}.billing-order-option{grid-template-columns:18px minmax(0,1fr) auto}.billing-order-option>input{display:none}.billing-order-check{grid-column:1}.billing-order-option>div{grid-column:2}.billing-order-option>b{grid-column:3}.billing-document{padding:17px}.billing-item-head,.billing-item-row{grid-template-columns:34px minmax(0,1fr) 90px}.billing-item-head>span:nth-child(3),.billing-item-row>span:nth-child(3){display:none}.billing-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.billing-head-actions .billing-status{grid-column:1/-1}.billing-head-actions .button{width:100%}}


/* === 0.7.2 Unified Search & Filter Bars ========================== */
.app-filterbar{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) minmax(170px,220px) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 14px!important;
}
.app-filterbar--embedded{margin:0!important}
.app-filterbar .app-filter-search{
    min-width:0;
    width:100%;
    height:46px;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 13px!important;
    border:1px solid #d9e0ea!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#7b8799;
    box-shadow:0 1px 2px rgba(16,24,40,.025);
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.app-filterbar .app-filter-search:focus-within{
    border-color:#8da4e8!important;
    box-shadow:0 0 0 4px rgba(49,94,251,.08)!important;
    background:#fff!important;
}
.app-filterbar .app-filter-search svg{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    flex:0 0 auto;
    color:#7d899a;
}
.app-filterbar .app-filter-search input{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#172033!important;
    font-size:14px!important;
    line-height:44px!important;
}
.app-filterbar .app-filter-search input::placeholder{color:#98a2b3;opacity:1}
.app-filterbar .app-filter-select{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    margin:0!important;
    padding:0 38px 0 13px!important;
    border:1px solid #d9e0ea!important;
    border-radius:13px!important;
    background-color:#fff!important;
    color:#27364a!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:700!important;
    outline:none!important;
    box-shadow:0 1px 2px rgba(16,24,40,.025);
    transition:border-color .16s ease,box-shadow .16s ease;
}
.app-filterbar .app-filter-select:focus{
    border-color:#8da4e8!important;
    box-shadow:0 0 0 4px rgba(49,94,251,.08)!important;
}
.app-filterbar .app-filter-button{
    height:46px!important;
    min-height:46px!important;
    min-width:104px;
    margin:0!important;
    padding:0 18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap;
    border-radius:13px!important;
    font-size:13px!important;
    font-weight:800!important;
}
.customer-filter.app-filterbar,.resource-filter.app-filterbar{
    border-bottom:1px solid #eef1f5;
}
.order-filter.app-filterbar,.billing-filter.app-filterbar{
    margin-bottom:14px!important;
}
@media(max-width:760px){
    .app-filterbar{
        grid-template-columns:minmax(0,1fr) minmax(150px,.42fr)!important;
    }
    .app-filterbar .app-filter-search{grid-column:1/-1}
    .app-filterbar .app-filter-button{width:100%;min-width:0}
}
@media(max-width:520px){
    .app-filterbar{
        grid-template-columns:1fr!important;
        padding:11px!important;
    }
    .app-filterbar .app-filter-search,
    .app-filterbar .app-filter-select,
    .app-filterbar .app-filter-button{grid-column:1!important;width:100%!important}
}