/* FleetLume Enterprise Operations v11 */
:root{
  --v11-navy:#081927;--v11-navy-2:#0d2b3d;--v11-blue:#1677ff;--v11-cyan:#28c8d7;
  --v11-green:#16a36f;--v11-amber:#e59a18;--v11-red:#df4558;--v11-purple:#7359e8;
  --v11-ink:#12263a;--v11-muted:#63758a;--v11-line:#dbe5ee;--v11-soft:#f4f7fa;
  --v11-radius:18px;--v11-shadow:0 12px 36px rgba(15,43,68,.09);
}
body.ui-v11{--fl-sidebar-width:270px;background:#edf3f7;color:var(--v11-ink)}
body.ui-v11 .main-content{min-width:0}
body.ui-v11 .page-content{padding-bottom:72px}
body.ui-v11 .sidebar{box-shadow:12px 0 34px rgba(5,23,38,.12)}
body.ui-v11 .dashboard-welcome h1,body.ui-v11 .dashboard-welcome h1 span,body.ui-v11 .dashboard-welcome-copy>p,body.ui-v11 .dashboard-kicker,body.ui-v11 .health-chip strong{color:#fff!important}
body.ui-v11 .dashboard-welcome-copy>p,body.ui-v11 .health-chip small{color:rgba(255,255,255,.74)!important}
body.ui-v11 .dashboard-welcome{min-height:250px;padding:38px;background:linear-gradient(125deg,#08273a 0%,#0c5264 100%)}
body.ui-v11 .dashboard-welcome-side{z-index:2}
body.ui-v11 .dashboard-revenue-pill{position:relative;z-index:3;background:rgba(255,255,255,.94)}
body.ui-v11 .metric-card{min-height:150px;padding:24px;align-items:center}
body.ui-v11 .metric-card .metric-content{gap:5px}
body.ui-v11 .metric-card .metric-content small{font-size:13px;color:#536981}
body.ui-v11 .metric-card .metric-content em{font-size:12px;color:#71849a}
body.ui-v11 .metric-card .metric-icon{flex:0 0 56px;width:56px;height:56px}
body.ui-v11 .v11-heading{background:linear-gradient(125deg,#0a2639,#0d5062);color:#fff}
body.ui-v11 .v11-heading h1,body.ui-v11 .v11-heading p,body.ui-v11 .v11-heading .eyebrow{color:#fff}
body.ui-v11 .v11-heading>div>p:last-child{color:rgba(255,255,255,.72)}
body.ui-v11 .v11-heading .btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
body.ui-v11 .v11-heading .btn-light:hover{background:#fff;color:var(--v11-ink)}

.v11-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}
.v11-metric{position:relative;overflow:hidden;min-height:126px;padding:22px;border:1px solid var(--v11-line);border-radius:var(--v11-radius);background:#fff;box-shadow:0 6px 18px rgba(18,47,72,.05)}
.v11-metric:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-34px;bottom:-38px;background:rgba(22,119,255,.08)}
.v11-metric small,.v11-metric span{display:block;color:var(--v11-muted)}
.v11-metric small{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.v11-metric strong{display:block;margin:7px 0 4px;font-size:34px;line-height:1;color:var(--v11-ink)}
.v11-metric.tone-success:after{background:rgba(22,163,111,.1)}.v11-metric.tone-warning:after{background:rgba(229,154,24,.12)}.v11-metric.tone-danger:after{background:rgba(223,69,88,.11)}
.v11-two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px;margin-bottom:20px}
.v11-wide,.span-2{grid-column:span 2}.v11-check{display:flex!important;align-items:center;gap:9px;min-height:44px}.v11-check input{width:auto!important}.v11-check span{margin:0!important}

/* Command center */
.v11-assignment-panel{margin-bottom:22px;padding:0}
.v11-assignment-panel .panel-header{padding:22px 24px;border-bottom:1px solid var(--v11-line)}
.v11-assignment-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;padding:22px 24px 12px;align-items:end}
.v11-assignment-form label{display:grid;gap:7px}.v11-assignment-form label>span{font-size:12px;font-weight:800;color:#536a82}
.v11-validation{margin:0 24px 24px;padding:16px;border:1px dashed #b9cce0;border-radius:14px;background:#f6f9fc;color:#52687e}
.v11-validation.is-loading{opacity:.65}.v11-validation.is-blocked{border-color:#efb2ba;background:#fff5f6}.v11-validation.is-clear{border-color:#9dd9c1;background:#f2fbf7}
.v11-validation ul{margin:8px 0 0;padding-left:20px}.v11-validation strong{color:var(--v11-ink)}
.v11-dispatch-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:14px;overflow-x:auto;padding:2px 2px 18px;margin-bottom:20px;scroll-snap-type:x proximity}
.v11-board-column{scroll-snap-align:start;min-height:440px;border:1px solid #d8e3ec;border-radius:18px;background:#eaf0f5}
.v11-board-column>header{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid #d5e0e9;color:#354c63}
.v11-board-column>header span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:99px;background:#fff;font-weight:800}
.v11-board-dropzone{display:grid;gap:11px;align-content:start;padding:12px;min-height:380px}
.v11-board-dropzone.is-over{outline:2px dashed var(--v11-blue);outline-offset:-7px;background:rgba(22,119,255,.06)}
.v11-load-card{padding:15px;border:1px solid #d8e2eb;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(15,44,70,.06);cursor:grab}
.v11-load-card.is-dragging{opacity:.45;transform:rotate(1deg)}
.v11-load-card-top,.v11-load-card footer{display:flex;align-items:center;justify-content:space-between;gap:9px}
.v11-load-card-top strong{font-size:15px}.v11-risk-pill{padding:4px 7px;border-radius:99px;background:#fff0f2;color:#c62e43;font-size:10px;font-weight:850}
.v11-load-card>p{display:flex;align-items:center;gap:6px;margin:12px 0;color:#365169;font-weight:700;font-size:12px}.v11-load-card>p span{color:var(--v11-blue)}
.v11-load-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 13px}.v11-load-card dl div{min-width:0}.v11-load-card dt{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#8290a0}.v11-load-card dd{margin:2px 0 0;font-size:11px;font-weight:750;color:#40566c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v11-load-card footer{border-top:1px solid #edf1f5;padding-top:10px}.v11-load-card footer a,.v11-load-card footer button{border:0;background:none;color:var(--v11-blue);font-size:11px;font-weight:800;cursor:pointer}
.v11-board-empty{padding:30px 15px;border:1px dashed #bccbd8;border-radius:13px;text-align:center;color:#8494a4;font-size:12px}
.v11-exception-strip{margin-bottom:20px}.v11-exception-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v11-exception-list a{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:14px;border:1px solid var(--v11-line);border-radius:13px;background:#fff;color:inherit}.v11-exception-list a>span{grid-row:span 2;align-self:start;padding:4px 6px;border-radius:7px;background:#eef4fa;font-size:9px;font-weight:900}.v11-exception-list a.severity-critical>span{background:#ffebee;color:#c72d42}.v11-exception-list a small{color:var(--v11-muted)}

/* Exceptions */
.v11-exception-center{display:grid;gap:14px}.v11-exception-card{position:relative;padding:20px 22px;border:1px solid var(--v11-line);border-left:5px solid #8fa1b4;border-radius:17px;background:#fff;box-shadow:0 6px 20px rgba(18,45,68,.05)}
.v11-exception-card.severity-critical{border-left-color:var(--v11-red)}.v11-exception-card.severity-high{border-left-color:#ee7a2f}.v11-exception-card.severity-warning{border-left-color:var(--v11-amber)}
.v11-exception-card>header,.v11-exception-card>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.v11-exception-card>header time{font-size:11px;color:var(--v11-muted)}
.v11-severity{display:inline-flex;padding:5px 8px;border-radius:7px;background:#f0f4f8;color:#5c7186;font-size:9px;font-weight:900;margin-right:7px}.severity-critical .v11-severity{background:#ffebee;color:#c92d42}.severity-high .v11-severity{background:#fff0e5;color:#c15c18}.severity-warning .v11-severity{background:#fff7e7;color:#9f6a09}
.v11-exception-card h2{margin:14px 0 5px;font-size:18px}.v11-exception-card>p{margin:0 0 14px;color:#586e83}.v11-exception-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:14px}.v11-exception-meta span{display:grid}.v11-exception-meta small{font-size:9px;text-transform:uppercase;color:#8493a2}.v11-exception-meta strong{font-size:12px;color:#3b5369}
.v11-recommendation{padding:13px 15px;border-radius:12px;background:#f3f7fb}.v11-recommendation strong{font-size:11px}.v11-recommendation p{margin:3px 0 0;color:#526b82;font-size:12px}.v11-exception-card>footer{margin-top:16px;padding-top:14px;border-top:1px solid #edf1f4}.v11-exception-card>footer form{display:flex;gap:8px;flex-wrap:wrap}.v11-resolve-form{flex:1;justify-content:flex-end}.v11-resolve-form input{min-width:220px}

/* Inspection */
.v11-inspection-form{display:grid;gap:20px}.v11-checklist{display:grid;gap:8px}.v11-check-row{display:grid;grid-template-columns:minmax(170px,1fr) 130px 120px minmax(200px,1.3fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid #e1e9ef;border-radius:12px;background:#fafcfd}.v11-check-row strong{font-size:12px}.v11-signature{width:100%;max-width:520px;height:130px;border:1px dashed #9fb4c8;border-radius:12px;background:#fff;touch-action:none}.v11-card-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v11-record-card{display:flex;flex-direction:column;padding:17px;border:1px solid var(--v11-line);border-radius:15px;background:#fff}.v11-record-card>header,.v11-record-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.v11-record-card h3{font-size:14px;margin:13px 0}.v11-record-card h3 span{color:var(--v11-blue)}.v11-record-card>p{color:#607488}.v11-record-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 15px}.v11-record-card dt{font-size:9px;text-transform:uppercase;color:#8493a1}.v11-record-card dd{margin:2px 0;font-weight:750;font-size:12px}.v11-record-card>footer{margin-top:auto;padding-top:12px;border-top:1px solid #eef2f5}.v11-record-card>footer form{display:flex;gap:7px;flex-wrap:wrap}.v11-record-card.severity-critical{border-color:#efb6be}.v11-record-card.severity-warning{border-color:#efd8a4}

/* Acquisition, workflow and system */
.v11-rate-result{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:20px;overflow:hidden;border:1px solid #c9d9e7;border-radius:18px;background:#c9d9e7}.v11-rate-result>div{padding:20px;background:#fff}.v11-rate-result small{display:block;color:var(--v11-muted)}.v11-rate-result strong{display:block;margin-top:5px;font-size:19px}
.v11-integration-note{margin-top:18px;padding:16px;border-radius:13px;background:#eef6ff}.v11-integration-note p{margin:5px 0 0;color:#5c7186}.v11-integration-note code{word-break:break-all}
.v11-workflow-actions{display:grid;gap:8px;padding:15px;border-radius:14px;background:#f4f7fa}.v11-workflow-actions>div{display:grid;grid-template-columns:1.1fr 1.1fr 1.3fr 1fr 100px;gap:7px}.v11-feature-list{display:grid;gap:12px}.v11-feature-list>div{padding:15px;border:1px solid var(--v11-line);border-radius:13px;background:#fafcfd}.v11-feature-list p{margin:4px 0 0;color:var(--v11-muted)}
.v11-secret-banner{display:grid;gap:5px;margin-bottom:16px;padding:18px;border:1px solid #9fd6c0;border-radius:15px;background:#f1fbf7}.v11-secret-banner code{padding:10px;border-radius:9px;background:#10283a;color:#eafaff;word-break:break-all}.v11-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v11-permission-grid label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e0e8ef;border-radius:9px;background:#fafcfd;font-size:11px}.v11-permission-grid input{width:auto}.v11-permission-users{display:grid;gap:10px}.v11-permission-users details{border:1px solid var(--v11-line);border-radius:13px;background:#fff}.v11-permission-users summary{display:flex;align-items:center;justify-content:space-between;padding:15px;cursor:pointer}.v11-permission-users summary span:first-child{display:grid}.v11-permission-users summary small{color:var(--v11-muted)}.v11-permission-users form{padding:0 15px 15px}.v11-permission-users fieldset{margin:10px 0;padding:12px;border:1px solid #e2e9ef;border-radius:11px}.v11-permission-users legend{padding:0 6px;font-size:11px;font-weight:800;color:#536a80}
.v11-list{display:grid}.v11-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f5}.v11-list>div>span:first-child{display:grid;flex:1}.v11-list small{color:var(--v11-muted)}
.v11-progress-ring{display:grid;place-items:center;align-content:center;width:130px;height:130px;border-radius:50%;background:conic-gradient(#2bd0c0 calc(var(--progress)*1%),rgba(255,255,255,.14) 0);position:relative}.v11-progress-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0c394b}.v11-progress-ring strong,.v11-progress-ring span{position:relative;color:#fff}.v11-progress-ring strong{font-size:25px}.v11-progress-ring span{font-size:10px}.v11-onboarding{padding:22px}.v11-onboarding-track{height:8px;border-radius:99px;background:#e5edf3;overflow:hidden;margin-bottom:20px}.v11-onboarding-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v11-blue),var(--v11-cyan))}.v11-onboarding article{display:grid;grid-template-columns:45px 1fr auto auto;gap:15px;align-items:center;padding:15px;border-bottom:1px solid #e9eef2}.v11-onboarding article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9f1f8;font-weight:900}.v11-onboarding article.is-complete>span{background:#dff6ec;color:#087a51}.v11-onboarding article p{margin:3px 0 0;color:var(--v11-muted)}.v11-numbered{display:grid;gap:12px;padding-left:25px}.v11-numbered li{padding-left:6px;color:#50667a}

/* Messaging */
.v11-messenger{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;min-height:680px}.v11-thread-list{padding:0;overflow:hidden}.v11-thread-search{padding:14px;border-bottom:1px solid var(--v11-line)}.v11-thread-search input{width:100%}.v11-thread-list>a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:14px;border-bottom:1px solid #edf2f5;color:inherit}.v11-thread-list>a:hover,.v11-thread-list>a.is-active{background:#eef6ff}.v11-thread-list>a div{min-width:0}.v11-thread-list>a strong,.v11-thread-list>a p,.v11-thread-list>a small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v11-thread-list>a p{margin:3px 0;color:#61758a;font-size:11px}.v11-thread-list>a small,.v11-thread-list>a time{font-size:9px;color:#8997a5}.v11-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--v11-blue),var(--v11-cyan));color:#fff;font-weight:900}.v11-conversation{display:grid;grid-template-rows:auto 1fr auto;padding:0;overflow:hidden}.v11-conversation>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--v11-line)}.v11-conversation>header h2{margin:2px 0}.v11-messages{display:flex;flex-direction:column;gap:14px;padding:20px;overflow:auto;max-height:600px}.v11-message{display:flex;gap:9px;max-width:75%}.v11-message>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7eff6;font-size:10px;font-weight:800}.v11-message>div{padding:11px 13px;border-radius:4px 14px 14px 14px;background:#f1f5f8}.v11-message.mine{align-self:flex-end;flex-direction:row-reverse}.v11-message.mine>div{background:#e7f2ff;border-radius:14px 4px 14px 14px}.v11-message p{margin:4px 0}.v11-message time{font-size:9px;color:#8090a0}.v11-message-form{padding:14px;border-top:1px solid var(--v11-line);background:#fafcfd}.v11-message-form textarea{width:100%;resize:vertical}.v11-message-form>div{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.v11-message-form label{display:flex;align-items:center;gap:5px}.v11-message-form input[type=checkbox]{width:auto}
.v11-dialog{width:min(680px,calc(100% - 28px));max-height:90dvh;padding:0;border:0;border-radius:20px;background:transparent;box-shadow:0 26px 80px rgba(3,20,34,.3)}.v11-dialog::backdrop{background:rgba(4,19,31,.62);backdrop-filter:blur(3px)}.v11-dialog>.panel,.v11-dialog>form{margin:0;max-height:90dvh;overflow:auto}

/* Driver PWA */
.role-driver.ui-v11 .page-content{padding:18px 18px 100px}.role-driver.ui-v11 .topbar{display:none}.role-driver.ui-v11 .main-content{padding-top:0}.driver-app-shell{max-width:760px;margin:0 auto}.driver-app-header{display:flex;align-items:center;justify-content:space-between;padding:18px 3px}.driver-app-header h1{margin:2px 0;font-size:29px}.driver-app-header p{margin:0;color:#607489}.driver-connectivity{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:99px;background:#e9f7f1;color:#087a51;font-size:11px;font-weight:800}.driver-connectivity i{width:8px;height:8px;border-radius:50%;background:#12a56e}.driver-connectivity.is-offline{background:#fff1e6;color:#a34e12}.driver-connectivity.is-offline i{background:#e47a2a}.driver-clock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.driver-clock-grid article{padding:14px;border:1px solid var(--v11-line);border-radius:15px;background:#fff}.driver-clock-grid small,.driver-clock-grid strong{display:block}.driver-clock-grid small{color:#718397;font-size:10px}.driver-clock-grid strong{margin:5px 0;font-size:17px}.driver-clock-grid progress{width:100%;height:5px;border:0}.driver-critical-banner{margin-bottom:14px;padding:14px;border:1px solid #efb5bc;border-radius:14px;background:#fff2f3}.driver-critical-banner p{margin:4px 0;color:#9a3040}.driver-trip-card{padding:18px;border-radius:22px;background:linear-gradient(140deg,#08283c,#0a5f70);color:#fff;box-shadow:0 18px 40px rgba(8,44,62,.22)}.driver-trip-card>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.driver-trip-card>header strong{font-size:18px}.driver-trip-card>header small{margin-left:auto;color:rgba(255,255,255,.7)}.driver-route{display:grid;gap:15px;margin:22px 0}.driver-route>div{display:grid;grid-template-columns:14px 1fr;gap:12px}.driver-route i{width:12px;height:12px;margin-top:5px;border:3px solid #43d6db;border-radius:50%}.driver-route>div:first-child i:after{content:"";display:block;width:2px;height:35px;margin:9px 0 0 2px;background:rgba(255,255,255,.28)}.driver-route span{display:grid}.driver-route small{color:rgba(255,255,255,.62)}.driver-route strong{font-size:15px}.driver-route time{color:rgba(255,255,255,.74);font-size:11px}.driver-next-stop{display:grid;gap:2px;padding:12px;border-radius:13px;background:rgba(255,255,255,.1)}.driver-next-stop small,.driver-next-stop span{color:rgba(255,255,255,.7)}.driver-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.driver-primary-actions .btn-light{background:#fff}.driver-alert-stack{display:grid;gap:8px;margin-top:14px}.driver-alert-stack article{display:flex;gap:11px;padding:13px;border-radius:14px;background:#fff;border-left:4px solid #e39824}.driver-alert-stack article.severity-critical{border-color:var(--v11-red)}.driver-alert-stack article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff0e5;color:#a94f13;font-weight:900}.driver-alert-stack p{margin:3px 0;color:#65788b}.driver-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.driver-action-grid>a,.driver-action-grid>button{display:grid;gap:4px;align-content:start;min-height:116px;padding:14px;border:1px solid var(--v11-line);border-radius:16px;background:#fff;color:inherit;text-align:left;cursor:pointer}.driver-action-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf3ff;color:var(--v11-blue);font-weight:900}.driver-action-grid small{color:#718399}.driver-stop-list article{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f5}.driver-stop-list article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf3f8;font-weight:850}.driver-stop-list article.is-complete>span{background:#ddf5ea;color:#0a7d53}.driver-stop-list article div{display:grid}.driver-stop-list small{color:#718399}.driver-no-trip{display:grid;place-items:center;text-align:center;padding:45px;border:1px dashed #b9c9d6;border-radius:20px;background:#fff}.driver-no-trip>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#ddf6ea;color:#08794f;font-size:24px}.driver-preferences{margin-top:14px}.driver-preferences form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.driver-preferences label{display:flex;gap:7px;align-items:center}.driver-preferences input{width:auto}.driver-dialog{max-width:520px}.driver-recorder{display:flex;gap:9px;align-items:center;flex-wrap:wrap}

/* Customer portal */
body.ui-v11.landing-body:has(.portal-shell){background:#eef3f7}.portal-shell{min-height:100dvh;color:var(--v11-ink)}.portal-brand{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:22px}.portal-brand img{width:210px}.portal-brand span{color:#65798e;font-weight:700}.portal-shell main{max-width:1180px;margin:auto;padding:10px 22px 50px}.portal-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px;border-radius:24px;background:linear-gradient(125deg,#08283b,#0d5c6d);color:#fff}.portal-hero h1{margin:5px 0;font-size:34px;color:#fff}.portal-hero h1 span{color:#48d5d4}.portal-hero p,.portal-hero .eyebrow{color:rgba(255,255,255,.72)}.portal-status{padding:10px 14px;border-radius:99px;background:#fff;color:#16415b;font-weight:850}.portal-progress{display:grid;grid-template-columns:repeat(5,1fr);padding:24px 0}.portal-progress>div{position:relative;display:grid;justify-items:center;gap:6px;color:#8291a0}.portal-progress>div:before{content:"";position:absolute;left:-50%;right:50%;top:16px;height:2px;background:#cfdae3}.portal-progress>div:first-child:before{display:none}.portal-progress i{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dae4ec;font-style:normal;font-weight:800}.portal-progress .is-complete{color:#0a8058}.portal-progress .is-complete i,.portal-progress .is-complete:before{background:#23b77e;color:#fff}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-card{margin-top:18px;padding:24px;border:1px solid var(--v11-line);border-radius:20px;background:#fff;box-shadow:var(--v11-shadow)}.portal-card h2{margin:4px 0 16px}.portal-card dl{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-card dt{font-size:10px;text-transform:uppercase;color:#8493a2}.portal-card dd{margin:3px 0;font-weight:800}.portal-timeline{display:grid;gap:13px}.portal-timeline>div{display:grid;grid-template-columns:14px 1fr;gap:10px}.portal-timeline i{width:11px;height:11px;margin-top:4px;border:2px solid #8fa5b8;border-radius:50%}.portal-timeline .is-complete i{border-color:#16a36f;background:#16a36f}.portal-timeline span{display:grid}.portal-timeline small{color:#718397}.portal-events{display:grid}.portal-events>div{display:grid;grid-template-columns:170px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f5}.portal-events p{margin:0}.portal-events time{color:#7b8b99;font-size:11px}.portal-documents{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-documents a{display:grid;padding:13px;border:1px solid #dde7ee;border-radius:12px;color:inherit}.portal-documents small{color:#718397}.portal-shell>footer{padding:25px;text-align:center;color:#7b8b99}.portal-form{max-width:850px;margin:20px auto}.portal-success{max-width:850px;margin:18px auto;padding:16px;border:1px solid #9fd9c1;border-radius:14px;background:#eefaf5}.portal-not-found{max-width:700px;margin:70px auto;text-align:center}.v11-recovery-login{margin-top:18px}.v11-recovery-login summary{cursor:pointer;color:var(--v11-blue);font-weight:750}.v11-recovery-login form{margin-top:12px}

/* Map controls */
.v11-map-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.v11-map-layer-controls{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:#fff}.v11-map-layer-controls label{display:flex;gap:5px;align-items:center;font-size:11px;font-weight:700}.v11-map-layer-controls input{width:auto}

@media(max-width:1200px){.v11-metric-grid{grid-template-columns:repeat(2,1fr)}.v11-card-table{grid-template-columns:repeat(2,1fr)}.v11-assignment-form{grid-template-columns:repeat(2,1fr)}.v11-exception-list{grid-template-columns:1fr 1fr}.v11-workflow-actions>div{grid-template-columns:1fr 1fr}.v11-workflow-actions>div>*:last-child{grid-column:span 2}.v11-messenger{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:900px){.v11-two-column,.portal-grid{grid-template-columns:1fr}.v11-messenger{grid-template-columns:1fr;min-height:0}.v11-thread-list{max-height:340px}.v11-conversation{min-height:540px}.v11-card-table{grid-template-columns:1fr}.v11-rate-result{grid-template-columns:1fr 1fr}.v11-onboarding article{grid-template-columns:42px 1fr auto}.v11-onboarding article form{grid-column:2/4}.portal-documents{grid-template-columns:1fr 1fr}.v11-check-row{grid-template-columns:1fr 120px}.v11-check-row input:last-child{grid-column:span 2}}
@media(max-width:720px){body.ui-v11 .page-content{padding:14px 14px 90px}.v11-metric-grid{grid-template-columns:1fr 1fr;gap:10px}.v11-metric{min-height:105px;padding:16px}.v11-metric strong{font-size:27px}.v11-assignment-form{grid-template-columns:1fr;padding:16px}.v11-assignment-panel .panel-header,.v11-validation{margin-left:16px;margin-right:16px}.v11-wide,.span-2{grid-column:auto}.v11-exception-list{grid-template-columns:1fr}.v11-exception-card{padding:16px}.v11-resolve-form{justify-content:flex-start}.v11-resolve-form input{min-width:0;flex:1}.v11-rate-result{grid-template-columns:1fr}.v11-workflow-actions>div{grid-template-columns:1fr}.v11-workflow-actions>div>*:last-child{grid-column:auto}.v11-permission-grid{grid-template-columns:1fr}.v11-onboarding{padding:12px}.v11-onboarding article{grid-template-columns:36px 1fr;padding:13px 5px}.v11-onboarding article>a,.v11-onboarding article>form{grid-column:2}.driver-clock-grid{grid-template-columns:1fr 1fr}.driver-clock-grid article:last-child{grid-column:span 2}.driver-action-grid{grid-template-columns:1fr 1fr}.driver-app-header h1{font-size:24px}.portal-brand{padding:15px}.portal-brand img{width:165px}.portal-brand span{display:none}.portal-shell main{padding:5px 14px 40px}.portal-hero{align-items:flex-start;flex-direction:column;padding:23px}.portal-hero h1{font-size:24px}.portal-progress{overflow-x:auto;grid-template-columns:repeat(5,minmax(110px,1fr));padding:18px 0}.portal-card{padding:18px}.portal-card dl{grid-template-columns:1fr}.portal-events>div{grid-template-columns:1fr}.portal-documents{grid-template-columns:1fr}.v11-message{max-width:92%}.v11-map-tools{grid-template-columns:1fr}}
@media(max-width:430px){.v11-metric-grid{grid-template-columns:1fr}.driver-action-grid{grid-template-columns:1fr 1fr}.driver-action-grid>a,.driver-action-grid>button{min-height:105px;padding:12px}.driver-primary-actions{grid-template-columns:1fr}.driver-clock-grid article{padding:11px}.v11-check-row{grid-template-columns:1fr}.v11-check-row input:last-child{grid-column:auto}.v11-record-card dl{grid-template-columns:1fr}.v11-dialog{width:calc(100% - 14px)}}

/* Load billing and customer visibility */
.v11-copy-row{display:flex;gap:10px}.v11-copy-row input{min-width:0;flex:1}.v11-charge-list{display:grid;gap:10px;margin-top:16px}.v11-charge-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line,#dce5ef);border-radius:14px;background:var(--surface-soft,#f7f9fc)}.v11-charge-item>div:first-child{display:grid;gap:3px;min-width:0}.v11-charge-item span,.v11-charge-item small{color:var(--muted,#66758a);overflow-wrap:anywhere}.v11-charge-actions{display:grid;justify-items:end;gap:8px}.v11-layer-key{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:12px}.v11-layer-key span{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.82rem}.v11-layer-key i{width:12px;height:12px;border-radius:999px;background:#2176ff}.v11-layer-key .layer-stop{background:#14b88a}.v11-layer-key .layer-border{background:#f59f0b}.v11-layer-key .layer-geofence{background:#7a55e7}.v11-map-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
@media(max-width:900px){.v11-map-tools{grid-template-columns:1fr}.v11-charge-item{display:grid}.v11-charge-actions{justify-items:start}.v11-copy-row{display:grid}}

/* Drag-to-capacity planner */
.v11-resource-planner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.v11-resource-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.v11-resource-card{appearance:none;border:1px solid var(--line,#dce5ef);border-radius:14px;background:#fff;padding:12px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;color:inherit;transition:.18s ease}.v11-resource-card span{display:grid;gap:3px}.v11-resource-card small{color:var(--muted,#66758a)}.v11-resource-card b{font-size:.72rem;border-radius:999px;background:#eaf7f2;color:#08765d;padding:5px 8px}.v11-resource-card:hover,.v11-resource-card.is-over,.v11-resource-card.is-selected{border-color:#2176ff;box-shadow:0 0 0 3px rgba(33,118,255,.12);transform:translateY(-1px)}.v11-resource-card.is-unavailable{opacity:.52;cursor:not-allowed}.v11-resource-card.is-unavailable b{background:#f2f4f7;color:#66758a}
@media(max-width:980px){.v11-resource-planner{grid-template-columns:1fr}}

/* Public request actions */
.landing-header-actions{display:flex;align-items:center;gap:.65rem}
@media (max-width:760px){.landing-header-actions .btn-light{display:none}.landing-header-actions{gap:.35rem}}
.v11-permission-mode{margin:.5rem 0}.v11-permission-users details form>.muted{margin:.25rem 0 1rem}
