@import url('/base-style.css');
:root{--ink:#272c2c;--muted:#737b7b;--forest:#303a3a;--lime:#d8e1da;--bg:#f4f5f3}
body{background:#f4f5f3;color:#272c2c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{max-width:1280px;padding:28px 32px}.brand{display:flex;align-items:center;gap:18px;letter-spacing:-.04em;font-size:25px;color:#272c2c;text-decoration:none}.brand img{width:86px;height:70px;object-fit:contain}.brand span{display:block}.brand small{display:block;letter-spacing:0;font-size:12px;font-weight:400;margin-top:5px;color:#737b7b;text-transform:none}header{border-bottom:1px solid #dde2dd;padding-bottom:22px}.heading{margin:42px 0 28px}.heading h1,.login h1,.driver-card h1{font-weight:550;letter-spacing:-.045em;font-size:clamp(30px,4vw,46px);line-height:1.12}.eyebrow{text-transform:none;letter-spacing:.02em;color:#737b7b}.panel,.stat{border:1px solid #e0e4df;border-radius:18px;box-shadow:0 5px 22px #222b2204;background:white}.panel{padding:28px;margin-bottom:24px}.login{max-width:500px;margin:65px auto}.action{background:#303a3a;color:white;border-radius:10px}.action:hover{background:#465454}.action.secondary{background:#edf0ec;color:#303a3a;border:1px solid #dce2dc}.danger{background:#8f3939}.danger:hover{background:#712a2a}nav a[aria-current]{background:#303a3a;color:white}nav{flex-wrap:wrap;gap:8px}nav a{border-radius:9px}input,select,textarea{border:1px solid #d7ded7;border-radius:9px;background:#fcfdfb;margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid #71867b;outline-offset:2px}.pill.green{background:#e5eee7;color:#3f6250}.pill.amber{background:#faf0df;color:#8a6226}.avatar{background:#e9eee9;color:#394e42}label{display:block;margin:16px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;align-items:center;gap:10px;font-weight:400}.check input{width:18px;height:18px;flex:none;margin:0}details{border-top:1px solid #e5e8e3;padding:18px 0}summary{cursor:pointer;font-weight:550;line-height:1.5}details form{max-width:740px;margin:16px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f4;padding:16px;font-size:12px}td small{display:block;color:#737b7b;margin-top:5px}.notice{background:#faf0df;border:1px solid #eadbc3;border-radius:10px;padding:16px}.notice[hidden]{display:none}footer{color:#8a918c;border-top:1px solid #dde2dd;padding:22px 0;font-size:12px}.identity small{text-transform:none}h2{font-weight:550;letter-spacing:-.02em}.stats{gap:16px}.stat strong{font-weight:550}button{cursor:pointer}
@media(max-width:650px){.shell{padding:18px 16px}.brand img{width:60px;height:54px}.brand{gap:10px;font-size:22px}.brand small{font-size:10px}.identity{gap:7px}.identity .avatar{display:none}.identity small{font-size:10px}.logout{font-size:11px}.panel{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.login{margin:32px auto}nav a{font-size:13px}header{gap:14px;flex-wrap:wrap}}

/* Mobile-first fleet workflow */
body{background:#f6f7f8}.brand small{border:0;padding:0;margin-left:0}.heading{padding:20px 0;margin:20px 0}.panel{box-shadow:0 3px 16px #1d293908;border-color:#e7eaee}.driver-card{margin:22px auto;max-width:560px}.driver-card h1{font-size:30px;margin-bottom:22px}.vehicle-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 4px}.vehicle-status strong{font-size:20px}.driver-card input[name=km]{font-size:30px;font-weight:600;letter-spacing:-.02em;padding:16px 18px;height:78px}.driver-card select{padding:15px 12px;height:56px}.driver-card .action{min-height:56px;font-size:17px;margin-top:18px}.driver-card .hint{font-size:13px;line-height:1.5}.mileage-review{background:#fff5e5;padding:16px;border-radius:10px;font-size:14px}.mileage-review input{width:20px;height:20px}
@media(max-width:650px){
 .shell{padding:0 16px}header{padding:14px 0;min-height:72px;flex-wrap:nowrap;gap:8px}.brand{font-size:19px;gap:7px}.brand img{width:42px;height:40px}.brand small{display:none}.identity{font-size:12px;gap:8px}.identity small{display:none}.identity .logout{padding:4px 0;font-size:10px}
 nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px;padding:10px 0;border-bottom:0}nav a{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:10px 12px}
 body[data-role=driver]{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
 body[data-role=driver] nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #e5e9ee;box-shadow:0 -4px 20px #1d293908;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px;overflow:visible}
 body[data-role=driver] nav a{flex:1;padding:12px 4px;text-align:center;border-radius:12px;font-size:13px;font-weight:600;color:#737b85}
 body[data-role=driver] nav a[aria-current]{background:#edf1ef;color:#253c32}
 .driver-card{margin:16px 0;padding:22px 20px;border-radius:20px}.driver-card h1{font-size:27px;margin-bottom:18px}.driver-card .eyebrow{font-weight:400;margin-bottom:6px}
 .driver-card form[data-vehicle-switch] label{margin-top:0}.driver-card label{font-size:14px;font-weight:550}.driver-card input[name=km]{font-size:28px}
 body[data-role=driver] footer{display:none}.heading h1{font-size:30px}.heading{margin:16px 0;padding:10px 0}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px}.stat strong{font-size:28px}
}

.state-choice{border:0;padding:0;margin:20px 0}.state-choice legend{font-size:14px;font-weight:550}.state-options{display:flex;gap:12px;margin:8px 0}.state-options label{display:flex;gap:9px;align-items:center;flex:1;background:#f5f7f6;border:1px solid #dce3df;border-radius:10px;padding:13px 14px;margin:0}.state-options input{width:18px;height:18px;margin:0;accent-color:#303a3a}.state-options label:has(input:checked){background:#e6eee8;border-color:#71867b}[data-state-problem][hidden]{display:none}.regulation-link{border:0;padding:12px 0;font-size:12px;color:#737b7b}.regulation-link summary{font-weight:400}.photo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.report-description{white-space:pre-wrap;margin-top:15px}

/* Compact phone form with an always-visible primary action. */
@media(max-width:650px){
 body[data-role=driver][data-view=driver]{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
 body[data-role=driver] header{min-height:54px;padding:9px 0}
 body[data-role=driver] .brand{font-size:17px}
 body[data-role=driver] .brand img{width:34px;height:32px}
 body[data-role=driver] nav{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}
 body[data-role=driver] nav a{padding:10px 4px;min-height:44px;font-size:12px}
 .driver-card{padding:15px 16px;margin:10px 0;border-radius:16px}
 .driver-card h1{font-size:21px;line-height:1.15;margin-bottom:10px}
 .driver-card label{font-size:13px;margin:9px 0}
 .driver-card select{font-size:16px;min-height:44px;height:44px;padding:9px 10px;margin-top:5px}
 .driver-card .vehicle-status{margin:9px 0 2px}
 .driver-card .vehicle-status strong{font-size:16px}
 .driver-card .pill{font-size:12px;padding:4px 9px}
 .driver-card:has(form[data-vehicle-switch]) .vehicle-status{display:none}
 .driver-card input[name=km]{height:52px;font-size:23px;padding:10px 12px;margin-top:5px}
 .driver-card .hint{font-size:12px;line-height:1.35}
 .driver-card .state-choice{margin:12px 0 4px}
 .driver-card .state-choice legend{font-size:13px}
 .driver-card .state-options{margin:6px 0;gap:9px}
 .driver-card .state-options label{padding:10px 12px;margin:0;min-height:44px;font-size:14px}
 .driver-card .regulation-link{font-size:11px;padding:8px 0 0}
 .driver-card .regulation-link summary{font-size:11px}
 .driver-card textarea{font-size:16px;min-height:66px;padding:9px}
 .driver-card input[type=file]{font-size:13px;padding:7px}
 .driver-card .mileage-review{font-size:12px;padding:10px;margin:9px 0}
 .driver-card .trip-submit{position:fixed;left:16px;right:16px;bottom:calc(65px + env(safe-area-inset-bottom));width:calc(100% - 32px);min-height:48px;height:48px;padding:10px 14px;font-size:16px;margin:0;z-index:21;box-shadow:0 0 0 8px #f6f7f8,0 -5px 20px #1d293918;border-radius:10px}
}
@media(max-width:650px) and (max-height:650px){
 .driver-card h1{display:none}
 .driver-card{margin:7px 0;padding:12px 14px}
 .driver-card label{margin:7px 0}
 .driver-card .state-choice{margin-top:9px}
}

/* Wide ledger with accessible horizontal scrolling. */
body:not([data-role=driver])[data-view=log] .shell{max-width:1920px;width:100%;min-width:0}
.log-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:14px;scrollbar-width:auto}
.log-table{min-width:1580px;width:100%;table-layout:auto}
.log-table th{white-space:nowrap}
.log-table .state-cell{white-space:normal;min-width:165px;max-width:260px;overflow-wrap:anywhere}
.log-table .note-cell{min-width:160px;max-width:240px}
.table-hint{margin:0 0 12px;font-size:12px}
.last-use{border-top:1px solid #e7eaee;padding-top:14px;margin-bottom:14px;font-size:14px}
.last-use a{display:inline-block;margin-top:10px}
@media(max-width:650px){body:not([data-role=driver])[data-view=log] .panel{padding:16px 12px}.log-table td{padding:12px 10px}}


.odometer-choice{border:1px solid #e0e5df;background:#f7f9f6;padding:12px;border-radius:10px;margin:14px 0}.odometer-choice legend{font-size:13px;font-weight:600}.odometer-choice input[type=file]{font-size:13px;padding:8px}.odometer-choice .check{font-size:12px}.odometer-choice .hint{font-size:12px}


.photo-preview{display:flex;flex-direction:column;gap:8px;width:min(100%,300px);padding:8px;background:#f5f7f6;border:1px solid #dce3df;border-radius:12px;text-decoration:none;font-size:13px}.photo-preview img{display:block;width:100%;height:180px;object-fit:contain;background:#e8ece9;border-radius:8px}.photo-preview span{padding:2px 4px}.photo-preview:hover{border-color:#71867b}.photo-dialog{width:min(96vw,1100px);max-width:96vw;max-height:94dvh;border:0;border-radius:14px;padding:14px;background:#fff}.photo-dialog::backdrop{background:#0b171bd9}.photo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.photo-dialog-head button{border:1px solid #dce3df;border-radius:8px;padding:10px 14px;background:#f5f7f6;min-height:44px}.photo-dialog-image{overflow:auto;max-height:calc(94dvh - 92px)}.photo-dialog-image img{display:block;max-width:100%;height:auto;margin:auto}.photo-dialog .hint{font-size:12px}
.photo-dialog-image{position:relative;margin:auto;overflow:hidden}.photo-dialog-image img{position:absolute;left:50%;top:50%;max-width:none;margin:0;transform-origin:center}.photo-dialog-head{flex-wrap:wrap}.photo-dialog-head strong{flex:1;min-width:90px}.photo-dialog-head button{font-size:13px}
/* Five dashboard KPIs share one desktop row. */
@media(min-width:1001px){body[data-view=dashboard] .stats{grid-template-columns:repeat(5,minmax(0,1fr))}body[data-view=dashboard] .stat{padding:20px 16px}body[data-view=dashboard] .stat p,body[data-view=dashboard] .stat small{overflow-wrap:anywhere}}
/* Consistent management navigation and typography. */
body:not([data-role=driver]) nav{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;padding:7px;margin:20px 0 0;background:#e9edeb;border:1px solid #dce3df;border-radius:14px;overflow-x:auto}
body:not([data-role=driver]) nav a{flex:1 0 auto;white-space:nowrap;padding:11px 12px;font-size:13px;font-weight:500;line-height:1.25;border-radius:9px;color:#53605b;transition:background .15s,color .15s}
body:not([data-role=driver]) nav a:hover{background:#f8faf8;color:#303a3a}
body:not([data-role=driver]) nav a[aria-current]{background:#303a3a;color:#fff;box-shadow:0 2px 6px #1d293914}
header{align-items:center}.brand{letter-spacing:-.035em}.identity{flex-wrap:nowrap;gap:12px}.identity>div{line-height:1.3}.identity small{margin-top:4px}.logout{padding:9px 12px;border:1px solid #dce3df;border-radius:8px;line-height:1.2}
.heading{margin:24px 0 20px;padding:12px 0}.heading h1{margin-bottom:10px;max-width:900px}.heading .muted{font-size:14px;line-height:1.5;max-width:760px}
.panel-title{align-items:center;gap:16px}.panel-title h2{line-height:1.3}.panel-title .action{margin-top:0}
.stat{min-width:0;text-align:left}.stat p{font-size:13px;line-height:1.4;font-weight:500;min-height:38px}.stat strong{font-size:32px;line-height:1.15;margin:10px 0}.stat small{font-size:11px;line-height:1.45;display:block}.stat .hint{margin-top:0}
body[data-view=dashboard] .columns .panel{display:flex;flex-direction:column}.counter{margin:20px 0 16px;font-size:30px;line-height:1.15}.counter small{margin-top:5px}.last-use{margin-top:auto}
body:not([data-role=driver]) details summary{display:flex;align-items:center;min-height:44px;font-size:14px;list-style-position:inside}
table th{text-align:left;font-size:11px;line-height:1.4}table td{vertical-align:top;line-height:1.45}.log-table .state-cell small{line-height:1.45;margin-top:6px}
@media(max-width:1000px){body[data-view=dashboard] .stats{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-view=dashboard] .stats .stat:last-child{grid-column:1/-1}}
@media(max-width:650px){body:not([data-role=driver]) nav{margin-top:12px;padding:5px;border-radius:11px}body:not([data-role=driver]) nav a{font-size:12px;padding:10px 12px}.identity{gap:8px}.logout{padding:7px 8px;font-size:11px}.heading{margin:16px 0;padding:10px 0}.stat p{min-height:36px}.stat strong{font-size:28px}body[data-role=driver] .logout{border:0;padding:4px 0}.panel-title{gap:10px}.panel-title .action{font-size:12px;padding:10px 12px}}

/* Compact management controls, alongside reimbursement; ledger below. */
.ledger-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start;margin-bottom:20px}
.ledger-top>.panel{margin:0;padding:20px;min-width:0}
.ledger-top .panel-title{margin-bottom:14px}.ledger-top h2{font-size:18px}
.ledger-filters .panel-title>a{font-size:12px;color:var(--muted)}
.ledger-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ledger-fields label{margin:0;font-size:12px;min-width:0}
.ledger-fields input,.ledger-fields select{font-size:14px;min-width:0;width:100%;height:40px;padding:8px 9px;margin-top:5px}
.ledger-fields .action{margin:0;align-self:end;height:40px;padding:8px 12px;font-size:13px}
.ledger-fields [hidden]{display:none}
.ledger-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ledger-shortcuts a{background:#edf1ef;border-radius:7px;padding:6px 9px;text-decoration:none;font-size:12px}
.ledger-top .hint{font-size:12px;line-height:1.4}
.ledger-payment .panel-title .hint{margin:0}
.ledger-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.ledger-total strong{font-size:28px;letter-spacing:-.025em;font-weight:600}.ledger-total span{font-size:12px;color:var(--muted)}
.ledger-payment td{padding:9px 8px;font-size:13px}.ledger-payment th{padding:8px;font-size:10px}
@media(max-width:900px){.ledger-top{grid-template-columns:1fr;gap:14px}}
@media(max-width:650px){.ledger-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ledger-fields input,.ledger-fields select{font-size:16px;min-height:44px;height:44px}.ledger-top>.panel{padding:16px}.ledger-fields .action{min-height:44px;height:44px}.ledger-total strong{font-size:24px}}

/* Passive, unmistakable confirmation: no backdrop, focus change or required click. */
.trip-confirmation{position:fixed;z-index:100;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:min(88vw,440px);padding:30px 22px;border:2px solid #a9c7b0;border-radius:22px;background:#edf7ef;color:#204e32;text-align:center;box-shadow:0 12px 60px #19362638;pointer-events:none;animation:trip-confirmation-fade 4.3s both}
.trip-confirmation strong{font-size:clamp(26px,6vw,34px);font-weight:650;letter-spacing:-.035em;line-height:1.15}
.trip-confirmation>span:last-child{font-size:16px}
.trip-confirmation-check{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#267245;color:white;font-size:38px;font-weight:600;line-height:1}
@keyframes trip-confirmation-fade{0%{opacity:0}6%,90%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.trip-confirmation{animation-name:trip-confirmation-no-motion}}
@keyframes trip-confirmation-no-motion{0%,99%{opacity:1}100%{opacity:0;visibility:hidden}}

/* PAJ: résumé discret et lisible, sans exposer de coordonnées. */
.paj-overview small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.paj-overview .review{margin-top:12px}.review .panel-title{margin-bottom:8px}.review .panel-title .pill{flex:0 0 auto}

/* Management cockpit: calm navigation, alerts, maintenance and reports. */
.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.subnav a{padding:8px 12px;border:1px solid #dce3df;border-radius:99px;text-decoration:none;color:var(--muted);font-size:12px;background:#fff}.subnav a[aria-current]{background:#303a3a;color:#fff;border-color:#303a3a}.settings-nav{margin-top:12px;margin-bottom:0}
.compact-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat .stat-date{font-size:18px;line-height:1.35;letter-spacing:-.02em}.pill.red{background:#f8dfdc;color:#8b3027}.alert-grid,.maintenance-grid{align-items:start}.alert-card{border-left:4px solid #d8e1da}.alert-card.severity-warning{border-left-color:#d9aa5f}.alert-card.severity-critical,.maintenance-late{border-left-color:#b84b40}.alert-form{border-top:1px solid #e7eaee;margin-top:18px;padding-top:4px}.alert-form textarea{min-height:72px}.button-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.button-row form{margin:0}.button-row .action{margin-top:0}.link-button{border:0;background:transparent;text-decoration:underline;color:var(--muted);padding:10px}.paj-status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0ed;padding:10px 0}.paj-status-line:first-of-type{border-top:0}.paj-status-line p{min-width:0}.report-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap}.month-picker{display:flex;align-items:end;gap:8px}.month-picker label{margin:0}.month-picker input{min-width:175px}.month-picker .action{margin:0}.report-columns{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr)}.report-actions{display:grid;gap:8px}.report-actions .action{margin:0;width:100%}.stat .stat-money{font-size:24px}.offline-card{max-width:620px;margin:60px auto}.network-error{position:sticky;top:12px;z-index:40;box-shadow:0 8px 30px #5a1b1420}

/* Alertes orientées décision : priorité aux écarts de pointage, détails à la demande. */
.alert-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.alert-kpi{padding:17px 19px;border:1px solid #e0e5e1;border-radius:14px;background:#fff;box-shadow:0 3px 16px #1d293908}
.alert-kpi>span{display:block;color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.045em}
.alert-kpi strong{display:block;margin:7px 0 2px;font-size:30px;font-weight:600;letter-spacing:-.04em}
.alert-kpi p{font-size:13px;color:var(--muted)}
.alert-kpi-priority{border-color:#e9c5c1;background:#fffafa}.alert-kpi-priority strong{color:#8b3027}
.alert-report{margin-bottom:14px}.alert-report .panel-title{align-items:flex-start}.alert-report .panel-title h2{margin:3px 0 5px;font-size:25px}.alert-report .panel-title .eyebrow{margin:0}.alert-report-print{flex:none;margin:0}.alert-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}.alert-report-kpis>div{padding:13px 14px;border-radius:11px;background:#f3f6f4}.alert-report-kpis>div.is-active{background:#fff0ee;color:#8b3027}.alert-report-kpis span,.alert-report-kpis strong{display:block}.alert-report-kpis span{min-height:30px;color:var(--muted);font-size:11px;line-height:1.35}.alert-report-kpis strong{margin-top:4px;font-size:27px}.alert-report-people{overflow:hidden;border:1px solid #e1e7e3;border-radius:11px}.alert-report-row{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(90px,.6fr));gap:12px;padding:11px 14px;border-top:1px solid #e7ece8;align-items:center}.alert-report-row:first-child{border-top:0}.alert-report-row span{font-size:12px}.alert-report-head{background:#f5f7f5;color:var(--muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.035em}.alert-report-head span{font-size:10px}.alert-report-foot{margin:13px 1px 0;color:var(--muted);font-size:11px;line-height:1.45}.alerts-reset{padding:0;margin-bottom:14px}.alerts-reset>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px;cursor:pointer}.alerts-reset>summary strong,.alerts-reset>summary span{display:block}.alerts-reset>summary span{color:var(--muted);font-size:12px}.alerts-reset form{padding:0 19px 18px;border-top:1px solid #edf0ed}.alerts-reset .action{margin-bottom:0}
.alert-purpose{display:flex;align-items:baseline;gap:18px;padding:17px 20px;margin-bottom:16px;background:#f5f7f5;box-shadow:none}
.alert-purpose>strong{flex:0 0 auto;font-size:14px}.alert-purpose p{margin:0;font-size:13px;line-height:1.55;color:#596563}
.alert-section{margin:0 0 14px;border:1px solid #e0e5e1;border-radius:16px;background:#fff;box-shadow:0 5px 22px #1d29390a;overflow:hidden}
.alert-section>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;list-style:none;border-left:4px solid #aeb8b2;cursor:pointer}
.alert-section>summary::-webkit-details-marker,.alert-item>summary::-webkit-details-marker,.alert-rules>summary::-webkit-details-marker{display:none}
.alert-section-priority>summary{border-left-color:#b84b40}.alert-section-quality>summary{border-left-color:#d9aa5f}
.alert-section>summary>span:first-child{min-width:0}.alert-section>summary strong,.alert-section>summary small{display:block}.alert-section>summary strong{font-size:18px}.alert-section>summary small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45;font-weight:400}
.alert-count{display:grid;place-items:center;flex:none;min-width:34px;height:34px;padding:0 8px;border-radius:99px;background:#edf1ef;font-size:13px;font-weight:650}
.alert-section-priority .alert-count{background:#f8dfdc;color:#8b3027}.alert-section-quality .alert-count{background:#faf0dd;color:#8a5a1f}
.alert-list{border-top:1px solid #edf0ed}.alert-item{border-bottom:1px solid #edf0ed}.alert-item:last-child{border-bottom:0}
.alert-item>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;list-style:none;cursor:pointer}.alert-item>summary:hover{background:#fafbfa}
.alert-item-main{min-width:0;flex:1}.alert-item-main strong,.alert-item-main small{display:block}.alert-item-main strong{font-size:15px;margin-bottom:5px}.alert-item-main small{color:#596563;font-size:12px;line-height:1.45;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alert-item[open] .alert-item-main small{white-space:normal;overflow:visible;text-overflow:clip}
.alert-item-meta{display:flex;align-items:center;gap:10px;flex:none}.alert-item-meta>small{font-size:11px;color:var(--muted)}
.alert-item-detail{padding:2px 20px 20px;background:#fbfcfb}.alert-guidance{padding:13px 15px;border-radius:10px;background:#f0f3f1;font-size:13px;line-height:1.55}.alert-guidance strong{display:block;margin-bottom:2px}.alert-links{margin:12px 0}.alert-links .action{display:inline-block;margin:0;padding:8px 11px;font-size:12px}
.alert-evidence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0;padding:10px;border:1px solid #e1e7e3;border-radius:12px;background:#fff}.alert-evidence>div{padding:10px 11px;border-radius:9px;background:#f5f7f5}.alert-evidence .alert-evidence-context{grid-column:1/-1;margin:0;padding:3px 2px 7px}.alert-evidence-context strong,.alert-evidence-context span{display:block}.alert-evidence-context strong{font-size:13px}.alert-evidence-context span{margin-top:2px;color:var(--muted);font-size:11px}.alert-evidence span,.alert-evidence strong{display:block}.alert-evidence>div span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.alert-evidence>div strong{margin-top:4px;font-size:17px}.alert-evidence .alert-evidence-gap{background:#fff1ef;color:#8b3027}.alert-proof-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 13px;color:#596563;font-size:11px}.confidence{padding:5px 8px;border-radius:99px;font-weight:700}.confidence-high{background:#e4f3e8;color:#2f734a}.confidence-medium{background:#faf0dd;color:#87571d}.confidence-low{background:#ecefed;color:#606965}.alert-start-review{margin:10px 0}.alert-start-review .action{margin:0;padding:9px 12px;font-size:12px}
.alert-form{margin-top:12px;padding-top:14px}.alert-form-fields{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(260px,1fr) auto;gap:12px;align-items:end}.alert-form-fields label{margin:0}.alert-form-fields select,.alert-form-fields textarea{margin-top:5px}.alert-form-fields textarea{min-height:45px;height:45px}.alert-form-fields .action{height:45px;margin:0}
.alert-rules{padding:0;margin-top:26px;overflow:hidden}.alert-rules>summary{display:flex;padding:18px 20px;list-style:none;cursor:pointer}.alert-rules>summary strong,.alert-rules>summary small{display:block}.alert-rules>summary small{margin-top:4px;color:var(--muted);font-size:12px;font-weight:400}.alert-rules>form{padding:0 20px 20px;border-top:1px solid #edf0ed}.alert-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.alert-rule-grid label>small{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:400}.alert-rules .action{margin-bottom:0}
@media(max-width:900px){.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-columns{grid-template-columns:1fr}.alert-form-fields{grid-template-columns:1fr 1fr}.alert-form-fields .action{width:max-content}.alert-overview{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:650px){body:not([data-role=driver]) nav a{flex:0 0 auto}.compact-stats{grid-template-columns:1fr 1fr}.compact-stats .stat{padding:14px}.compact-stats .stat p{min-height:auto}.stat .stat-date{font-size:15px}.subnav{overflow-x:auto;flex-wrap:nowrap}.subnav a{white-space:nowrap}.report-heading{align-items:stretch}.month-picker{width:100%}.month-picker label{flex:1}.month-picker input{min-width:0}.month-picker .action{align-self:end}.paj-status-line{align-items:flex-start}.alert-card,.maintenance-card{padding:18px}.alert-report .panel-title{gap:13px}.alert-report-print{width:100%}.alert-report-kpis{grid-template-columns:1fr 1fr}.alert-report-kpis span{min-height:31px}.alert-report-row{grid-template-columns:minmax(110px,1.2fr) repeat(3,minmax(55px,.6fr));gap:6px;padding:10px 9px}.alert-report-row span{font-size:11px}.alert-report-head span{font-size:8px}.alerts-reset>summary{align-items:flex-start;flex-direction:column;gap:4px}.alert-overview{grid-template-columns:1fr}.alert-kpi{display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 15px}.alert-kpi>span{grid-column:1}.alert-kpi strong{grid-column:2;grid-row:1/3;margin:0}.alert-kpi p{grid-column:1}.alert-purpose{display:block}.alert-purpose>strong{display:block;margin-bottom:5px}.alert-section>summary{padding:15px}.alert-section>summary small{padding-right:4px}.alert-item>summary{align-items:flex-start;padding:14px 15px}.alert-item-main small{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.alert-item-meta>small{display:none}.alert-item-meta .pill{font-size:10px;padding:5px 7px}.alert-item-detail{padding:2px 15px 16px}.alert-evidence{grid-template-columns:1fr 1fr}.alert-evidence strong{font-size:15px}.alert-form-fields,.alert-rule-grid{grid-template-columns:1fr}.alert-form-fields .action{width:100%}.alert-rules>summary,.alert-rules>form{padding-left:15px;padding-right:15px}}
@media print{header,nav,.subnav,footer,.month-picker,.report-actions,.alert-report-print{display:none!important}.shell{max-width:none;padding:0}.panel,.stat{box-shadow:none;break-inside:avoid}.heading{margin:0}.stats{grid-template-columns:repeat(3,1fr)}body[data-view=notifications] main.shell>:not(.alert-report){display:none!important}body[data-view=notifications] .alert-report{display:block!important;border:0;padding:0}body[data-view=notifications] .alert-report-kpis{grid-template-columns:repeat(4,1fr)}}

/* Dashboard fleet cards: dense operational information, two cards per row. */
.fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}
.fleet-grid>.fleet-card:only-child{grid-column:1/-1}
.fleet-card{padding:0;margin:0;min-width:0;overflow:hidden}
.fleet-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 20px}
.fleet-card-head h2{font-size:24px;line-height:1.15;margin:3px 0 7px}
.fleet-kind{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fleet-meta{font-size:13px;color:var(--muted)}
.fleet-card-head .pill{flex:none;margin-top:1px;font-size:12px}
.fleet-card-body{display:grid;grid-template-columns:minmax(140px,.72fr) minmax(220px,1.28fr);border-top:1px solid #edf0ed;background:#fbfcfb}
.fleet-mileage{display:flex;flex-direction:column;justify-content:center;padding:22px 24px;border-right:1px solid #edf0ed}
.fleet-mileage>span,.fleet-activity-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.fleet-mileage strong{font-size:32px;font-weight:560;line-height:1.1;letter-spacing:-.035em;margin-top:9px}
.fleet-mileage small{font-size:12px;color:var(--muted);margin-top:3px}
.fleet-activity{padding:20px 24px;min-width:0}
.fleet-activity>strong{display:block;font-size:17px;margin:5px 0 4px}
.fleet-activity>p{font-size:13px;line-height:1.5;color:var(--muted)}
.fleet-activity b{font-weight:600;color:var(--ink)}
.fleet-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.fleet-actions .action{margin:0;padding:9px 12px;font-size:12px;border-radius:8px}
.fleet-correction{font-size:12px;color:#7c4e2c}

/* Account administration as a scannable two-column card grid. */
.settings-block{margin-bottom:28px}
.settings-block-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}
.settings-block-head h2{font-size:20px;margin-bottom:3px}
.settings-block-head p{font-size:13px;color:var(--muted)}
.settings-block-head>.hint{margin:0;text-align:right}
.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.management-card{padding:0;border:1px solid #e0e5e1;border-radius:14px;background:#fff;box-shadow:0 3px 16px #1d293908;overflow:hidden}
.management-card[open]{grid-column:1/-1}
.management-card summary{display:flex;align-items:center;gap:12px;min-height:76px;padding:13px 16px;list-style:none}
.management-card summary::-webkit-details-marker{display:none}
.management-card summary:hover{background:#fafbfa}
.account-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.account-identity>span:last-child{min-width:0}
.account-identity strong,.account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-identity strong{font-size:15px;line-height:1.35}
.account-identity small{font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
.account-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#e9eee9;color:#394e42;font-size:15px;font-weight:650}
.account-avatar.add{background:#f1f3f1;font-size:22px;font-weight:400}
.account-state{flex:none;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:600}
.account-state.is-active{background:#e5eee7;color:#3f6250}
.account-state.is-inactive{background:#f0f1f0;color:#737b7b}
.details-chevron{flex:none;font-size:25px;font-weight:300;color:#8b9490;line-height:1;transition:transform .15s}
.management-card[open] .details-chevron{transform:rotate(90deg)}
.management-add{border-style:dashed;background:#fafbfa}
.account-form{max-width:none;margin:0;padding:8px 18px 20px;border-top:1px solid #edf0ed}
.account-form .account-options{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);align-items:end}
.account-form .account-options .check{min-height:47px;margin-bottom:8px;padding:0 14px;border:1px solid #d7ded7;border-radius:9px;background:#fcfdfb}
.vehicle-settings{margin-top:0}

@media(max-width:850px){.fleet-grid,.management-grid{grid-template-columns:1fr}.fleet-grid>.fleet-card:only-child,.management-card[open]{grid-column:auto}.settings-block-head{align-items:flex-start;flex-direction:column;gap:4px}.settings-block-head>.hint{text-align:left}}
@media(max-width:520px){.fleet-card-head{padding:18px}.fleet-card-head h2{font-size:21px}.fleet-card-body{grid-template-columns:1fr}.fleet-mileage{padding:16px 18px;border-right:0;border-bottom:1px solid #edf0ed}.fleet-mileage strong{font-size:28px}.fleet-activity{padding:16px 18px}.management-card summary{padding:11px 13px}.account-state{display:none}.account-form{padding:4px 14px 18px}.account-form .account-options{grid-template-columns:1fr}.account-form .account-options .check{margin-top:4px}}

/* Crisp compact header: use a tightly cropped high-density official wordmark. */
header,.brand,.brand span,.identity,.identity>div,.identity form{filter:none;transform:none;opacity:1;backface-visibility:visible;will-change:auto}
.brand,.identity{-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
.brand img{width:70px;height:58px;border-radius:0;object-fit:contain;image-rendering:auto}
.brand small{display:none}
.identity form{margin:0}
@media(max-width:650px){
 header{min-height:66px;padding:9px 0}
 body[data-role=driver] header{min-height:62px;padding:8px 0}
 .brand,body[data-role=driver] .brand{gap:10px;font-size:19px;font-weight:700;letter-spacing:-.025em}
 .brand img,body[data-role=driver] .brand img{width:58px;height:48px;border-radius:0;object-fit:contain}
 .identity{display:grid;grid-template-columns:auto;justify-items:end;align-content:center;gap:1px;text-align:right}
 .identity>div{font-size:13px;font-weight:650;line-height:1.2}
 .identity form{line-height:1}
 .identity .logout,body[data-role=driver] .identity .logout{display:block;padding:2px 0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:10px;font-weight:400;line-height:1.2;text-decoration:underline;text-underline-offset:3px}
}

/* Plain-language editor for the few texts administrators may change safely. */
body[data-view=copy] .shell{max-width:1080px}
.copy-editor{margin-bottom:20px}
.copy-section{padding:0;margin-bottom:12px;overflow:hidden}
.copy-section>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:14px 20px;border:0;list-style:none}
.copy-section>summary::-webkit-details-marker{display:none}
.copy-section>summary strong,.copy-section>summary small{display:block}
.copy-section>summary strong{font-size:16px}
.copy-section>summary small{margin-top:3px;color:var(--muted);font-size:11px;font-weight:400}
.copy-section[open]>summary{border-bottom:1px solid #edf0ed;background:#fafbfa}
.copy-section[open] .details-chevron{transform:rotate(90deg)}
.copy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;padding:6px 20px 20px}
.copy-fields label{min-width:0;margin:12px 0 0;font-size:13px}
.copy-fields label:has(textarea){grid-column:1/-1}
.copy-fields input,.copy-fields textarea{font-size:15px;line-height:1.45}
.copy-fields textarea{min-height:84px;resize:vertical}
.copy-fields label>small{display:block;margin-top:5px;color:#4f755e;font-size:10px;font-weight:500}
.copy-save{position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #cfd8d2;border-radius:14px;background:#fff;box-shadow:0 10px 35px #1d29391a}
.copy-save p strong,.copy-save p span{display:block}.copy-save p strong{font-size:13px}.copy-save p span{margin-top:2px;color:var(--muted);font-size:11px}
.copy-save .action{flex:none;margin:0}
.copy-reset{padding:18px 20px}.copy-reset>summary{min-height:auto}.copy-reset form{margin-bottom:0}
@media(max-width:650px){.copy-fields{grid-template-columns:1fr;padding:4px 16px 18px}.copy-fields label:has(textarea){grid-column:auto}.copy-section>summary{padding:13px 16px}.copy-save{bottom:8px;align-items:stretch;flex-direction:column;gap:10px}.copy-save .action{width:100%;min-height:46px}.copy-save p span{line-height:1.35}}

/* Agendrix: configuration and imported schedule stay operational, not technical. */
body[data-view=agendrix] .shell{max-width:1120px}
.integration-empty{display:flex;align-items:flex-start;gap:18px;padding:24px}.integration-empty h2{margin:0 0 6px}.integration-empty p{margin:6px 0 14px}.integration-empty code{display:block;max-width:100%;padding:12px 14px;border-radius:10px;background:#f3f5f3;font-size:12px;line-height:1.5;overflow-wrap:anywhere;user-select:all}.integration-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;background:#0f6973;color:#fff;font-size:20px;font-weight:700}
.integration-status{display:flex;align-items:center;justify-content:space-between;gap:24px}.integration-status h2{margin:9px 0 3px}.integration-status form,.integration-status .action{margin:0}.agendrix-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;margin:16px 0}.integration-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}.integration-counts div{padding:14px;border:1px solid #e5eae6;border-radius:12px;background:#fafbfa}.integration-counts dt{font-size:12px;color:var(--muted)}.integration-counts dd{margin:5px 0 0;font-size:25px;font-weight:600}
.schedule-row{display:grid;grid-template-columns:10px minmax(190px,.65fr) minmax(260px,1.35fr);gap:14px;align-items:start;padding:14px 0;border-top:1px solid #edf0ed}.schedule-row:first-of-type{border-top:0}.schedule-color{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#0f6973}.schedule-row strong,.schedule-row span{display:block}.schedule-row strong{font-size:13px}.schedule-row div span{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4}.schedule-row .pointage-title{margin-top:10px;color:var(--ink)}
.pointage-entry{margin-top:6px;padding:8px 10px;border-radius:9px;background:#f5f7f5}.pointage-history{margin-top:6px}.pointage-history summary{color:#405149;font-size:11px;font-weight:650;cursor:pointer}.pointage-history p{margin:5px 0 0;color:#596563;font-size:11px;line-height:1.4}.pointage-history p strong{display:inline;font-size:11px}
.reconciliation-overview{margin-top:16px}.reconciliation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #edf0ed}.reconciliation-row:first-of-type{border-top:0}.reconciliation-row a{color:inherit}.reconciliation-row span,.reconciliation-row small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4}.reconciliation-status{text-align:right}.reconciliation-status .pill{display:inline-block;margin:0;color:inherit}.reconciliation-status small{white-space:nowrap}
.current-assignments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 8px}.current-assignment{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #cfe1d7;border-radius:13px;background:#f2f8f4}.current-assignment div{min-width:0}.current-assignment small,.current-assignment strong,.current-assignment span{display:block}.current-assignment small{margin:0 0 4px;color:#52645b;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.current-assignment strong{font-size:17px;line-height:1.3}.current-assignment span{margin-top:4px;color:var(--muted);font-size:12px}.live-dot{flex:none;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#319660;box-shadow:0 0 0 4px #dcefe3}.plan-timeline{display:grid;gap:5px;margin-top:9px}.plan-timeline span{display:grid;grid-template-columns:38px 8px minmax(0,1fr);align-items:center;gap:8px;margin:0;color:#59635f;font-size:12px}.plan-timeline b{color:#29312e;font-variant-numeric:tabular-nums}.plan-timeline i{display:block;width:7px;height:7px;border-radius:50%;background:#70847a}.plan-timeline small{margin-left:54px}.alert-guidance{padding:11px 13px;border-radius:10px;background:#f5f7f5;color:#39443f;font-size:13px;line-height:1.45}
.day-planning{margin-top:16px}.day-planning .panel-title{align-items:flex-start}.day-planning .eyebrow{margin:0 0 4px}.day-planning h2{margin:0;font-size:25px}.day-planning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.day-person{padding:17px;border:1px solid #e1e7e3;border-radius:15px;background:#fbfcfb}.day-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.day-person-head strong,.day-person-head span{display:block}.day-person-head>div>strong{font-size:18px}.day-person-head>div>span{margin-top:4px;color:var(--muted);font-size:12px}.now-card{display:flex;gap:12px;margin-top:14px;padding:14px;border:1px solid #c6dfd0;border-radius:12px;background:#eef7f1}.now-card small,.now-card strong,.now-card span,.next-card small,.next-card strong{display:block}.now-card small,.next-card small{color:#52645b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.now-card strong{margin-top:3px;font-size:16px;line-height:1.3}.now-card span{margin-top:4px;color:var(--muted);font-size:12px}.next-card{margin-top:14px;padding:13px 14px;border-radius:12px;background:#f2f5f3}.next-card strong{margin-top:4px;font-size:14px}.day-timeline{display:grid;margin-top:14px}.day-stop{display:grid;grid-template-columns:40px 9px minmax(0,1fr);gap:9px;align-items:start;min-height:43px;color:#6c7671}.day-stop time{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.day-stop i{position:relative;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#a9b4ae}.day-stop:not(:last-child) i:after{content:"";position:absolute;top:9px;bottom:-32px;left:3px;width:2px;background:#e0e5e2}.day-stop strong,.day-stop span{display:block}.day-stop strong{font-size:13px;line-height:1.3}.day-stop span{margin-top:2px;font-size:11px;color:var(--muted)}.day-stop.is-past{opacity:.62}.day-stop.is-current{color:#244d37}.day-stop.is-current i{background:#319660;box-shadow:0 0 0 3px #dcefe3}.day-stop.is-current strong{font-weight:700}
@media(max-width:760px){.agendrix-columns{grid-template-columns:1fr}.integration-status{align-items:stretch;flex-direction:column}.integration-status .action{width:100%}.schedule-row{grid-template-columns:9px 1fr}.schedule-row>div:last-child{grid-column:2}.integration-empty{padding:18px}.integration-mark{width:40px;height:40px}.reconciliation-row{grid-template-columns:1fr;gap:8px}.reconciliation-status{text-align:left}.reconciliation-status small{white-space:normal}.current-assignments{grid-template-columns:1fr}.current-assignment{padding:13px}.plan-timeline span{grid-template-columns:34px 7px minmax(0,1fr);gap:7px}.plan-timeline small{margin-left:48px}.day-planning-grid{grid-template-columns:1fr}.day-person{padding:14px}.day-person-head{gap:8px}.day-planning h2{font-size:22px}}

/* One account, several clearly separated workspaces. */
.workspace-switch{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:12px 0 0}.workspace-switch>span{margin-right:3px;color:var(--muted);font-size:11px}.workspace-switch form{margin:0}.workspace-switch button{min-height:34px;padding:7px 11px;border:1px solid #dce3df;border-radius:99px;background:#fff;color:#5f6965;font-size:11px}.workspace-switch button[aria-current]{border-color:#303a3a;background:#303a3a;color:#fff}.workspace-switch button:hover{border-color:#87938d}
.account-access{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;padding:0;border:0}.account-access legend{grid-column:1/-1;font-size:13px;font-weight:600}.account-access .check,.account-active{min-height:46px;margin:0;padding:10px 13px;border:1px solid #d7ded7;border-radius:9px;background:#fcfdfb}.account-active{margin:12px 0}

/* Dedicated, photo-first vehicle inspections. */
.inspection-summary{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:16px;margin-bottom:20px}.inspection-summary .panel{margin:0}.inspection-progress span,.inspection-start span{display:block;color:var(--muted);font-size:12px}.inspection-progress strong{display:block;margin:9px 0 5px;font-size:34px;letter-spacing:-.04em}.inspection-progress p,.inspection-start p{margin:4px 0;color:var(--muted);font-size:13px}.inspection-progress.is-complete{border-color:#bcd7c5;background:#f3f9f4}.inspection-start{display:flex;align-items:center;justify-content:space-between;gap:20px}.inspection-start strong{display:block;margin-top:5px;font-size:19px}.inspection-start .action{flex:none;margin:0}.inspection-row{display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #edf0ed;color:inherit;text-decoration:none}.inspection-row:first-of-type{border-top:0}.inspection-row:hover strong{text-decoration:underline}.inspection-row span,.inspection-row strong,.inspection-row small{display:block}.inspection-row .inspection-date{color:var(--muted);font-size:12px}.inspection-row small{margin-top:4px;color:var(--muted);font-size:11px}.inspection-form{max-width:820px}.optional{color:var(--muted);font-weight:400}.inspection-checklist{margin:22px 0;padding:0;border:0}.inspection-checklist legend{margin-bottom:9px;font-weight:600}.inspection-check{display:grid;grid-template-columns:minmax(0,1fr) 110px 125px;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #edf0ed}.inspection-check>strong{font-size:13px}.inspection-check label{display:flex;align-items:center;gap:7px;margin:0;padding:10px;border:1px solid #dce3df;border-radius:9px;background:#f8faf8;font-size:12px}.inspection-check input{width:17px;height:17px;margin:0}.state-options.three{display:grid;grid-template-columns:repeat(3,1fr)}.inspection-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.inspection-results>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e4e8e5;border-radius:10px}.inspection-results span{font-size:12px}.inspection-results strong{font-size:12px}.result-ok{color:#39734f}.result-problem{color:#a23d34}.inspection-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inspection-photos .photo-preview{width:100%}
.field-label{display:block;margin:18px 0 7px;font-size:13px;font-weight:600}.inspection-photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inspection-photo-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;margin:0;padding:11px;border:1px solid #9baba2;border-radius:11px;background:#f7f9f7;color:#26352e;text-align:center;font-size:13px;font-weight:650;cursor:pointer}.inspection-photo-action.camera{background:#303a3a;color:#fff;border-color:#303a3a}.inspection-photo-action.is-disabled{opacity:.45;pointer-events:none}.inspection-photo-action>span{font-size:17px}.inspection-photo-action input,.inspection-photo-submission{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.inspection-photo-count{margin:9px 1px 0;color:var(--muted);font-size:12px}.inspection-photo-list:not(:empty){margin-top:10px;padding:10px;border:1px solid #dfe6e1;border-radius:11px;background:#fff}.inspection-photo-grid{display:grid;grid-template-columns:repeat(6,64px);gap:8px}.inspection-photo-grid>span{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:9px;overflow:hidden;background:#edf0ed}.inspection-photo-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.inspection-photo-grid .has-preview img{opacity:1}.inspection-photo-grid em{padding:5px;color:var(--muted);font-size:9px;font-style:normal;text-align:center}.inspection-photo-grid .has-preview em{display:none}.inspection-photo-grid button{position:absolute;z-index:2;top:3px;right:3px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#202b2bd9;color:#fff;font-size:17px;line-height:1}
@media(max-width:700px){.workspace-switch{justify-content:flex-start;overflow-x:auto;padding-bottom:3px}.workspace-switch>span{display:none}.workspace-switch button{white-space:nowrap}.account-access{grid-template-columns:1fr}.inspection-summary{grid-template-columns:1fr}.inspection-start{align-items:stretch;flex-direction:column}.inspection-start .action{width:100%;text-align:center}.inspection-row{grid-template-columns:1fr auto;gap:7px 12px}.inspection-row .inspection-date{grid-column:1/-1}.inspection-check{grid-template-columns:1fr 92px 105px}.inspection-check label{padding:9px 7px}.state-options.three{grid-template-columns:1fr}.inspection-results{grid-template-columns:1fr}.inspection-photos{grid-template-columns:1fr 1fr}.inspection-photo-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.inspection-photo-action{min-height:46px;padding:8px 5px;font-size:11px}.inspection-photo-action>span{font-size:14px}.inspection-photo-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.inspection-photo-grid>span{width:100%;height:auto;aspect-ratio:1}}

/* Individual notification center for management accounts. */
body[data-view=notifications] .shell{max-width:1180px}
.pilot-dashboard h2{margin:3px 0 0}.pilot-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0}.pilot-stats>div{padding:13px;border-radius:10px;background:#f5f7f5}.pilot-stats span,.pilot-stats strong{display:block}.pilot-stats span{min-height:30px;color:var(--muted);font-size:11px;line-height:1.35}.pilot-stats strong{margin-top:5px;font-size:23px}.data-health{margin-top:8px;border-top:1px solid #e7ece8;padding-top:12px}.data-health>summary{font-size:12px;font-weight:650;cursor:pointer}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.health-grid>div{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e1e7e3;border-radius:9px}.health-grid>div>span{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:#e4f3e8;color:#2f734a;font-weight:700}.health-grid p,.health-grid strong,.health-grid small{display:block;margin:0}.health-grid strong{font-size:12px}.health-grid small{margin-top:2px;color:var(--muted);font-size:10px}
.notification-heading{margin-bottom:18px}.notification-tabs{margin-bottom:18px}.notification-tabs a{font-weight:650}.alert-status-tabs{margin:12px 0 18px}
.notification-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:start}
.notification-feed,.notification-settings{margin:0}
.notification-feed .panel-title form,.notification-feed .panel-title .link-button{margin:0}
.notification-item{display:grid;grid-template-columns:9px minmax(0,1fr);gap:13px;padding:17px 0;border-top:1px solid #e7ece8}
.notification-item:first-of-type{border-top:0}.notification-item.is-unread{background:linear-gradient(90deg,#f1f8f3 0,transparent 72%)}
.notification-dot{width:8px;height:8px;margin-top:7px;border-radius:50%;background:#b8c4bd}.notification-item.is-unread .notification-dot{background:#327955;box-shadow:0 0 0 4px #e1f0e6}
.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}.notification-meta span{font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.notification-item h3{margin:4px 0 3px;font-size:15px}.notification-item p{color:#53615b;font-size:13px;line-height:1.5}
.notification-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:9px}.notification-actions a,.notification-actions button{font-size:12px}.notification-actions form{margin:0}.notification-actions small{margin-left:auto;color:var(--muted);font-size:10px}
.notification-settings{position:sticky;top:12px}.notification-settings h2{margin-bottom:3px}.notification-settings>.hint{margin-bottom:16px}.notification-settings .check{min-height:42px;margin:8px 0;padding:9px 11px;border:1px solid #dfe5e1;border-radius:9px;background:#fafbfa}
.notification-delivery{display:grid;grid-template-columns:1fr 180px;gap:10px;margin:12px 0}.notification-delivery label{margin:0}
.notification-settings-page{position:static;max-width:760px}.notification-settings-page .panel-title{align-items:flex-start}
.notification-categories{margin:18px 0 0;padding:0;border:0}.notification-categories legend{margin-bottom:8px;font-size:13px;font-weight:700}.notification-test{margin:9px 0 0}.notification-test .action{width:100%;margin-top:0}.notification-settings>form:first-of-type>.action{width:100%}
@media(max-width:800px){.notification-layout{grid-template-columns:1fr}.notification-settings{position:static;grid-row:1}.notification-actions small{width:100%;margin:0}.notification-item{padding:14px 0}.notification-delivery{grid-template-columns:1fr}}
@media(max-width:700px){.pilot-stats{grid-template-columns:1fr 1fr}.pilot-stats span{min-height:0}.health-grid{grid-template-columns:1fr}}