/* VIENNA v168 — branding-only skin. Layout/geometry intentionally untouched. */
:root{
  --vienna-primary:#F59A62;--vienna-light:#FFC39B;--vienna-deep:#D9703F;
  --vienna-paper:#FFFBF2;--vienna-ink:#27231F;--vienna-muted:#706861;
  --o:#F59A62!important;--o2:#FFC39B!important;
  --orange:#F59A62!important;--orange-2:#D9703F!important;--orange-3:#FFC39B!important;
  --bg:#FFFBF2!important;--text:#27231F!important;--muted:#706861!important;
  --line:rgba(112,104,97,.18)!important;
  --vaizu:#F59A62!important;--vaizu-2:#FFC39B!important;--vaizu-deep:#D9703F!important;--vaizu-soft:#FFF2E8!important;
}
html[data-rairo-theme="light"],html[data-vaizu-theme="light"]{color-scheme:light!important}
body:not(:has(.ws-app)){background:var(--vienna-paper)!important;color:var(--vienna-ink)!important}
body:not(:has(.ws-app)):before{background:radial-gradient(circle at 10% -8%,rgba(245,154,98,.14),transparent 29%),radial-gradient(circle at 90% 4%,rgba(255,195,155,.15),transparent 27%)!important}
.topbar{background:rgba(255,251,242,.90)!important;border-bottom-color:rgba(112,104,97,.14)!important}.navlinks a,.navlinks button.navbtn{color:#706861!important}.navlinks a:hover,.navlinks button.navbtn:hover,.navlinks a.active{background:#FFF2E8!important;color:#27231F!important}.btn{border-color:rgba(112,104,97,.18)!important;background:#fff!important;color:#27231F!important}.btn-primary{background:linear-gradient(135deg,#FFC39B,#F59A62)!important;color:#27231F!important;box-shadow:0 10px 25px rgba(217,112,63,.18)!important}
.card,.panel,.auth-card{border-color:rgba(112,104,97,.15)!important;background:#fff!important;color:#27231F!important;box-shadow:0 18px 55px rgba(112,104,97,.09)!important}.subtitle,.page-subtitle,.card p{color:#706861!important}.iconbox{background:#FFF2E8!important;color:#D9703F!important;border-color:#FFE0CC!important}
.brand .rairo-brand-wordmark{width:124px!important;height:38px!important}.rairo-map-brand img{object-fit:contain!important}
/* map UI becomes cream/white + charcoal while preserving exact positions/sizes */
.ws-app{background:#FFFBF2!important;box-shadow:0 0 100px rgba(112,104,97,.18)!important}
#map{background:#F6F0E8!important}.map-vignette{background:linear-gradient(180deg,rgba(255,251,242,.54),rgba(255,251,242,.05) 24%,transparent 44%,transparent 72%,rgba(255,251,242,.18))!important}
.search-card,.sheet,.nav-panel,.permission,.quick-alert-card,.options-drawer,.prefs-card,.safety-card,.immersive-choice-card,.destination-confirm,.resume-trip-card,.route-loading-card{background:rgba(255,251,242,.96)!important;color:#27231F!important;border-color:rgba(112,104,97,.17)!important;box-shadow:0 18px 48px rgba(112,104,97,.17)!important}
.location-row+.location-row{border-top-color:rgba(112,104,97,.13)!important}.location-input{color:#27231F!important}.location-input::placeholder{color:#8D837B!important}.row-btn,.map-btn,.icon-btn,.nav-stack-btn,.nav-audio-toggle,.nav-drawer-toggle,.floating-locate{background:rgba(255,251,242,.95)!important;color:#27231F!important;border-color:rgba(112,104,97,.16)!important;box-shadow:0 10px 28px rgba(112,104,97,.14)!important}
.search-results{background:#FFFBF2!important;border-color:rgba(112,104,97,.17)!important;box-shadow:0 22px 52px rgba(112,104,97,.17)!important}.search-item:active{background:#FFF2E8!important}.result-icon{background:#FFF2E8!important;color:#D9703F!important}.result-copy small,.result-meta,.search-label,.search-message{color:#706861!important}
.status-chip,.gps-quality,.traffic-radar,.connectivity-pill,.nav-immersive-chip,.nav-voice-popover{background:rgba(255,251,242,.94)!important;color:#27231F!important;border-color:rgba(112,104,97,.16)!important;box-shadow:0 10px 28px rgba(112,104,97,.14)!important}
.welcome p,.route-head p,.quick span,.nav-stat span,.traffic-suggestion-main span,.road-awareness-copy span,.road-awareness-copy small,.route-ai,.permission-copy span{color:#706861!important}.quick,.route-card,.nav-stat,.sub-action,.traffic-dismiss,.lane,.road-awareness{background:#fff!important;color:#27231F!important;border-color:rgba(112,104,97,.14)!important}.quick i,.route-ai .rairo-dot{color:#D9703F!important}.segment{background:#F8F2EA!important;border-color:rgba(112,104,97,.14)!important}.segment button{color:#706861!important}.segment button.active,.segment button.smart.active{background:#FFF2E8!important;color:#D9703F!important;border-color:#FFC39B!important;box-shadow:none!important}
.primary,.traffic-accept,.destination-accept,.resume-trip-continue,.place-popup-actions .use,.place-popup-use{background:linear-gradient(135deg,#FFC39B,#F59A62)!important;color:#27231F!important;border-color:transparent!important;box-shadow:0 10px 26px rgba(217,112,63,.18)!important}.maneuver-icon,.nav-maneuver-icon{background:linear-gradient(145deg,#FFC39B,#F59A62 60%,#D9703F)!important;color:#27231F!important}.pin.end i,.arrival-pin{background:#F59A62!important}.pin.end i{box-shadow:0 0 0 4px rgba(245,154,98,.16),0 6px 14px rgba(112,104,97,.18)!important}
.mapboxgl-popup-content{background:#FFFBF2!important;color:#27231F!important;border-color:rgba(112,104,97,.16)!important;box-shadow:0 14px 38px rgba(112,104,97,.18)!important}.mapboxgl-popup-tip{border-top-color:#FFFBF2!important}.mapboxgl-ctrl-attrib{background:rgba(255,251,242,.84)!important;color:#706861!important}
/* explicit route/marker brand tone */
.user-marker .pulse{background:rgba(245,154,98,.18)!important}.rairo-nearby-users-notice{border-color:rgba(245,154,98,.25)!important}.rairo-nearby-users-icon{color:#D9703F!important}
/* retain dark maneuver HUD from the board reference */
.nav-maneuver-top{background:#27231F!important;color:#FFFBF2!important;border-color:#27231F!important;box-shadow:0 16px 38px rgba(39,35,31,.22)!important}.nav-maneuver-top small,.nav-maneuver-top span{color:#D5CEC7!important}