/* WebHub 4.3 unified design tokens. All rules scoped to authenticated workspace. */
html[data-theme="carbon-orange"]{--bg:#101216;--panel:#1a1e24;--surface:#1a1e24;--surface-2:#242a32;--line:#38414b;--text:#f2f4f8;--muted:#aeb8c5;--heading:#fff;--label:#d6dce5;--accent:#ff8b38;--accent-soft:rgba(255,139,56,.13);--blue:#ffab61;--input:#20252c;--hover:#303641;--shadow:0 8px 28px rgba(0,0,0,.23)}
html[data-theme="carbon-orange"] body.wh41-app{--bg:#101216;--panel:#1a1e24;--surface:#1a1e24;--surface-2:#242a32;--line:#38414b;--text:#f2f4f8;--muted:#aeb8c5;--heading:#fff;--label:#d6dce5;--accent:#ff8b38;--accent-soft:rgba(255,139,56,.13);--blue:#ffab61;--input:#20252c;--hover:#303641;--wh41-blue:#ff8b38;--wh41-shadow:0 8px 28px rgba(0,0,0,.23)}
html[data-theme="carbon-orange"] body.wh41-app .webops-sidebar{background:linear-gradient(160deg,#20242b 0%,#111418 72%,#241817 100%)!important;border-color:#3e3432!important}
html[data-theme="carbon-orange"] body.wh41-app .webops-sidebar .brandmark{background:linear-gradient(140deg,#ffac47,#f45136)!important}
html[data-theme="carbon-orange"] body.wh41-app .webops-sidebar .mainnav>a.active{background:linear-gradient(105deg,#eb661c,#e84c35)!important;box-shadow:0 5px 15px rgba(245,94,31,.22)!important}
html[data-theme="carbon-orange"] body.wh41-app .webops-sidebar .mainnav>a:hover:not(.active){background:#343137!important}
html[data-theme="carbon-orange"] body.wh41-app .webops-sidebar .navlabel.wh40-orange{color:#ffad63!important}
html[data-theme="carbon-orange"] body.wh41-app .wh40-headlinks>a{background:linear-gradient(105deg,#fa8c36,#f04c38)!important}
.theme-preview.carbonorange{background:linear-gradient(130deg,#25272c,#f45b36);box-shadow:inset 8px 0 #15171b}
/* Consistent semantic color surfaces for every theme */
body.wh41-app{color-scheme:light;--ui-focus:var(--accent);--ui-raised:var(--surface-2);--ui-border:var(--line)}
html[data-theme="midnight"] body.wh41-app,html[data-theme="graphite"] body.wh41-app,html[data-theme="ocean"] body.wh41-app,html[data-theme="sunset"] body.wh41-app,html[data-theme="neon-purple"] body.wh41-app,html[data-theme="emerald"] body.wh41-app,html[data-theme="carbon-red"] body.wh41-app,html[data-theme="carbon-orange"] body.wh41-app{color-scheme:dark}
body.wh41-app :is(.panel,.stat,.sitecard,.taskrow,.uptime-card,.uptime-kpi,.wh33-server-card,.wh40-card,.wh-workspace-nav,.wh-workspace-tile,.websites-section,.control-kpi){background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
body.wh41-app :is(.panel,.sitecard,.taskrow,.wh-workspace-tile,.wh40-card) :is(h1,h2,h3,h4,strong){color:var(--heading)}
body.wh41-app :is(.panel,.sitecard,.taskrow,.wh-workspace-tile,.wh40-card) :is(.muted,.help,small){color:var(--muted)}
body.wh41-app :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--input,var(--surface-2))!important;color:var(--text)!important;border:1px solid var(--line)!important;accent-color:var(--accent);color-scheme:inherit}
body.wh41-app :is(input,textarea,select,button,a):focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}
body.wh41-app select option,body.wh41-app select optgroup{background:var(--panel);color:var(--text)}
body.wh41-app :is(label,legend,.contextline){color:var(--text)!important}
body.wh41-app :is(.secondary,.ghost,.badge,.site-filter,.period button){background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
body.wh41-app :is(.secondary,.ghost,.site-filter):hover{background:var(--hover,var(--surface-2))!important;color:var(--heading)!important}
body.wh41-app :is(.tablewrap,table,th,td,pre,code,.tabs,nav.tabs,.webhub-site-tabs,.wh-workspace-grid){border-color:var(--line)!important}
body.wh41-app th{background:var(--surface-2)!important;color:var(--muted)!important}body.wh41-app td{background:transparent;color:var(--text)!important}body.wh41-app tr:hover td{background:var(--surface-2)!important}
body.wh41-app :is(.tabs a.active,nav.tabs>a.active,.webhub-site-tabs>a.active){background:var(--accent-soft,rgba(65,124,235,.13))!important;color:var(--accent)!important;border-color:var(--accent)!important}
body.wh41-app :is(.tabs a,nav.tabs>a,.webhub-site-tabs>a){color:var(--muted)!important}body.wh41-app :is(.tabs a,nav.tabs>a,.webhub-site-tabs>a):hover{color:var(--accent)!important}
body.wh41-app .theme-switcher{position:relative;z-index:1100}body.wh41-app .webops-topbar{z-index:1000;overflow:visible!important}
body.wh41-app .theme-menu{z-index:1200!important;background:var(--panel)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important}
body.wh41-app .theme-menu[hidden]{display:none!important}
body.wh41-app .theme-option{background:transparent!important;color:var(--text)!important}body.wh41-app .theme-option:hover,body.wh41-app .theme-option.active{background:var(--surface-2)!important}
body.wh41-app .theme-option strong{color:var(--heading)!important}body.wh41-app .theme-option small{color:var(--muted)!important}
body.wh41-app .theme-trigger{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
body.wh41-app .webops-topbar .wh40-search{background:var(--surface-2)!important;border-color:var(--line)!important}
body.wh41-app .webops-topbar .wh40-search input{background:transparent!important;color:var(--text)!important}
/* Sidebar adapts to bright themes; dark variants keep the professional dark sidebar. */
html[data-theme="webops-light"] body.wh41-app .webops-sidebar,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar,html[data-theme="sky"] body.wh41-app .webops-sidebar{background:linear-gradient(180deg,#fff,#f0f5ff)!important;color:#263b58!important;border-right:1px solid #d8e2f1!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .brand>span:last-child,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .brand>span:last-child,html[data-theme="sky"] body.wh41-app .webops-sidebar .brand>span:last-child{color:#152d4f!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .brand small,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .brand small,html[data-theme="sky"] body.wh41-app .webops-sidebar .brand small{color:#7185a2!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .mainnav>a,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .mainnav>a,html[data-theme="sky"] body.wh41-app .webops-sidebar .mainnav>a{color:#344861!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .mainnav>a:hover:not(.active),html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .mainnav>a:hover:not(.active),html[data-theme="sky"] body.wh41-app .webops-sidebar .mainnav>a:hover:not(.active){background:#e5eeff!important;color:#1751aa!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .mainnav>a.active,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .mainnav>a.active,html[data-theme="sky"] body.wh41-app .webops-sidebar .mainnav>a.active{color:#fff!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .navcount,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .navcount,html[data-theme="sky"] body.wh41-app .webops-sidebar .navcount{background:#e4ecfa;color:#385c8e}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .asidefoot,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .asidefoot,html[data-theme="sky"] body.wh41-app .webops-sidebar .asidefoot{border-color:#d8e2f1!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .system-mini strong,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .system-mini strong,html[data-theme="sky"] body.wh41-app .webops-sidebar .system-mini strong{color:#1e3658!important}
html[data-theme="webops-light"] body.wh41-app .webops-sidebar .linkbutton,html[data-theme="soft-blue"] body.wh41-app .webops-sidebar .linkbutton,html[data-theme="sky"] body.wh41-app .webops-sidebar .linkbutton{color:#486482!important}
/* Dashboard-only subtle digital IT backdrop. No external images or heavy animations. */
body.wh41-app:has(.wh40-dashboard) main:not(.authmain){background-color:var(--bg)!important;background-image:radial-gradient(ellipse at 80% 7%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 42%),radial-gradient(ellipse at 4% 55%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 50%),linear-gradient(color-mix(in srgb,var(--accent) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 5%,transparent) 1px,transparent 1px)!important;background-size:auto,auto,34px 34px,34px 34px!important;background-attachment:fixed!important}
body.wh41-app .wh40-dashboard{position:relative;isolation:isolate}body.wh41-app .wh40-dashboard:before{content:"";pointer-events:none;position:absolute;z-index:-1;top:-5px;right:0;width:min(38vw,510px);height:210px;opacity:.3;background:radial-gradient(circle at 16% 26%,var(--accent) 0 2px,transparent 3px),radial-gradient(circle at 52% 67%,var(--accent) 0 2px,transparent 3px),radial-gradient(circle at 82% 20%,var(--accent) 0 2px,transparent 3px),linear-gradient(130deg,transparent 40%,var(--accent) 40.2%,transparent 40.5%),linear-gradient(25deg,transparent 55%,var(--accent) 55.2%,transparent 55.5%)}
body.wh41-app .wh40-dashboard .wh40-card{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:var(--wh41-shadow,var(--shadow))!important}
body.wh41-app .wh40-dashboard .wh40-cardhead>a{background:var(--surface-2)!important;color:var(--accent)!important;border-color:var(--line)!important}
body.wh41-app .wh40-dashboard :is(.wh40-statusrow,.wh40-modules>div){border-color:var(--line)!important}
body.wh41-app .wh40-dashboard :is(.wh40-ring span,.wh40-content b,.wh40-health b){color:var(--heading)!important}
body.wh41-app .wh40-dashboard :is(.wh40-placeholder p,.wh40-content small){color:var(--muted)!important}
@media(max-width:750px){body.wh41-app .theme-menu{right:0!important;left:auto!important;max-width:calc(100vw - 28px)!important}body.wh41-app .wh40-dashboard:before{display:none}}
@media(prefers-reduced-motion:reduce){body.wh41-app *,body.wh41-app *:before,body.wh41-app *:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}