/* v1.1 colourway: cool racing blues, identical structure and amber highlights. */
html.ui-v4{--v4-ink:#0e151c;--v4-deep:#0a1118;--v4-surface:#17232d;--v4-surface-2:#1d2c38;--v4-line:#344a59;--v4-rule:#607d8d;--v4-muted:#a5b6c1}
html.ui-v4 body,html.ui-v4 .app-shell,html.ui-v4 .view.active{background:#111b24!important}
html.ui-v4 .topbar{border-bottom-color:#344a59!important}
html.ui-v4 .v4-masthead small,html.ui-v4 .top-cloud{color:#afc3ce!important}
html.ui-v4 .ui-version-switch{border-color:#496474;color:#aac0cc}
html.ui-v4 .ui-version-switch>span,html.ui-v4 .ui-version-switch button{color:#aac0cc}
html.ui-v4 .header-actions{border-top-color:#304552!important;background:#15222d!important}
html.ui-v4 .header-actions select,html.ui-v4 .admin-perspective{border-color:#4b6473!important;background:#101c26!important}
html.ui-v4 .v4-navigation{background:#111b24}
html.ui-v4 :is(.v4-major-nav,.v4-minor-nav){border-bottom-color:#354b59}
html.ui-v4 .v4-navigation button{color:#a9bdc9}
html.ui-v4 .v4-minor-nav button{color:#b0c2cd}
html.ui-v4 .section-intro{border-bottom-color:#617f8d!important;background:linear-gradient(90deg,#111d28 0%,#1b3140 60%,#233847 100%)!important}
html.ui-v4 .section-intro::after{border-color:#96bbd02b}
html.ui-v4 .section-intro p:last-child{color:#d2e0e7!important}
html.ui-v4 .overview-hero{background:linear-gradient(90deg,rgba(6,13,20,.96) 0%,rgba(7,17,28,.75) 43%,rgba(8,21,33,.2) 100%),url('v4-night-track.jpg') center 64%/cover no-repeat!important}
html.ui-v4 .library-count{border-color:#7897a8;background:#1d303d}
html.ui-v4 .view .panel-head{border-bottom-color:#628091}
html.ui-v4 :is(input,select,textarea){border-color:#4b6676!important;background:#101c26!important}
html.ui-v4 input::placeholder,html.ui-v4 textarea::placeholder{color:#8ea9b8}
html.ui-v4 select option{background:#101c26}
html.ui-v4 :is(.primary,.ghost,.danger,.edit-button,.crew-roster-toggle){border-color:#688494!important;background:#223542!important}
html.ui-v4 .primary{border-color:var(--v4-amber)!important;background:var(--v4-amber)!important}
html.ui-v4 .view .empty{border-color:#5a7787!important;background:#1a2a36!important;color:#aac0cb!important}
html.ui-v4 .view .tag{border-color:#658597!important;background:#213642!important;color:#d5e6ed!important}
html.ui-v4 .view label,html.ui-v4 .view legend,html.ui-v4 .view .field-label{color:#b2c5d0!important}
html.ui-v4 .view table th{border-color:#628091!important;color:#acc0cb!important}
html.ui-v4 .view table td{border-color:#344b59!important}
html.ui-v4 .view table tr:nth-child(even){background:#1b2b36}
html.ui-v4 .view .choice span{border-color:#4e697a!important;background:#223642!important}
html.ui-v4 .view .choice input:checked+span{border-color:var(--v4-amber)!important;background:var(--v4-amber)!important}

html.ui-v4 #overview .metric-grid{border-bottom-color:#5b7685;background:var(--v4-surface-2)}
html.ui-v4 #overview .metric{border-right-color:#445e6c!important;background:var(--v4-surface-2)!important}
html.ui-v4 #overview .metric div>span,html.ui-v4 #overview .metric small{color:#b0c6d1!important}
html.ui-v4 #overview .activity,html.ui-v4 #overview .specialist-card{border-bottom-color:#344b59!important}
html.ui-v4 :is(.racer-search-bar,.crew-search-bar,.garage-search-bar,.admin-roster-filter-bar){border-bottom-color:#6a8797!important;background:#1c303d!important}
html.ui-v4 :is(#racers,#tracks,#cars,#points,#crews) .entity-card{border-bottom-color:#3c5462!important}
html.ui-v4 :is(#racers,#tracks,#cars,#points,#crews) .entity-card:first-child{border-top-color:#6b8897!important}
html.ui-v4 #events .event-card{border-bottom-color:#3c5462!important}
html.ui-v4 #race .time-trial-row{border-bottom-color:#3c5462!important}
html.ui-v4 #race .time-trial-row:first-child,html.ui-v4 #race .time-trial-filter-head{border-color:#6b8897!important}
html.ui-v4 :is(#gauntlet,#battles) .battle-card{border-color:#526e7d!important}
html.ui-v4 :is(#gauntlet,#battles) .battle-card :is(.battle-detail,.round-history,.round-card,.battle-bans-editor,.battle-rules){background:#14242f!important}
html.ui-v4 #battles .battle-crew-filter{border-bottom-color:#668494!important;background:#1c303d!important}
html.ui-v4 #battles .lineup-grid fieldset{background:#152631!important}
html.ui-v4 #battles .driver-picker .choice{background:#1d303d!important}

html.ui-v4 .my-profile-banner[style*="cuh-dashboard-bg.png"],html.ui-v4 .crew-profile-cover:not([style]){background-image:radial-gradient(ellipse at 70% 120%,#507ca454 0%,transparent 55%),repeating-linear-gradient(105deg,transparent 0 58px,#95bfd226 59px,#95bfd226 60px,transparent 61px 122px),linear-gradient(110deg,#121e29,#28455b 63%,#162633)!important}
html.ui-v4 :is(.my-profile-main,.crew-profile-main){background:#192a36!important}
html.ui-v4 :is(.my-profile-main,.crew-profile-main)>img{border-color:#829fad!important;background:#101c26!important}
html.ui-v4 :is(.my-profile-identity,.crew-profile-identity) :is(p,small,span){color:#c1d1d9!important}
html.ui-v4 :is(.my-profile-stats,.crew-profile-stats){background:#20323f!important}
html.ui-v4 :is(.my-profile-stats,.crew-profile-stats) span{border-color:#4a6271!important}
html.ui-v4 :is(.my-profile-stats,.crew-profile-stats) small{color:#b2c9d4!important}
html.ui-v4 :is(.profile-favorite-cars article,.profile-history-event,.profile-roster-row,.crew-record-grid>div,.profile-car-picker,.profile-track-picker){background:#1e303d!important}
html.ui-v4 .profile-favorite-cars article{background:linear-gradient(145deg,#264258,#1b2d3a 65%)!important;border-top-color:#668da5!important}
html.ui-v4 .profile-history-event{border-left-color:#668da5!important}
html.ui-v4 .profile-history-event-head{background:#263d4d!important}
html.ui-v4 #accounts .admin-roster-heading,html.ui-v4 #points .points-strip span{background:#263d4d!important}

html.ui-v4 .race-footer{border-top-color:#4c6877!important;color:#a4bbc7!important}
html.ui-v4 .race-footer :is(strong,span){color:#a4bbc7!important}
html.ui-v4 .chat-launchers button{border-color:#648394!important;background:#162834!important}
html.ui-v4 .chat-dock{top:var(--chat-panel-top,220px)!important;bottom:auto!important;left:var(--chat-panel-left,28px)!important;right:auto!important;justify-items:start!important}
html.ui-v4 .chat-popover{max-height:calc(100dvh - var(--chat-panel-top,220px) - 12px);min-height:0!important}
html.ui-v4 .chat-popover{border-color:#6b899a!important;background:#192b38!important}
html.ui-v4 .social-head,html.ui-v4 .social-compose{border-color:#5b7a8a!important;background:#12232e!important}
html.ui-v4 .social-messages{background:#192b38!important}
html.ui-v4 .social-message{border-color:#567787!important;background:#233846!important}
html.ui-v4 .social-compose textarea{background:#1c303d!important}
html.ui-v4 .crew-announcement{border-color:#5b7a8a!important;background:#263d4d!important}
html.ui-v4 dialog:not(.live-stream-overlay),html.ui-v4 .leaderboard-dialog,html.ui-v4 #announcement-dialog,html.ui-v4 #confirm-dialog{border-color:#8ca9b8!important;background:#192b38!important}
html.ui-v4 .live-stream-overlay{background:#09131dcc!important}
html.ui-v4 .live-stream-dialog{border-color:#8ca9b8!important;background:#192b38!important}
html.ui-v4 .live-stream-head{background:#12232e!important}
html.ui-v4 #toast{background:#223845}

html.ui-v4 #private-map{--map-surface:#17232d;--map-surface-2:#1d2c38;--map-rule:#607d8d;--map-text:#e7e5df;--map-muted:#a5b6c1}
html.ui-v4 #private-map .private-map-toolbar{background:#1b2a36!important}
html.ui-v4 #private-map .private-map-rail{background:#17232d!important}
html.ui-v4 .private-map-dialog{border-color:#6b899a;background:#17232d;color:#e7e5df}
html.ui-v4 .private-map-dialog :is(input,select,textarea){border-color:#567787!important;background:#101c26!important;color:#e7e5df!important}
html.ui-v4 .private-map-dialog .private-map-icon-choices label{border-color:#567787;background:#203541;color:#e7e5df}
html.ui-v4 .private-map-guide-dialog .private-map-guide-step{border-color:#567787;background:#203541}

/* Profile title, banner, stats and record panels share the same outer edges. */
html.ui-v4 :is(#my-profile-content,#racer-profile-content){width:calc(100% + 60px);margin-inline:-30px}
/* Carry the masthead into its data area instead of ending the photo on a hard seam. */
html.ui-v4 :is(#my-profile,#racer-profile)>.profile-page-title{border-bottom:0!important;background:linear-gradient(to bottom,rgba(7,16,24,.38) 0%,rgba(13,29,40,.56) 58%,#172b3a 100%),url('v4-night-track.jpg') center 64%/cover no-repeat!important}
html.ui-v4 :is(#my-profile-content,#racer-profile-content)>.my-profile-hero{border-top:0!important}
html.ui-v4 :is(#my-profile-content,#racer-profile-content) .my-profile-banner[style*="cuh-dashboard-bg.png"]{background-image:linear-gradient(to bottom,#172b3a 0%,rgba(23,43,58,0) 72%),radial-gradient(ellipse at 70% 120%,#507ca454 0%,transparent 55%),repeating-linear-gradient(105deg,transparent 0 58px,#95bfd226 59px,#95bfd226 60px,transparent 61px 122px),linear-gradient(110deg,#121e29,#28455b 63%,#162633)!important}
/* Keep other page introductions visually near the first row of data. */
html.ui-v4 .section-intro{margin-bottom:12px!important}

@media(max-width:1050px){html.ui-v4 #overview .metric:nth-child(-n+3){border-bottom-color:#445e6c!important}}
@media(max-width:750px){html.ui-v4 #overview .metric{border-bottom-color:#445e6c!important}html.ui-v4 #overview .metric:nth-child(odd){border-right-color:#445e6c!important}html.ui-v4 .chat-dock{top:auto!important;bottom:0!important;left:0!important;right:0!important;justify-items:stretch!important}html.ui-v4 .chat-popover{max-height:none}html.ui-v4 :is(#my-profile-content,#racer-profile-content){width:calc(100% + 28px);margin-inline:-14px}}