/* OOA is the default brand style. Classic retains its original dark/light palette. */
:root[data-style="ooa"]{--ui-bg:#080c20;--ui-panel:#10162d;--ui-soft:#1a2240;--ui-text:#f7f7ff;--ui-muted:#b1bbd2;--ui-gold:#69dfff;--ui-accent:#35d4f6;--ui-line:#323b62;--ui-positive:#8ce4b0;--ui-negative:#ff9eab;--ui-button-text:#061424;--ui-shadow:#02041266;--brand-ink:var(--ui-bg);--brand-ink2:var(--ui-panel);--brand-paper:var(--ui-text);--brand-mut:var(--ui-muted);--ink:var(--ui-text);--text:var(--ui-text);--forest:var(--ui-gold);--muted:var(--ui-muted);--paper:var(--ui-bg);--white:var(--ui-panel);--card:var(--ui-panel);--soft:var(--ui-soft);--line:var(--ui-line);--gold:var(--ui-gold);--gold2:var(--ui-gold);--good:var(--ui-positive);--red:var(--ui-negative)}
:root[data-style="ooa"][data-theme="light"]{--ui-bg:#f3f2fc;--ui-panel:#ffffff;--ui-soft:#eae8fa;--ui-text:#17203d;--ui-muted:#505a78;--ui-gold:#08678a;--ui-accent:#086e94;--ui-line:#c7cde2;--ui-positive:#176342;--ui-negative:#a92d47;--ui-button-text:#ffffff;--ui-shadow:#343b6414}
.ooa-brand,.ooa-about,.ooa-login-brand{display:none}
.style-switch{display:flex;align-items:center;flex-shrink:0;padding:3px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-bg);margin-left:auto}
.style-switch button{border:0;background:none;color:var(--ui-muted);font:650 12px/1.2 system-ui,sans-serif;padding:9px 11px;border-radius:7px;min-height:44px;min-width:44px}
.style-switch button[aria-pressed="true"]{background:var(--ui-soft);color:var(--ui-text)}
.style-choices{margin-bottom:14px}
html[data-style="ooa"] body{background:radial-gradient(ellipse at 83% 0,rgba(101,37,178,.15),transparent 43%),radial-gradient(ellipse at 15% 15%,rgba(19,118,174,.07),transparent 42%),var(--ui-bg)}
html[data-style="ooa"] .workspace{background:transparent}
html[data-style="ooa"] .sidebar{background:linear-gradient(168deg,rgba(87,27,121,.13),transparent 42%),var(--ui-bg);border-right:1px solid var(--ui-line)}
html[data-style="ooa"] .topbar{background:color-mix(in srgb,var(--ui-bg) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--ui-line)}
html[data-style="ooa"] .hound-home>.hound-crest,html[data-style="ooa"] .hound-home>.hound-brand-name{display:none}
html[data-style="ooa"] .ooa-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;letter-spacing:-.3px;line-height:1.3;min-width:0}
.ooa-brand img{width:158px;max-width:100%;height:auto;display:block}
.ooa-brand>span{color:var(--ui-text);font:800 15px/1.3 system-ui,sans-serif;white-space:nowrap}
.ooa-brand em{font-style:normal;color:var(--ui-gold)}
html[data-style="ooa"] .sidebar>.brand{padding:0 9px;margin-bottom:25px}
html[data-style="ooa"] .mobile-brand .ooa-brand{gap:0}
.mobile-brand .ooa-brand img{width:72px}
.mobile-brand .ooa-brand>span{display:none}
html[data-style="ooa"] .sidebar nav>a{height:46px;font-size:14px;margin:5px 0;font-weight:550}
html[data-style="ooa"] .sidebar nav>a.active{background:linear-gradient(100deg,#c226fb28,#00c7f410);color:var(--ui-text);box-shadow:inset 3px 0 #37d7f9;font-weight:700}
html[data-style="ooa"] .sidebar nav>a.active svg{color:var(--ui-gold)}
html[data-style="ooa"] .style-switch button[aria-pressed="true"]{background:linear-gradient(100deg,#a82cde33,#04c6f122);box-shadow:0 0 0 1px #6980e64d}
html[data-style="ooa"] :is(.today-heading h1,.page-heading h1){font-size:32px;letter-spacing:-1.3px;font-weight:760}
html[data-style="ooa"] .today-money{gap:16px}
html[data-style="ooa"] .today-metric{position:relative;min-width:0;background:linear-gradient(130deg,#28314b30,transparent 65%),var(--ui-panel);border:1px solid var(--ui-line);box-shadow:0 7px 24px #00000012;overflow:hidden;border-radius:14px}
html[data-style="ooa"] .today-metric:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#fc4eaf,#a05cff,#31d8f6)}
html[data-style="ooa"] .today-metric:nth-child(2):before{background:linear-gradient(90deg,#9a66fc,#61d6ff)}
html[data-style="ooa"] .today-metric:nth-child(3):before{background:linear-gradient(90deg,#ffb05f,#ef63a2)}
html[data-style="ooa"] .today-metric>strong{color:var(--ui-text);font-size:38px;font-weight:750;letter-spacing:-1.1px}
html[data-style="ooa"] .today-received>strong{color:var(--ui-gold)}
html[data-style="ooa"] .today-metric:hover{border-color:var(--ui-gold)}
html[data-style="ooa"] .today-metric-label{font-size:13px;font-weight:600}
html[data-style="ooa"] .today-metric>small{font-size:12px}
html[data-style="ooa"] .today-floor{background:linear-gradient(112deg,#6d42df12,#00c7f408),var(--ui-panel);border:1px solid var(--ui-line);border-radius:14px}
html[data-style="ooa"] :is(.today-panel,.panel,.settings-disclosure,.ops-load-table,.news-card){background:var(--ui-panel);border-color:var(--ui-line);border-radius:14px}
html[data-style="ooa"] .today-floor-value>strong{font-size:32px;font-weight:700;letter-spacing:-.7px}
html[data-style="ooa"] .today-floor-value:nth-child(2) strong{color:var(--ui-gold)}
html[data-style="ooa"] .today-rate-track{height:6px;border-radius:8px;background:var(--ui-line)}
html[data-style="ooa"] .today-rate-track>span{background:linear-gradient(90deg,#b45af5,#39d4f4)}
html[data-style="ooa"] .today-rate-track>i{background:var(--ui-text)}
html[data-style="ooa"] .today-panel-heading h2{font-size:18px;letter-spacing:-.4px}
html[data-style="ooa"] .today-attention-row>i{color:var(--ui-gold)}
html[data-style="ooa"] .button{border-radius:9px;font-weight:650}
html[data-style="ooa"] .button:not(.secondary){background:linear-gradient(110deg,#59dffd,#17b9e8);color:#05182a;border:1px solid #69dcf3;box-shadow:0 3px 12px #16c5ee14}
html[data-style="ooa"][data-theme="light"] .button:not(.secondary){background:#087396;border-color:#087396;color:#fff}
html[data-style="ooa"] .button.secondary{background:var(--ui-panel);color:var(--ui-text)}
html[data-style="ooa"] .ops-load-row:hover{background:var(--ui-soft)!important}
html[data-style="ooa"] :is(.today-sample,.tag.sample){background:var(--ui-soft);color:var(--ui-muted);border-color:var(--ui-line)}
html[data-style="ooa"] .ooa-about{display:block;margin:0 0 24px}
.ooa-about img{width:min(300px,100%);height:auto;display:block}
.ooa-about h2{margin:16px 0;color:var(--ui-text);font-size:22px}
html[data-style="ooa"] .about-hound{display:none}
/* The geographic scores and their red/amber/green fills retain their meaning. */
html[data-style="ooa"] .ricerca-map{background:var(--ui-bg)}
html[data-style="ooa"] .ricerca-map :is(#left,#card,#round,#compass){background:var(--ui-panel);border-color:var(--ui-line);box-shadow:0 16px 50px #0004}
html[data-style="ooa"] .ricerca-map #maptitle{background:var(--ui-bg);border-radius:10px}
html[data-style="ooa"] .ricerca-map .basebtn{background:var(--ui-accent);color:var(--ui-button-text)}
/* Sign-in uses the supplied brand art, with the form on its own legible surface. */
html[data-style="ooa"] body:has(.login-stage){font-family:system-ui,sans-serif;background:linear-gradient(#080c20b8,#080c20ed),url('./assets/ooa/ooa-truck-hero.jpg') center/cover fixed}
html[data-style="ooa"] .login-card{border-color:var(--ui-line);box-shadow:0 20px 80px #0008;border-radius:18px;background:var(--ui-panel)}
html[data-style="ooa"] :is(.login-crest,.login-wordmark){display:none}
html[data-style="ooa"] .ooa-login-brand{display:block;text-align:center;margin-bottom:12px}
.ooa-login-brand img{display:block;width:210px;max-width:100%;height:auto;margin:0 auto}
.ooa-login-brand h1{font-size:20px;letter-spacing:-.6px;margin:15px 0 0}
html[data-style="ooa"] .login-label{font-size:13px}
html[data-style="ooa"] .login-tagline{font-style:normal}
html[data-style="ooa"] .login-button{border-radius:9px}
/* Existing phone film is blacked out before its old crest; one OOA lockup follows. */
.truck-intro-brand{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(680px,82vw);opacity:0;transition:opacity .3s linear;pointer-events:none;text-align:center}
.truck-intro-brand img{display:block;width:100%;height:auto}
.truck-intro-brand strong{display:block;color:#fff;font:800 clamp(19px,4vw,40px)/1.25 system-ui,sans-serif;letter-spacing:-.04em;margin:24px 0 0}
.truck-intro.is-crest .truck-intro-brand{opacity:1}
.truck-intro.ooa-intro.is-truck-fading .truck-intro-stage{opacity:0;transition:opacity .3s linear}
.truck-intro.ooa-intro.is-black .truck-intro-stage{opacity:0;visibility:hidden}
@media(max-width:1100px){html[data-style="ooa"] .today-metric>strong{font-size:32px}.ooa-brand img{width:143px}.ooa-brand>span{font-size:13px}.style-switch button{padding:8px}}
@media(max-width:760px){html[data-style="ooa"] :is(.today-heading h1,.page-heading h1){font-size:28px}.style-switch button{font-size:11px;padding:7px 8px;min-height:44px}.style-switch{margin-left:auto}html[data-style="ooa"] .today-money{gap:10px}html[data-style="ooa"] .today-metric>strong{font-size:28px}html[data-style="ooa"] .today-received>strong{font-size:32px}html[data-style="ooa"] .today-floor-value>strong{font-size:27px}}
html[data-style="ooa"] .laya-launcher{--lc-bg:var(--ui-panel);--lc-text:var(--ui-text);--lc-muted:var(--ui-muted);--lc-gold:var(--ui-gold);border-color:var(--ui-line)}
html[data-style="ooa"] .laya-launch-mark{color:var(--ui-gold);border-color:#5fdcf570;background:radial-gradient(circle at 35% 25%,#7032a0,#152b40 70%)}
@media(max-width:680px){.topbar>.style-switch{display:none}}

@media(max-width:680px){.topbar{grid-template-columns:44px minmax(0,1fr) 44px 44px}.topbar>.settings-button{grid-column:4;grid-row:1}.topbar>.theme-toggle{grid-column:3;grid-row:1}.topbar>.model-context{grid-column:1/-1;grid-row:3;justify-content:space-between}.topbar>.mobile-brand{grid-column:2;grid-row:1}}