/* TeckNation white and red. This final layer owns color, not app behavior. */
:root{color-scheme:light;--brand-accent:var(--tn-logo-red);--brand-deep:var(--tn-logo-red);--brand-silver:#dedede;--brand-edge:#e5d9db;--brand-text:#111;--brand-muted:#444;--brand-surface:#fff;--ink:#111;--muted:#444;--red:var(--tn-logo-red);--edge:#e5d9db;--bg:#fff;--brand-metal:linear-gradient(135deg,#fff,#fafafa)}
html body{--brand-text:#111;--brand-muted:#444;--brand-edge:#e5d9db;--brand-surface:#fff;--brand-metal:linear-gradient(135deg,#fff,#fafafa);background:#fff!important;color:#111!important;color-scheme:light}
html body :is(main,.main-shell,.app-main,.main-content){background:transparent!important;color:#111!important}
html body :is(h1,h2,h3,h4,h5,h6,p,li,label,small,.small,.muted,.subtitle,.description,.eyebrow){color:#111}
html body :is(header,footer,.topbar,.tn-platform-header,.page-footer,.tn-business-footer){background:#fff url('/Platform/brand-circuit.svg?v=logo-red-1') center/cover no-repeat!important;color:#111!important;border-color:#e5d9db!important}
html body :is(header,footer,.topbar,.tn-platform-header,.page-footer,.tn-business-footer) :is(a,p,span,small,b,strong,.breadcrumb,.header-clock){color:#111!important}
html body :is(.topbar,.tn-platform-header){border-bottom:3px solid var(--brand-accent)!important}
html body :is(footer,.page-footer){border-top:3px solid var(--brand-accent)!important}
html body :is(header,footer) nav a{background:#fff!important;border-color:#e5d9db!important;color:#111!important}
/* Menus stay red; white boxes are reserved for the content. */
html body :is(.sidebar,.tn-sidebar){background:linear-gradient(160deg,color-mix(in srgb,var(--tn-logo-red) 92.94%,transparent),color-mix(in srgb,var(--tn-logo-red) 92.94%,transparent)),url('/Platform/brand-circuit.svg?v=logo-red-1') center/auto 100%!important;color:#fff!important;border-right:1px solid var(--tn-logo-red)!important;box-shadow:6px 0 24px color-mix(in srgb,var(--tn-logo-red) 9.41%,transparent)}
html body :is(.sidebar,.tn-sidebar) :is(a,p,span,small,b,strong,summary,.brand,.tn-app-label,.workspace-label,.nav-divider,.tn-menu-section,.tn-menu-contact,.weather-label){color:#fff!important}
html body :is(.sidebar,.tn-sidebar) nav a{background:color-mix(in srgb,var(--tn-logo-red) 70.2%,transparent)!important;border:1px solid #ffffff30!important;box-shadow:none}
html body :is(.sidebar,.tn-sidebar) nav a:is(:hover,[aria-current=page],.active){background:var(--tn-logo-red)!important;border-color:#ffffff80!important;box-shadow:inset 3px 0 #fff}
html body :is(.sidebar,.tn-sidebar) :is(.menu-weather,.tn-business-footer,.card,.access-card,.widget,[class$="-widget"]){background:var(--tn-logo-red) url('/Platform/brand-circuit.svg?v=logo-red-1') center/cover!important;border-color:#ffffff40!important;color:#fff!important}
html body :is(.sidebar,.tn-sidebar) :is(.tn-business-footer,.menu-weather,.card,.widget) :is(p,a,span,b,strong,small,h2,h3){color:#fff!important}
/* White interiors, red edges, black copy, including forms and dialogs. */
html body :is(article,.card,.panel,.glass,[class$="-card"],.hero,main>section,.tn-login-panel,dialog,[role=dialog]){border-color:#e5d9db!important;border-top-color:var(--brand-accent)!important;box-shadow:0 5px 20px color-mix(in srgb,var(--tn-logo-red) 5.1%,transparent)!important}
html body :is(input,select,textarea){border-color:#cbbfc1!important;accent-color:var(--brand-accent)}
html body :is(input,select,textarea,a,button,summary):focus-visible{outline:3px solid var(--brand-accent)!important;outline-offset:3px}
html body :is(.shield-orbit,.stat>span,.quick-links>a>span:first-child,.large-icon,.device-symbol,.equipment-row>span:first-child){background:color-mix(in srgb,var(--tn-logo-red) 4%,white)!important;color:var(--tn-logo-red)!important;border-color:color-mix(in srgb,var(--tn-logo-red) 21%,white)!important}
html body :is(.shield-orbit svg,.feature-icon,.device-symbol svg,.property-card>svg,.empty-state>svg){color:var(--tn-logo-red)!important;stroke:currentColor}
html body .shield-orbit{box-shadow:0 0 0 9px color-mix(in srgb,var(--tn-logo-red) 4%,white)}
html body .hero-shade,html body dialog::backdrop{background:linear-gradient(90deg,color-mix(in srgb,var(--tn-logo-red) 70.2%,transparent),color-mix(in srgb,var(--tn-logo-red) 12.55%,transparent))!important}
html body :is(a,button).button.button,html body .btn-primary.btn-primary,html body button.primary.primary,html body a.primary.primary{background:var(--brand-accent)!important;color:#fff!important;border-color:var(--brand-accent)!important;-webkit-text-fill-color:#fff}
html body :is(a,button).button.button :is(span,b,strong){color:#fff!important;-webkit-text-fill-color:#fff}
html body :is(a,button).button.button:is(.outline,.white){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111}
html body :is(a,button).button.button:is(.outline,.white) :is(span,b,strong){color:#111!important;-webkit-text-fill-color:#111}
html body :is(a,button).button.button:hover{filter:brightness(.95)}
html body #toast{background:var(--tn-logo-red);border-color:var(--tn-logo-red);color:#fff}
html body ::selection{background:color-mix(in srgb,var(--tn-logo-red) 19%,white);color:#111}
@media print{html body :is(header,footer,.hero,.card,.panel,article){background:#fff!important;box-shadow:none!important;color:#111!important}}

html body .tn-login-panel .tn-login-caption :is(p,span){color:#fff!important;-webkit-text-fill-color:#fff}
