/* Quiet road imagery, balanced navigation and illuminated engraved legends. */
body:not(.locked){background:#101311}
body:not(.locked)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#101311a8 0%,#101311db 52%,#101311f5 100%),url('/assets/highway.png') 62% center/cover no-repeat}
body:not(.locked) main{max-width:1000px!important;margin:0 auto!important;padding:26px 22px 40px}
body header{max-width:760px;align-items:center;gap:18px;margin:0 auto 20px}
body header>div:first-child{min-width:0}
body header p{line-height:1.5;margin:7px 0 0}
body .topactions{flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
body .topactions button,body .topactions .btn{min-height:40px;font-size:11px;padding:10px 14px;white-space:nowrap;border-radius:9px;box-shadow:0 2px 2px #0006}
body .topactions button::before{filter:grayscale(.8) brightness(.45);opacity:.75}
body .topactions .btn{color:#f0e9d8;text-shadow:0 1px 2px #000}
body .topactions .btn::after{display:none}
body #content{padding:12px 0}
body .phone.panel{max-width:480px;padding:25px;background:linear-gradient(145deg,#242823ed,#141915f5);border:1px solid #a7956438;border-radius:24px;box-shadow:0 18px 50px #0005,inset 0 1px 0 #ffffff09;backdrop-filter:blur(14px)}
body .book-menu{display:flex;justify-content:flex-end;margin:2px 0 6px}
body .book-more{font-size:11px;min-height:36px;padding:8px 12px;background:transparent;border:1px solid #9e926b33;box-shadow:none;color:#d2c8ad}
body .book-more::before{opacity:.18}
body .phone .book-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 24px;padding:5px;background:#090e0bb0;border:1px solid #a69a7730;border-radius:13px;box-shadow:inset 0 2px 5px #0006}
body .phone .book-tabs button{min-width:0;min-height:44px;padding:10px 3px;font-size:11px;font-weight:600;letter-spacing:0;white-space:nowrap;border-radius:8px;box-shadow:0 1px 2px #0004;background:#1f251e;color:#f2dfb7;text-shadow:0 1px 1px #000}
body .phone .book-tabs button::before{background-size:112% 120%;filter:grayscale(.5) brightness(.6);opacity:.6}
body .phone .book-tabs button[aria-current='page']{color:#fff0cb;border:1px solid #c29a4b80;box-shadow:inset 0 1px 0 #ffe7aa22,0 1px 5px #0004}
body .phone .book-tabs button[aria-current='page']::before{filter:brightness(.7);opacity:.85}
body .phone .book-tabs button.secondary{color:#c7cdbf;background:#20251e}
body .phone .book-tabs button.secondary::before{filter:grayscale(1) brightness(.36);opacity:.35}
body .phone .keypad{gap:12px;margin:22px 0}
body .phone .keypad button{min-height:76px;padding:12px 9px;border-radius:13px;box-shadow:0 3px 1px #040605,0 6px 9px #0005}
body .phone .keypad button::before{background-size:106% 112%;filter:grayscale(.8) brightness(.37)}
body .phone .keypad .key-digit{font-size:28px;line-height:1.2;color:#fff7de;text-shadow:0 0 2px #fff8e3,0 0 7px #ffd3808c,0 0 15px #ffc06340;font-weight:500}
body .phone .keypad small{min-height:12px;margin:6px 0 0;font-size:9px;letter-spacing:2px;color:#faf0cf;text-shadow:0 0 3px #fff3c6a0,0 0 8px #ffcf6866;line-height:1.2}
body .phone .keypad button:active .key-digit,body .phone .keypad button:active small{color:#fff;text-shadow:0 0 3px #fff,0 0 10px #ffdc93,0 0 20px #ffc26c80}
body .phone>.subtle{min-height:38px;padding:9px 13px;font-size:12px;box-shadow:0 2px 3px #0005}
body .phone>.subtle::before{background-size:105% 115%;opacity:.6}
body .phone .plateentry{margin:12px 0 14px;background:#0c120fe8;border-color:#92845c66;border-radius:12px}
body .phone .plateentry input{min-width:0;font-size:clamp(20px,5vw,27px);letter-spacing:1px}
body .phone .plateentry select{max-width:65px;padding:12px 8px}
body .phone .actions .btn,body .connection-actions .btn{min-height:54px;padding:15px 12px;box-shadow:0 3px 1px #080703,0 6px 12px #0005}
body .phone .actions .btn::before,body .connection-actions .btn::before{background-size:103% 108%}
@media(max-width:600px){body:not(.locked) main{padding:20px 16px 32px}body header{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}body .topactions{justify-content:flex-end}body header p{font-size:12px}body .phone.panel{padding:18px 16px;border-radius:20px}body #content{padding:0}body .phone .book-tabs{margin-bottom:22px}body .phone>.eyebrow{font-size:8px;letter-spacing:1.8px}body footer{font-size:8px}}
.book-menu{display:flex;align-items:center;justify-content:space-between;gap:8px}.availability{color:#bceac6!important;font-size:11px!important;min-height:36px!important}.availability.quiet{color:#dccb9d!important}.phone .notice .actions{flex-wrap:wrap}.phone .notice .subtle{font-size:11px;min-height:36px}#report-fields[hidden]{display:none}#report-fields label{display:block;margin-top:12px}.registration-vehicle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.registration-vehicle input{min-width:0}