:root{--navy:#063b20;--teal:#008b3a;--mist:#f3f7f4}
body>header{height:auto;min-height:76px;flex-wrap:wrap;gap:14px;padding-block:10px}
.brand img{display:block;width:180px;height:auto;max-height:65px;object-fit:contain}
nav{gap:18px;order:3;flex-basis:100%}nav a{padding:8px 0;white-space:nowrap}.hero{background:linear-gradient(120deg,#052e1b,#086638)}
.filters{flex-wrap:wrap;justify-content:flex-end}.filters input,.filters select,dialog select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0}.filters input{min-width:140px}
.lanes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#authStatus{font-size:12px;max-width:250px;overflow-wrap:anywhere}
button:disabled{cursor:not-allowed;opacity:.55}
#tripDetailsActions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}#tripDetailsActions label{display:grid;gap:5px;font-size:13px}#tripDetailsActions select{padding:10px;max-width:230px;font:inherit}#tripFormError{color:#9d2525;font-size:14px;white-space:pre-wrap}#boardNotice{color:#265738;font-size:14px}
@media(max-width:850px){body>header nav{display:flex;order:3;overflow-x:auto;white-space:nowrap;flex-basis:100%;gap:16px}.hero{padding:24px}.filters{justify-content:flex-start}.brand img{width:145px}.board{padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.lanes{grid-template-columns:1fr}.driver-header{height:auto;flex-wrap:wrap;gap:12px;padding:12px}.driver-shell{padding:14px}}
.trip-confirmation{padding:12px;border:2px solid #a15e00;border-radius:10px;background:#fff6d9}.trip-confirmation p{margin:0 0 10px}.trip-confirmation button{margin:4px 6px 4px 0}