/* WTCC Professional Brand Guidelines v5 — final shared application layer. */
:root {
  --wtcc-blue:#1F5FDB;
  --wtcc-blue-hover:#184DB5;
  --wtcc-soft-blue:#EAF1FF;
  --wtcc-teal:#0F766E;
  --wtcc-soft-teal:#E7F6F3;
  --wtcc-amber:#F4B740;
  --wtcc-soft-amber:#FFF5D9;
  --wtcc-coral:#C94B3C;
  --wtcc-soft-coral:#FDECE8;
  --wtcc-violet:#6D50C6;
  --wtcc-soft-violet:#F0ECFC;
  --wtcc-navy:#14213A;
  --wtcc-text:#172033;
  --wtcc-muted:#5E6A7D;
  --wtcc-surface:#F4F7FB;
  --wtcc-border:#DCE4EE;
  --wtcc-white:#FFFFFF;
  --wtcc-black:#000000;
  --site-nav-rail:1320px;
  --site-nav-gutter:clamp(18px,3vw,36px);
  --site-topbar-height:56px;
  --site-navbar-height:100px;
  --site-header-height:calc(var(--site-topbar-height) + var(--site-navbar-height));
}
html body { font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
html body :is(h1,h2,h3,h4,h5,h6) { font-family:inherit; }
html[data-theme="light"] body { background:var(--wtcc-surface);color:var(--wtcc-text); }
html[data-theme="light"] body main { background:var(--wtcc-surface);color:var(--wtcc-text); }
html[data-theme="light"] body :is(.container-fluid,.content-wrapper,#content-wrapper) { color:var(--wtcc-text); }
html[data-theme="light"] body :is(h1,h2,h3,h4,h5,h6,label,legend) { color:var(--wtcc-text); }
html[data-theme="light"] body :is(p,small,.text-muted,.form-text) { color:var(--wtcc-muted); }
html[data-theme="light"] body :is(.card,.ui-card,.ui-panel,.listing-card,.dashboard-panel,.portal-panel,.settings-card,.form-container,.modal-content,.dropdown-menu) { background:var(--wtcc-white);border-color:var(--wtcc-border);box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 12px rgba(16,24,40,.04); }
html[data-theme="light"] body :is(.card-header,.card-footer,.modal-header,.modal-footer,.table thead th) { background:var(--wtcc-surface);border-color:var(--wtcc-border);color:var(--wtcc-text); }
html[data-theme="light"] body :is(.table,table) { color:var(--wtcc-text); }
html[data-theme="light"] body :is(.table td,.table th,table td,table th) { border-color:var(--wtcc-border); }
html[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control) { background:var(--wtcc-white);border-color:var(--wtcc-border);border-radius:8px;color:var(--wtcc-text);min-height:44px; }
html[data-theme="light"] body :is(input,textarea)::placeholder { color:#98A2B3; }
html body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control):focus { border-color:var(--wtcc-blue);box-shadow:0 0 0 2px rgba(23,105,255,.2);outline:0; }
html body :is(.btn-primary,.btn-custom,.ui-btn--primary) { background:var(--wtcc-blue);border-color:var(--wtcc-blue);border-radius:8px;box-shadow:none;color:#fff;min-height:44px; }
html body :is(.btn-primary,.btn-custom,.ui-btn--primary):hover { background:var(--wtcc-blue);border-color:var(--wtcc-blue);box-shadow:0 0 0 3px rgba(23,105,255,.16);transform:none; }
html[data-theme="light"] body :is(.btn-secondary,.btn-light,.btn-outline-secondary,.ui-btn--secondary) { background:var(--wtcc-white);border-color:var(--wtcc-border);border-radius:8px;color:var(--wtcc-text); }
html body :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--wtcc-blue);outline-offset:2px; }
html[data-theme="dark"] body { background:#080D18;color:#F8FAFC; }
html[data-theme="dark"] body main { background:#080D18;color:#F8FAFC; }
html[data-theme="dark"] body :is(h1,h2,h3,h4,h5,h6,label,legend) { color:#F8FAFC; }
html[data-theme="dark"] body :is(p,small,.text-muted,.form-text) { color:#C5CDD8; }
html[data-theme="dark"] body :is(.card,.ui-card,.ui-panel,.listing-card,.dashboard-panel,.portal-panel,.settings-card,.form-container,.modal-content,.dropdown-menu) { background:#111A29;border-color:#2A3547;box-shadow:none;color:#F8FAFC; }
html[data-theme="dark"] body :is(.card-header,.card-footer,.modal-header,.modal-footer,.table thead th) { background:#151E2E;border-color:#2A3547;color:#F8FAFC; }
html[data-theme="dark"] body :is(.table,table) { color:#F8FAFC; }
html[data-theme="dark"] body :is(.table td,.table th,table td,table th) { border-color:#2A3547; }
html[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control) { background:#151E2E;border-color:#2A3547;border-radius:8px;color:#F8FAFC;min-height:44px; }
html[data-theme="dark"] body :is(input,textarea)::placeholder { color:#98A2B3; }
html[data-theme="dark"] body :is(.btn-secondary,.btn-light,.btn-outline-secondary,.ui-btn--secondary) { background:#151E2E;border-color:#475467;border-radius:8px;color:#F8FAFC; }

/* The public header stays dark in every theme so mobile account controls remain legible. */
html[data-theme] body > .navbar,
html[data-theme] body > .navbar.bg-dark,
html[data-theme] body > .navbar.nav-sticky {
  background:rgba(3,7,13,.96)!important;
  border-bottom-color:#18334F!important;
  color:#F8FAFC!important;
}
html[data-theme] body > .navbar :is(.mobile-login-button,.mobile-avatar-button,.notification-bell) {
  color:#FFFFFF!important;
}
html[data-theme] body > .navbar :is(.mobile-login-button,.mobile-avatar-button,.notification-bell):is(:hover,:focus) {
  color:#111820!important;
}

@media(max-width:767.98px) {
  html[data-theme="dark"] body .mobile-tab-bar {
    background:rgba(10,16,32,.98);
    border-top-color:#2A3547;
    box-shadow:0 -6px 22px rgba(0,0,0,.34);
  }
  html[data-theme="dark"] body .mobile-tab-bar :is(a,button) {
    color:#C5CDD8;
  }
  html[data-theme="dark"] body .mobile-tab-bar :is(.active,[aria-expanded="true"]) {
    background:#1F2937;
    color:#69A1FF;
  }
}
body#page-top { background:var(--wtcc-surface);color:var(--wtcc-text); }
body#page-top #content-wrapper,body#page-top #content { background:var(--wtcc-surface);color:var(--wtcc-text); }
body#page-top :is(h1,h2,h3,h4,h5,h6,label,legend) { color:var(--wtcc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body#page-top :is(p,small,.text-muted,.form-text) { color:var(--wtcc-muted); }
body#page-top :is(.card,.ui-card,.ui-panel,.dashboard-panel,.modal-content,.dropdown-menu) { background:var(--wtcc-white);border-color:var(--wtcc-border);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 12px rgba(16,24,40,.04);color:var(--wtcc-text); }
body#page-top :is(.card-header,.card-footer,.modal-header,.modal-footer,.table thead th) { background:var(--wtcc-surface);border-color:var(--wtcc-border);color:var(--wtcc-text); }
body#page-top :is(.table,table) { color:var(--wtcc-text); }
body#page-top :is(.table td,.table th,table td,table th) { border-color:var(--wtcc-border); }
body#page-top :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control) { background:var(--wtcc-white);border-color:var(--wtcc-border);border-radius:8px;color:var(--wtcc-text);min-height:44px; }
body#page-top .bg-gradient-primary,body#page-top .sidebar { background:#0B1220!important;background-image:none!important; }
body#page-top .topbar { background:#FFFFFF!important;border-bottom:1px solid var(--wtcc-border);box-shadow:0 1px 2px rgba(16,24,40,.04)!important; }
body#page-top a:not(.btn) { color:#1769FF; }
body#page-top .sidebar :is(a,.nav-link,.nav-link span,.sidebar-heading) { color:#D0D5DD!important; }
body#page-top .sidebar .nav-item.active :is(.nav-link,.nav-link span),body#page-top .sidebar .nav-link:hover { color:#FFFFFF!important; }

/* Buy Me a Coffee is an intentional dark support band in both themes. */
html[data-theme] body .public-home .ph-support { background:#0B1220!important;padding:64px 0!important; }
html[data-theme] body .public-home .ph-support__panel { background:#0B1220!important;border-color:#344054!important; }
html[data-theme] body .public-home .ph-support__copy :is(h2,p) { color:#FFFFFF!important; }
html[data-theme] body .public-home .ph-support__copy .ph-eyebrow { color:#D0D5DD!important; }
@media(max-width:575px) { html[data-theme] body .public-home .ph-support { padding:48px 0!important; } }
@media(prefers-reduced-motion:reduce) { html body *,html body *:before,html body *:after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; } }
/* Keep account utilities out of the primary navigation while the two header rows move together. */
.site-header-stack{position:fixed!important;top:0;right:0;left:0;z-index:1040;width:100%}
.site-header-stack .navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header-stack.is-scrolled{box-shadow:0 10px 32px rgba(3,7,13,.16)}
.site-header-spacer{height:var(--site-header-height);pointer-events:none}
.site-header-stack .top-bar{position:relative!important;top:auto!important}
.site-header-stack .navbar,.site-header-stack .navbar.nav-sticky{position:relative!important;top:auto!important;width:100%!important}
.top-bar-account-tools{align-items:center;display:flex;gap:12px;margin-left:16px}
.top-bar-account-tools #userArea{align-items:center;display:flex;flex-direction:row;gap:12px;margin:0}
.top-bar-account-tools .account-toggle{border-radius:8px;height:38px;min-height:38px;padding:4px 12px 4px 6px}
.top-bar-account-tools .account-avatar{height:28px;width:28px}
.top-bar-account-tools .account-menu{position:relative}
.top-bar-account-tools .account-dropdown{display:none!important;position:fixed!important;top:calc(var(--site-header-height,156px) + 8px)!important;right:max(var(--site-nav-gutter),calc(50vw - 660px + var(--site-nav-gutter)))!important;left:auto!important;max-height:calc(100vh - var(--site-header-height,156px) - 24px);opacity:0;pointer-events:none;visibility:hidden;z-index:1070}
.top-bar-account-tools .account-menu.show>.account-dropdown,.top-bar-account-tools .account-dropdown.show{display:grid!important;opacity:1;pointer-events:auto;visibility:visible}
.top-bar-account-tools .account-menu.show>.account-toggle>.fa-chevron-down{transform:rotate(180deg)}
.top-bar-account-tools .site-theme-toggle{border-radius:8px;height:38px;min-height:38px;padding:4px 12px}
.top-bar .top-bar-right{align-items:center;display:flex;justify-content:flex-end;min-height:56px;position:relative}
.top-bar-account-tools .notification-bell{height:38px;width:38px}
.site-header-stack .top-bar{height:var(--site-topbar-height);padding:0!important}
.site-header-stack :is(.top-bar,.navbar)>.container-fluid{width:100%;max-width:var(--site-nav-rail);margin-right:auto;margin-left:auto;padding-right:var(--site-nav-gutter)!important;padding-left:var(--site-nav-gutter)!important}
.site-header-stack .top-bar>.container-fluid{height:100%}
.site-header-stack .navbar{height:var(--site-navbar-height);min-height:var(--site-navbar-height);padding:0!important}
.site-header-stack .navbar>.container-fluid{height:100%;flex-wrap:nowrap}
.site-header-stack .navbar .site-logo-brand{display:inline-flex;height:100%;min-height:0;align-items:center;padding:12px 0}
.site-header-stack .navbar .site-logo-brand img{width:auto;height:auto;max-width:min(250px,26vw);max-height:58px}
.site-header-stack .navbar .navbar-nav{align-items:center;gap:4px}
.site-header-stack .navbar-dark .navbar-nav .nav-link{min-height:44px;padding:10px 14px}
.site-header-stack .top-bar .row{height:100%;margin-left:0;margin-right:0}
.site-header-stack .top-bar .row>[class*=col-]{padding-left:0;padding-right:0}
.site-header-stack .top-bar .top-bar-left{gap:4px;height:100%}
.site-header-stack .top-bar .text{height:56px;padding:0 12px}
.site-header-stack .top-bar .text:first-child{padding-left:0}
.site-header-stack .top-bar .social{align-items:center;gap:4px;height:56px}
.site-header-stack .top-bar .social a,.site-header-stack .top-bar .social .social-icon{height:38px;min-width:38px}
@media(max-width:1199.98px){.site-header-stack .top-bar .text{padding:0 8px}.top-bar-account-tools{gap:8px;margin-left:10px}.top-bar-account-tools .account-name{max-width:105px}.site-header-stack .navbar-dark .navbar-nav .nav-link{padding-right:10px;padding-left:10px}}
@media(max-width:991.98px){.site-header-stack .navbar>.container-fluid{flex-wrap:wrap}.site-header-stack .navbar .navbar-nav{align-items:stretch;gap:0}}
@media(max-width:767.98px){:root{--site-topbar-height:0px;--site-navbar-height:64px;--site-header-height:64px;--site-nav-gutter:16px}.site-header-stack .navbar{height:var(--site-navbar-height);min-height:var(--site-navbar-height);padding:8px 0!important}.site-header-stack .navbar>.container-fluid{flex-wrap:nowrap;padding-right:var(--site-nav-gutter)!important;padding-left:var(--site-nav-gutter)!important}.site-header-stack .navbar .site-logo-brand{padding:4px 0}.site-header-stack .navbar .site-logo-brand img{max-width:min(156px,100%);max-height:40px}.site-header-spacer{height:var(--site-header-height)}.top-bar-account-tools{display:none}}

/* Daylight Motoring palette: dependable blue, community teal and warm highlights. */
html[data-theme="light"] {
  --color-background:#F4F7FB;
  --color-surface:#FFFFFF;
  --color-surface-elevated:#EEF3F9;
  --color-border:#DCE4EE;
  --color-text:#172033;
  --color-text-muted:#5E6A7D;
  --color-primary:#1F5FDB;
  --color-primary-bright:#184DB5;
  --color-primary-soft:#EAF1FF;
}
html[data-theme="dark"] {
  --color-background:#0E1729;
  --color-surface:#162238;
  --color-surface-elevated:#20304B;
  --color-border:#344861;
  --color-text:#F8FAFC;
  --color-text-muted:#C7D2E2;
  --color-primary:#6EA8FF;
  --color-primary-bright:#8DB9FF;
  --color-primary-soft:#1A3458;
}
html[data-theme="dark"] body,
html[data-theme="dark"] body main {
  background:#0E1729;
  color:#F8FAFC;
}
html[data-theme="dark"] body :is(.card,.ui-card,.ui-panel,.listing-card,.dashboard-panel,.portal-panel,.settings-card,.form-container,.modal-content,.dropdown-menu) {
  border-color:#344861;
  background:#162238;
}
html[data-theme="dark"] body :is(.card-header,.card-footer,.modal-header,.modal-footer,.table thead th),
html[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control) {
  border-color:#344861;
  background:#20304B;
}
html[data-theme] body > .navbar,
html[data-theme] body > .navbar.bg-dark,
html[data-theme] body > .navbar.nav-sticky,
html[data-theme] .site-header-stack .navbar {
  background:linear-gradient(110deg,rgba(14,23,41,.98),rgba(20,33,58,.98))!important;
  border-bottom-color:rgba(110,168,255,.28)!important;
}
html[data-theme] body ::selection { background:rgba(31,95,219,.24); color:inherit; }
html[data-theme] body :is(.btn-custom,.btn-primary,.ui-btn--primary) {
  border-color:#1F5FDB!important;
  background:#1F5FDB!important;
  color:#FFFFFF!important;
  box-shadow:0 8px 20px rgba(31,95,219,.18);
}
html[data-theme] body :is(.btn-custom,.btn-primary,.ui-btn--primary):is(:hover,:focus-visible) {
  border-color:#184DB5!important;
  background:#184DB5!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 26px rgba(31,95,219,.28);
}
html[data-theme] body :is(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline:3px solid rgba(31,95,219,.34)!important;
  outline-offset:3px;
}
html[data-theme] body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control):focus {
  border-color:#1F5FDB!important;
  box-shadow:0 0 0 4px rgba(31,95,219,.14)!important;
}
html[data-theme] body > .navbar .navbar-nav .nav-link:is(.active,:hover,:focus-visible),
html[data-theme] .site-header-stack .navbar .navbar-nav .nav-link:is(.active,:hover,:focus-visible) {
  color:#8DB9FF!important;
}
html[data-theme="light"] body#page-top a:not(.btn) { color:#1F5FDB; }
html[data-theme="dark"] body#page-top a:not(.btn) { color:#8DB9FF; }