/* Inspired by the coach wrap: red lettering, orange/yellow stripes, white body and charcoal glass. */
:root{--accent:#bb1530;--green:var(--accent);--muted:#667085;--line:#e3e4e7;color:#24272d;background:#f5f5f6}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#d75916}
a{color:#b4132d}
aside{background:#191a1f}
aside::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(100deg,#f5c62e 0 25%,#ee641c 25% 55%,#c71932 55%)}
.mark{color:#26252a;background:#f5c62e}
.workspace,.aside-bottom{color:#b4b6c0}
nav button{color:#d2d3da}
nav button.active{background:#44212b;color:#fff;box-shadow:inset 3px 0 #ee641c}
nav button:hover{background:#303137}
nav button.active:hover{background:#512633}
.status{border-color:#41424a;color:#e5e5e9}
.status span,.live-dot{background:#edb72b}
.aside-bottom button{color:#e4e4e8}
.breadcrumb,.header-right{color:#68707d}
.breadcrumb b{color:#3d424b}
.avatar{border-color:#ead7dc;color:#ad1930;background:#fcf0f2}
.eyebrow{color:#a43528}
h1 span{color:#c71932}
.primary{background:var(--accent);border-color:var(--accent)}
.primary:hover{background:#9f1028;border-color:#9f1028}
.outline{border-color:#dcdde2;color:#454851;background:#fff}
.outline:hover{background:#fff5f0;border-color:#e7b29d;color:#9c3020}
.quiet,.toolbar,.toolbar select,.filters select{color:#626976}
.stats article>div{color:#626976}
.stat-icon{background:#fff0ea;color:#b0471c}
.stat-icon.blue{background:#fff5db;color:#996515}
.stats h2 small,.stats p{color:#737a86}
.insight{position:relative;background:#fff8ee;border-color:#f0ddc9}
.insight::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#f5c62e 0 33%,#ee641c 33% 66%,#c71932 66%)}
.insight p{color:#72655d}
.insight .outline{background:#fff}
.road{background:#d4c8bb}
.bus{background:#fff;border:1px solid #d2d3d8;box-shadow:0 13px 0 -9px #d4c5b4}
.windows{background:#202127;border-radius:14px 26px 0 0;padding:10px 13px}
.windows i{background:#454b55;height:31px}
.stripe{background:linear-gradient(115deg,#fff 0 48%,#f5c62e 48% 59%,#fff 59% 62%,#ee641c 62% 73%,#fff 73% 76%,#c71932 76% 88%,#fff 88%);height:39px;margin-top:0}
.wheel{border-color:#26272d;background:#b6b9bf}
.art-label{color:#7d685d}
th{color:#69717c;background:#fafafa}
td{border-color:#ececf0}
td small,.coach-card small{color:#727985}
.blue-text{color:#a54b1f}
.empty{color:#737986}
.empty>span{color:#c85830}
.empty h3{color:#41434b}
.table-footer,footer{color:#717783}
.reg{background:#ffe9a2;color:#342d20}
.coach-log-link:hover{background:#ffe18a;color:#342d20}
dialog{color:#292b32;box-shadow:0 20px 100px #191a1f40}
dialog::backdrop{background:#191a1f80}
.close,label{color:#626773}
label input,label select,textarea{border-color:#dedfe4;background:#fdfdfd;color:#272a32}
label small{color:#747b86}
.check{background:#fff1e9}
.check input{accent-color:#bb1530}
.form-error,#login-error{color:#ad1930}
#toast{background:#292a31}
.login{background:radial-gradient(ellipse at 75% 15%,#ffe5c1,transparent 60%),radial-gradient(ellipse at 10% 90%,#fae1e6,transparent 65%),#f7f6f5}
.login p{color:#6b6266}
.login .eyebrow{color:#a43528}
.login small{color:#716e78}
.due-badge.overdue{background:#fce7eb;color:#a51b32}
.due-badge.soon{background:#fce7eb;color:#a51b32}
.due-badge.upcoming{background:#eaf4e5;color:#3d7040}
.due-badge.unknown{background:#f1f1f4;color:#6a6e79}
@media(max-width:760px){nav button.active{box-shadow:inset 0 -3px #ee641c}}
.driver-welcome{margin-top:26px;align-items:center}
.driver-welcome .coach-art{width:320px;max-width:100%;justify-self:center}
.driver-welcome .bus{left:50%;margin-left:-130px}
.driver-welcome p:last-child{margin-bottom:0}
.brand-logo{display:block;width:184px;height:auto;max-width:100%}
.login .brand-logo{width:260px}
#records>.section-heading{flex-wrap:wrap;gap:10px}
#records>.section-heading>div{flex:1;min-width:170px}
@media(max-width:760px){.driver-welcome{gap:0}.driver-welcome .coach-art{display:block;min-height:150px;transform:scale(.85);transform-origin:center}.driver-welcome .art-label{right:0;left:0;text-align:center}}


/* Profile dropdown: visible on phones and desktop. */
.profile-actions{position:relative;flex-shrink:0}
.profile-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ead9dc;border-radius:50%;background:#fff0e8;color:#9e122a;cursor:pointer;font:700 13px inherit}
.profile-toggle:focus-visible,.profile-dropdown button:focus-visible{outline:3px solid #ee641c;outline-offset:3px}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:165px;padding:6px;background:white;border:1px solid #e5dadd;border-radius:10px;box-shadow:0 8px 28px #25262c26;z-index:30}
.profile-dropdown[hidden]{display:none}
.profile-dropdown button{display:block;width:100%;min-height:44px;padding:12px 16px;text-align:left;border:0;border-radius:6px;background:white;color:#a6112b;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.profile-dropdown button:hover{background:#fff0e8}


.android-download-card{max-width:580px;margin-top:22px}
.android-download-card h2{font-size:18px;margin-top:0}
.android-download-card p{font-size:13px;line-height:1.6}
.android-download-card a.primary{display:inline-flex;text-decoration:none;align-items:center;min-height:44px}
#android-download-link{font-size:12px;min-width:0}


/* Installed iPhone safe areas and readable form inputs. */
@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.login{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(max-width:760px){input,select,textarea{font-size:16px}}

.vehicle-details{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:18px 0}
.vehicle-details div{min-width:0}.vehicle-details dt{font-size:10px;color:#626976;margin-bottom:4px}.vehicle-details dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}