:root{color-scheme:dark;--bg:#0b1922;--panel:#142834;--line:#304753;--mint:#85e0ca;--text:#edf5f8;--muted:#a8bcc7;--yellow:#f0cc79;--red:#f6a49a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}a{color:var(--mint);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.oc-shell{width:min(1240px,100%);padding:24px 32px 50px;margin:auto}.oc-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);font-weight:650}.oc-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800}.oc-brand>span{display:grid;place-items:center;background:var(--mint);color:#102d30;border-radius:14px;width:46px;height:46px}.oc-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 26px}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.18em;font-weight:800;margin:0 0 12px}h1{font-size:clamp(34px,5vw,52px);line-height:1.1;letter-spacing:-.045em;margin:0 0 13px}h1>span{color:var(--mint)}h2,h3,p{overflow-wrap:anywhere}h2{font-size:28px;line-height:1.15;margin:0 0 10px}h3{font-size:19px;margin:0 0 9px}p{margin:0 0 12px}.oc-intro p:not(.eyebrow),.muted,.oc-footer,.list-caption{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 17px;border:1px solid var(--line);border-radius:13px;background:#10222e;color:var(--text);font-weight:650;text-align:center;text-decoration:none}.button:hover{border-color:var(--mint);background:#19333b}.button.primary{background:var(--mint);border-color:var(--mint);color:#123632}.oc-hero{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:40px;padding:32px;border:1px solid #365f60;border-radius:26px;background:linear-gradient(115deg,#112b36,#163b35)}.hero-number{display:flex;align-items:center;gap:20px;margin:12px 0 16px}.hero-number strong{font-size:78px;line-height:1;font-weight:800;letter-spacing:-.055em;color:var(--mint)}.hero-number span{max-width:140px;font-size:21px;line-height:1.25;font-weight:650}.hero-copy>p:not(.eyebrow){color:#c5d7db;max-width:580px}.schedule{font-size:14px;border-top:1px solid #365351;margin-top:22px;padding-top:17px;color:#c6dbd7}.schedule small{display:block;margin:6px 0 0 18px;color:var(--muted);font-size:12px}.live-dot{display:inline-block;border-radius:50%;background:var(--mint);width:7px;height:7px;margin-right:8px}.hero-right{display:grid;justify-items:center;align-content:center;gap:12px;text-align:center}.hero-right p{font-size:13px;color:#bdd2ce;margin:0}.oil-ring{width:154px;height:154px;border-radius:50%;padding:10px;background:conic-gradient(var(--mint) 0deg,var(--mint) var(--fill,0deg),#38564f var(--fill,0deg),#38564f 360deg)}.oil-ring>div{height:100%;border-radius:50%;background:#12312f;display:flex;flex-direction:column;justify-content:center;align-items:center}.oil-ring strong{font-size:38px;letter-spacing:-.05em}.oil-ring span{font-size:12px;color:var(--muted)}#checked{font-size:12px;margin:16px 2px 28px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.tabs{display:flex;gap:6px;background:#10222e;border:1px solid var(--line);border-radius:16px;padding:5px}.tabs button{border:0;border-radius:11px;background:none;color:var(--muted);font-weight:650;padding:11px 17px;min-height:46px}.tabs button[aria-selected=true]{background:var(--mint);color:#133831}.tabs span{margin-left:7px;font-size:12px;padding:2px 7px;background:#ffffff26;border-radius:20px}.export-links{display:flex;gap:8px}.filters{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;margin:23px 0 15px}label{display:block;font-size:13px;font-weight:650;color:#d3e0e7}input,select,textarea{display:block;margin-top:8px;width:100%;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#10222e;color:var(--text);padding:13px 14px;min-height:49px;font-size:16px}input::placeholder,textarea::placeholder{color:#8fa4b1}textarea{resize:vertical}.list-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:12px}.list-caption p{margin:0}.bike-list{display:grid;gap:12px}.bike-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(130px,.8fr) minmax(155px,1fr) auto;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.bike-row.due{border-left:3px solid var(--yellow)}.bike-plate{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.bike-row p{margin:0}.bike-row .driver-name{font-size:14px;font-weight:650}.bike-row small,.bike-row .meta{font-size:12px;color:var(--muted);display:block;margin-top:4px}.bike-row .minor-title{text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.09em;color:var(--muted);margin-bottom:5px}.bike-row .status{font-size:13px;font-weight:700}.pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:650;background:#27423e;color:#a5e2ca;max-width:100%;overflow-wrap:anywhere}.pill.due,.pill.needs_review,.pill.warn{background:#453d28;color:var(--yellow)}.pill.inactive{background:#283948;color:#bac9d3}.row-action{display:flex;flex-direction:column;gap:8px;min-width:155px}.row-action>a{font-size:13px;text-align:center}.message{margin:18px 0;border:1px solid #936146;background:#392f26;color:#f1dac0;padding:17px;border-radius:14px}.empty{padding:44px 22px;border:1px dashed var(--line);border-radius:20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:22px;margin-bottom:8px}.oc-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:12px}dialog{width:min(760px,calc(100% - 24px));max-height:90dvh;padding:28px;background:var(--bg);color:var(--text);border:1px solid #4a6666;border-radius:25px;overflow:auto}dialog::backdrop{background:#040d17cf;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:15px}.dialog-head .muted{font-size:13px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.history-list{display:grid;gap:0;margin:12px 0 25px}.history-entry{display:grid;grid-template-columns:120px 100px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.history-entry small{display:block;font-size:11px;color:var(--muted)}.history-entry .warn{color:var(--yellow)}#callForm{border:1px solid var(--line);border-radius:18px;padding:20px;background:#142b32}#callForm p{font-size:13px}#callForm label{margin:15px 0}#callMessage{margin:10px 0}.notes{padding:12px 0;font-size:13px;color:var(--muted)}.notes p{margin:6px 0}.driver-oil .oc-shell{max-width:690px}.driver-panel{padding:25px;border:1px solid var(--line);border-radius:23px;background:var(--panel);margin:20px 0}.driver-panel .bike-plate{font-size:31px}.driver-panel label{margin:20px 0}.driver-panel .primary{width:100%;min-height:55px}.driver-panel .info{border:1px solid #355d57;border-radius:15px;padding:18px;margin-top:18px;background:#173b34}.driver-panel .info p{margin:0}.success{padding:25px;background:#173e33;border:1px solid #458b6d;border-radius:20px;margin:24px 0}.success strong{font-size:24px;display:block;margin-bottom:12px}.driver-oil .history-entry{grid-template-columns:110px 85px 1fr}.driver-oil .oc-intro{margin-bottom:20px}.driver-oil .oc-intro p{font-size:16px}
@media(max-width:850px){.bike-row{grid-template-columns:1fr 1fr;gap:16px}.row-action{align-self:end}.hero-number strong{font-size:65px}.oc-hero{gap:22px;grid-template-columns:minmax(0,1fr) 175px}}
@media(max-width:560px){.oc-shell{padding:18px 18px calc(30px + env(safe-area-inset-bottom))}.oc-header{padding-bottom:18px;font-size:14px}.oc-brand>span{width:41px;height:41px}.oc-intro{margin:28px 0 22px;align-items:start}.oc-intro>.button{padding:9px 12px;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.14em}.oc-hero{padding:23px 20px;grid-template-columns:1fr;gap:20px;border-radius:23px}.hero-right{grid-template-columns:76px 1fr;text-align:left;justify-items:start;align-items:center;border-top:1px solid #365351;padding-top:18px}.oil-ring{width:76px;height:76px;padding:6px}.oil-ring strong{font-size:25px}.oil-ring span{font-size:9px}.hero-right p{font-size:13px;max-width:130px}.hero-number strong{font-size:69px}.hero-number span{font-size:19px}.hero-copy>p:not(.eyebrow){font-size:14px}.schedule{font-size:13px}.schedule small{font-size:11px}.toolbar{gap:13px}.tabs{width:100%}.tabs button{flex:1;padding:10px 8px;font-size:12px}.tabs span{margin-left:3px}.export-links{margin-left:auto}.export-links .button{font-size:12px;min-height:42px}.filters{grid-template-columns:1fr;gap:13px;margin-top:20px}.list-caption span{max-width:120px;text-align:right}.bike-row{padding:18px;gap:16px 12px}.bike-row>div:first-child{grid-column:1/-1}.row-action{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.row-action .button{flex:1}.row-action>a{min-width:90px;min-height:46px;display:grid;place-items:center}.bike-row .bike-plate{font-size:27px}.bike-row .driver-name{font-size:15px}.bike-row .meta{font-size:12px}.history-entry{grid-template-columns:1fr 1fr;font-size:13px}.history-entry>div:last-child{grid-column:1/-1}.dialog-head{gap:12px}dialog{padding:21px 18px;border-radius:22px}.dialog-head h2{font-size:25px}.dialog-head .button{padding:10px 13px}.driver-panel{padding:21px 19px}.driver-oil .history-entry{grid-template-columns:1fr 1fr}.driver-oil .history-entry>div:last-child{grid-column:1/-1}.oc-footer{font-size:11px}}

/* Separate the history action from the oil confirmation button. */
.driver-oil .driver-panel>details{margin-top:16px}

/* Match native Safari dropdowns to the normal input height. */
.filters input,.filters select,#callOutcome{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;padding:11px 13px;font-size:16px;line-height:24px}
.filters select,#callOutcome{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2385e0ca' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
.filters{align-items:end}