/* Texas Best Pilots. Black, charcoal, and orange from the wordmark.
   Body text stays a system font so job details stay readable on a phone.
   Headings use Oswald, the condensed face closest to the logo. */
@font-face{font-family:Oswald;src:url(/fonts/Oswald-Bold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ink:#f6f3ee;--muted:#c9c2b8;--line:#3c3c3c;--paper:#121212;--green:#8fd9b0;--orange:#f57906;--navy:#000000;--white:#1c1c1c;--bad:#ff9b9b}
body{background:#121212;color:var(--ink)}
h1,h2,h3,.eyebrow{font-family:Oswald,"Arial Narrow",Impact,sans-serif;font-weight:600;letter-spacing:.01em}
h1{letter-spacing:.015em}
button{background:#f57906;color:#161616}
button:hover{filter:brightness(1.06)}
button.secondary{background:#2a2a2a;color:#f6f3ee;border-color:#6a6a6a}
button.danger{color:#ffd0d0;background:#3a181b;border-color:#8a3a40}
button.header-about{background:transparent;color:#f57906;border:1px solid #f57906;min-height:44px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f57906}
a{color:#f57906}
header{background:#000;color:#f6f3ee;flex-wrap:wrap}
.brand-logo{display:block;height:72px;width:auto;max-width:min(560px,68vw)}
.header-side{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.auth-wordmark{margin:0 0 4px}
.auth-logo{display:block;width:100%;height:auto;border-radius:12px;background:#000}
.brand-tagline{color:#f57906;font-weight:650;letter-spacing:.03em;margin:8px 0 14px}
.test-strip{background:#1a120c;color:#ffd7b0;border-bottom:2px solid #f57906}
.panel,.stat{background:#1c1c1c;border-color:#3c3c3c;color:#f6f3ee}
.eyebrow{color:#f57906}
.tabs button{background:transparent;color:#c9c2b8}
.tabs button.active{background:#f57906;color:#161616}
input,textarea,select{background:#262626;color:#f6f3ee;border-color:#6e6e6e}
input::placeholder,textarea::placeholder{color:#b7b0a6;opacity:1}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:#f6f3ee;box-shadow:0 0 0 1000px #262626 inset}
.pill{background:#2c2c2c;color:#eeeae4}
.pill.good{background:#143226;color:#b6f5d4}
.pill.warn{background:#3a2a10;color:#ffd7a1}
.pill.bad{background:#3a1618;color:#ffc1c1}
#toast{background:#141414;color:#f6f3ee;border:1px solid #f57906;box-shadow:0 8px 28px #000a}
dialog{background:#1b1b1b;color:#f6f3ee}
dialog::backdrop{background:#000c}
dialog pre,.fact-list div{background:#141414;color:#f6f3ee}
.status-alert{background:#3a2a12;color:#ffe3c2}
.contact-link{background:#262626;color:#f6f3ee;border-color:#5c5c5c}
.contact-card{display:grid;gap:10px;margin:8px 0 0}
.contact-card div{background:#141414;border:1px solid #3c3c3c;border-radius:10px;padding:12px 14px}
.contact-card dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f57906;font-weight:700}
.contact-card dd{margin:2px 0 0;font-size:18px}
.rating button{background:#2a2a2a;color:#f6f3ee}
.rating button[aria-pressed=true]{background:#f57906;color:#161616}
.job-map,.vehicle-photo,.photo-placeholder,#fleet-map{background:#1a1a1a}
.google-car-pin{background:#f57906;color:#161616;border-color:#161616}
.position-line,.pay-preview,.mileage-total{color:#f57906}
.route-pin{border-color:#4a4a4a}
.route-suggestions:not(:empty){background:#1c1c1c;border-color:#4a4a4a}
.route-suggestions button{background:#262626;color:#f6f3ee;border-bottom-color:#3c3c3c}
.route-suggestions button:hover,.route-suggestions button:focus{background:#332418;outline-color:#f57906}
.route-directions li{border-bottom-color:#3c3c3c}
.route-compare-columns section{border-color:#4a4a4a}
.route-totals{background:#1a1a1a;color:#f6f3ee}
#route-outline svg{background:#141414;border-color:#4a4a4a}
fieldset{border-color:#4a4a4a}
@media(max-width:540px){
.brand-logo{height:48px}
.header-side{width:100%}
.contact-card dd{font-size:17px}
h1{font-size:28px}
}