@import url('./v24-access.css');
/* V24 shell uses the existing semantic colours; both themes keep the same interaction states. */
.rail{background:#172741;color:#d5dfef;border-color:#172741;padding-top:24px}
.rail .brand,.rail .brand:hover{color:#fff;letter-spacing:.02em;font-size:20px}
.rail .brand-mark{background:#83b5ff;color:#142743;width:31px;height:31px;border-radius:10px}
.rail-search{background:#223752;color:#c3d3eb;border-color:#3b506c}.rail-search:hover{color:white}
.rail .nav a,.rail .user-btn,.rail .conn{color:#becee4}.rail .nav a:hover,.rail .user-btn:hover{background:#243c59;color:white}
.rail .nav a.is-active{background:#304e74;color:white;box-shadow:inset 3px 0 #87bcff}
.rail .nav{gap:5px}.rail .nav a{min-height:40px}.rail-foot{border-top:1px solid #394d67;padding-top:10px}
.content-inner{max-width:1600px}.page-head{padding-bottom:10px}.page-title h1{letter-spacing:-.04em}
.v24-band{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:12px 0 22px;padding:26px 30px;border-radius:16px;color:white;background:linear-gradient(115deg,#143a5e 0%,#1a527b 65%,#25647c 100%)}
.v24-band:before{content:"";position:absolute;z-index:-1;right:-2%;inset-block:0;width:48%;opacity:.48;background:repeating-linear-gradient(135deg,transparent 0 24px,#ffffff15 25px 26px)}
.v24-kicker{font:600 10px var(--mono);letter-spacing:.14em;color:#b1d7f9}.v24-band h2{font-size:25px;letter-spacing:-.03em;margin:4px 0}
.v24-band p{color:#d6e8f4;font-size:13px}.v24-band a{color:white;background:#16365199;border:1px solid #ffffff44;border-radius:9px;padding:7px 12px;white-space:nowrap}
.fleet-metric{position:relative;overflow:hidden;border-radius:12px}.fleet-metric[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}
.v24-source{display:flex;align-items:center;gap:9px;padding:8px 18px 0;color:var(--ink-2);font-size:12px}
.v24-source select,.v24-delivery select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:7px;padding:6px 10px}
.v24-delivery{display:grid;gap:12px;justify-items:center}.v24-delivery svg{max-height:200px;max-width:100%}
.v24-delivery code{font-size:15px;letter-spacing:.06em;color:var(--ink)}.v24-delivery .page-actions{flex-wrap:wrap;justify-content:center}
@media(max-width:760px){.v24-band{padding:18px;align-items:flex-start}.v24-band h2{font-size:20px}.v24-band a{font-size:12px}.rail .nav a{min-height:36px}.rail{padding-top:8px}}
@media(prefers-reduced-motion:no-preference){.nav a,.btn,.fleet-metric{transition:background-color .15s,color .15s,box-shadow .15s}}