/* NHC Clean UI — only presentation; loaded AFTER current workspace themes.
   The existing top navigation, login, forms, routes and JS behavior stay intact. */
:root { --nhc-yellow:#edb924; --nhc-yellow-bright:#ffce43; }
body.ux-2026 {
  --primary:#d49b00;--gold:#e3aa17;--gold-soft:#edbb33;
  --gold-dim:rgba(228,176,29,.12);--gold-line:rgba(212,153,0,.32);
  --violet:#d49b00;--cyan:#e8b836;--navy:#111216;
  --bg:#f5f6f7;--bg-soft:#fafafa;--surface:#fff;--surface-2:#fbfbfb;
  --surface-3:#fff8df;--surface-hover:#fff9e9;--border:#e6e7e9;
  --border-soft:#eaebed;--text:#1e2229;--text-soft:#444b55;
  --muted:#656b77;--muted-2:#818692;--shadow:0 18px 44px rgba(17,19,22,.06);
  --shadow-soft:0 4px 20px rgba(16,18,21,.04);
  --success:#218b64;--danger:#ce4b51;
  background:var(--bg)!important;color:var(--text)!important;
  font-family:'Segoe UI Variable Text','Segoe UI',Arial,system-ui,sans-serif!important;
  font-weight:400!important;letter-spacing:normal!important;line-height:1.5!important;
}
/* Never mix DM Sans / Manrope / Inter and tiny hand-coded font sizes between tabs. */
body.ux-2026 :is(h1,h2,h3,h4,h5,h6,p,span,b,strong,small,em,label,a,button,input,select,textarea,table,th,td,summary,pre,code,div) {
  font-family:inherit!important;
}
body.ux-2026 :is(input,button,select,textarea){font-size:14px!important}
body.ux-2026 :is(p,small,.muted){letter-spacing:normal!important;line-height:1.55!important}
body.ux-2026 h1{font-size:clamp(29px,2.7vw,39px)!important;font-weight:750!important;letter-spacing:-.025em!important;line-height:1.18!important}
body.ux-2026 h2{font-size:clamp(19px,1.9vw,24px)!important;font-weight:700!important;letter-spacing:-.018em!important;line-height:1.25!important}
body.ux-2026 h3{font-size:16px!important;font-weight:650!important;letter-spacing:-.01em!important}
body.ux-2026 :is(b,strong){font-weight:650!important}
body.ux-2026 :is(.eyebrow,.dash-kicker,.announce-kicker,.roster-section-kicker,.roster-crumb){letter-spacing:.045em!important;color:var(--primary)!important;font-weight:700!important}
body.ux-2026 :focus-visible{outline:2px solid var(--gold)!important;outline-offset:2px!important}
/* Top-bar overlay preserved: two full-width rows, top right user and theme switch. */
body.ux-2026 .ux-header,
html[data-nhc-theme="dark"] body.ux-2026 .ux-header{background:#101114!important;color:#fff!important;box-shadow:0 6px 22px rgba(0,0,0,.12)!important}
body.ux-2026 .ux-header::before{height:3px!important;background:var(--nhc-yellow-bright)!important}
body.ux-2026 .ux-top-row{border-bottom:1px solid #ffffff1f!important}
body.ux-2026 .ux-nav-row,
html[data-nhc-theme="dark"] body.ux-2026 .ux-nav-row{background:#181a1e!important}
body.ux-2026 .ux-logo{background:#edb92412!important;border-color:#edb92455!important}
body.ux-2026 .ux-product-tabs,
html[data-nhc-theme="dark"] body.ux-2026 .ux-product-tabs{background:#232428!important;border-color:#ffffff25!important}
body.ux-2026 .ux-product-tabs a{color:#cdd0d6!important;font-weight:600!important}
body.ux-2026 .ux-product-tabs a.is-current,
html[data-nhc-theme="dark"] body.ux-2026 .ux-product-tabs a.is-current{background:var(--nhc-yellow-bright)!important;color:#191919!important;box-shadow:none!important}
body.ux-2026 .ux-product-tabs .ux-external-tab{border-color:#eabf4359!important;background:#ffffff06!important;color:#e6e6e6!important}
body.ux-2026 .ux-product-tabs a:hover:not(.is-current){background:#ffffff18!important;color:white!important}
body.ux-2026 .ux-navitem{color:#c6c9cd!important;font-size:13px!important;font-weight:550!important;border-bottom:3px solid transparent!important}
body.ux-2026 .ux-navitem.is-active{color:var(--nhc-yellow-bright)!important;border-bottom-color:var(--nhc-yellow-bright)!important;background:#edb92412!important}
body.ux-2026 .ux-navitem.is-active svg{color:var(--nhc-yellow-bright)!important}
body.ux-2026 .ux-navitem:hover{color:#fff!important;background:#ffffff13!important}
body.ux-2026 .ux-account-text b{color:white!important;font-weight:650!important;font-size:13px!important}
body.ux-2026 .ux-account-text small{color:#a4a6ad!important;font-size:11px!important}
body.ux-2026 .ux-avatar{background:#f0bf39!important;border-color:#f0bf3980!important}
body.ux-2026 .ux-account-popover,body.ux-2026 .ux-all-menu{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
body.ux-2026 .ux-account-name{color:var(--text)!important}
body.ux-2026 .ux-account-popover a:hover{background:var(--surface-3)!important}
body.ux-2026 button.ux-theme-toggle,
body.ux-2026 .ux-theme-toggle{background:#24262a!important;border-color:#e9b83370!important;color:#f4f4f4!important;font-weight:600!important}
body.ux-2026 button.ux-theme-toggle:hover{background:#353535!important}
body.ux-2026 .ux-crumb,body.ux-2026 .ux-crumb strong{color:var(--muted)!important}
/* Main components both themes. */
body.ux-2026 :is(.panel,.card,.stat,.metric-card,.case-card,.permission-role-card,.team-support-group,.roster-directory){
  background:var(--surface)!important;border:1px solid var(--border)!important;
  color:var(--text)!important;box-shadow:var(--shadow-soft)!important;border-radius:15px!important;
}
body.ux-2026 :is(.panel h2,.card h2,.section-title h2,.panel h3,.card h3,.stat strong,.metric-card strong){color:var(--text)!important}
body.ux-2026 :is(.eyebrow,.announce-kicker,.dash-kicker,.roster-kicker,.roster-crumb,.roster-section-kicker){color:var(--primary)!important}
body.ux-2026 :is(.badge,.header-chip,.counter,.tag,.roster-role){background:var(--surface-3)!important;color:var(--primary)!important;border-color:var(--gold-line)!important}
body.ux-2026 :is(.button,.button-primary,.button-link,.btn-primary,.save-button,.hero-primary,.ux-login-button):not(.ghost){font-weight:650!important}
body.ux-2026 :is(button,input,select,textarea){accent-color:var(--nhc-yellow)!important}
body.ux-2026 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:none!important}
body.ux-2026 :is(input,textarea)::placeholder{color:var(--muted-2)!important;opacity:1}
body.ux-2026 :is(.button-primary,.btn-primary,.hero-primary,.ux-login-button){background:var(--nhc-yellow-bright)!important;color:#1b1b1d!important;border-color:#e1ac13!important}
body.ux-2026 :is(.button-primary,.btn-primary,.hero-primary,.ux-login-button):hover{background:#e6b32b!important}
body.ux-2026 :is(.roster-quickfilters button.is-active,.roster-view-toggle button.is-active){background:var(--nhc-yellow-bright)!important;color:#202124!important;border-color:var(--gold-line)!important}
body.ux-2026 :is(.roster-member,.roster-summary-card,.auto-announce-item,.changelog-history-card,.announce-history-card,.channel-pool-card){background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
body.ux-2026 :is(.roster-member-metrics,.roster-search,.roster-select-wrap,.roster-view-toggle,.roster-quickfilters button){border-color:var(--border)!important}
body.ux-2026 :is(.roster-summary-icon,.roster-avatar,.roster-heading-side,.roster-member-badge){background:var(--surface-3)!important;color:var(--primary)!important}
body.ux-2026 .roster-heading,body.ux-2026 .dash-hero,body.ux-2026 .team-hero{
  background:linear-gradient(110deg,var(--surface) 20%,var(--surface-3) 100%)!important;
  color:var(--text)!important;border-color:var(--border)!important;
}
body.ux-2026 .roster-heading h1,body.ux-2026 .roster-heading h1 em{color:var(--text)!important}
body.ux-2026 .roster-heading h1 em{color:var(--primary)!important}
body.ux-2026 .roster-heading p,body.ux-2026 .roster-directory-title p{color:var(--muted)!important}
body.ux-2026 :is(.roster-summary-card strong,.roster-member-metrics strong,.roster-member-details h3,.roster-directory-title h2){color:var(--text)!important}
body.ux-2026 .roster-directory-title h2 span{background:var(--surface-3)!important;color:var(--primary)!important}
body.ux-2026 :is(.roster-role,.roster-filterline button,.roster-quickfilters button,.roster-view-toggle){background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 .roster-member .roster-role{background:var(--gold-dim)!important;color:var(--primary)!important}
body.ux-2026 .ux-footer{color:var(--muted)!important;border-color:var(--border)!important}
/* Functional team dashboard: restore CSS for currently unstyled dashboard classes. */
body.ux-2026 .welcome-hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:255px;padding:clamp(24px,3vw,42px)!important;margin:0 0 25px!important;
  background:linear-gradient(115deg,var(--surface) 40%,var(--surface-3))!important;border:1px solid var(--border)!important;border-radius:18px!important;
  color:var(--text)!important;box-shadow:var(--shadow-soft)!important}
body.ux-2026 .hero-copy{position:relative;z-index:2;max-width:780px}
body.ux-2026 .hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px!important;font-weight:650!important;color:var(--primary)!important;letter-spacing:.035em!important}
body.ux-2026 .hero-kicker i{display:inline-block;width:7px;height:7px;background:var(--nhc-yellow);border-radius:50%}
body.ux-2026 .hero-copy h1{margin:12px 0 14px!important;color:var(--text)!important;line-height:1.14!important;font-size:clamp(30px,3vw,42px)!important}
body.ux-2026 .hero-copy h1 strong{color:var(--primary)!important;font-weight:750!important}
body.ux-2026 .hero-copy p{font-size:14px!important;color:var(--muted)!important;max-width:600px;margin:0 0 22px!important}
body.ux-2026 .hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body.ux-2026 .hero-actions a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:650!important}
body.ux-2026 .hero-primary{background:var(--nhc-yellow-bright)!important;color:#1c1d1f!important;border:1px solid #d7a717!important}
body.ux-2026 .hero-secondary{color:var(--text)!important;border:1px solid var(--border)!important;background:var(--surface)!important}
body.ux-2026 .hero-mark{position:absolute;right:25px;top:0;font-size:clamp(85px,12vw,180px)!important;font-weight:800!important;line-height:1.8!important;letter-spacing:-.09em!important;color:var(--primary)!important;opacity:.085;pointer-events:none}
body.ux-2026 .hero-decoration,body.ux-2026 .hero-bottom-caption{display:none!important}
body.ux-2026 .dashboard-section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:14px 0 15px}
body.ux-2026 .dashboard-section-head h2{margin:5px 0 0!important;color:var(--text)!important}
body.ux-2026 .dash-live{display:inline-flex;align-items:center;gap:7px;font-size:12px!important;color:var(--muted)!important}
body.ux-2026 .dash-live i{height:7px;width:7px;border-radius:50%;background:#39a270}
body.ux-2026 .dashboard-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;margin-bottom:23px!important}
body.ux-2026 .dashboard-stats .stat{display:flex;flex-direction:column;gap:10px;min-height:155px;padding:22px!important}
body.ux-2026 .stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px!important;color:var(--muted)!important}
body.ux-2026 .stat-top i{font-style:normal;color:var(--primary)!important}
body.ux-2026 .dashboard-stats .stat>b{display:block;font-size:30px!important;color:var(--text)!important;line-height:1.2!important;font-weight:750!important}
body.ux-2026 .dashboard-stats .stat>small{display:block;font-size:12px!important;color:var(--muted)!important}
body.ux-2026 .stat-unit{font-size:13px!important;font-weight:400!important;color:var(--muted)!important}
body.ux-2026 .dashboard-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
body.ux-2026 .dashboard-stack{display:grid;gap:18px;min-width:0}
body.ux-2026 .dashboard-stack .panel{margin:0!important}
body.ux-2026 .dash-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px!important}
body.ux-2026 .dash-panel-header h2{margin:4px 0 4px!important}
body.ux-2026 .dash-panel-header p{font-size:13px!important;margin:0!important;color:var(--muted)!important}
body.ux-2026 .quick-actions,.mini-task-list{display:grid;gap:8px}
body.ux-2026 .quick-action,.mini-task{display:flex;align-items:center;gap:13px;padding:13px 14px;background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:11px!important;color:var(--text)!important}
body.ux-2026 .quick-action:hover,.mini-task:hover{background:var(--surface-3)!important;border-color:var(--gold-line)!important}
body.ux-2026 .quick-icon{display:grid;place-items:center;background:var(--gold-dim);border-radius:9px;width:37px;height:37px;color:var(--primary)}
body.ux-2026 .quick-copy{display:grid;gap:2px;min-width:0;flex:1}
body.ux-2026 .quick-copy b,.mini-task b{font-size:13px!important;color:var(--text)!important}
body.ux-2026 .quick-copy small,.mini-task small{font-size:12px!important;color:var(--muted)!important}
body.ux-2026 .quick-arrow{margin-left:auto;color:var(--primary)}
body.ux-2026 .mini-task-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--nhc-yellow)}
body.ux-2026 .mini-task>div{flex:1;display:grid;gap:3px}
body.ux-2026 .dash-panel-link{display:inline-flex;gap:8px;align-items:center;margin-top:15px;color:var(--primary)!important;font-size:13px!important;font-weight:650!important}
body.ux-2026 .profile-overview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)!important}
body.ux-2026 .profile-overview-row>div{display:grid;gap:3px}
body.ux-2026 .profile-overview-row b{color:var(--text)!important}
body.ux-2026 .profile-overview-row small{font-size:12px!important;color:var(--muted)!important}
body.ux-2026 .profile-status{font-size:11px!important;padding:5px 9px;border-radius:7px;background:var(--gold-dim);color:var(--primary)!important}
body.ux-2026 .profile-note{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--muted)!important;font-size:12px!important}
body.ux-2026 .dash-empty{display:grid;place-items:center;gap:8px;padding:24px;color:var(--muted);text-align:center}
body.ux-2026 .dash-empty b{color:var(--text)!important}
/* Login stays same composition, now NHC colors. */
body.ux-2026.ux-login-body .ux-login-showcase{background:linear-gradient(145deg,#141516,#27251b)!important}
body.ux-2026.ux-login-body .ux-login-form-side{background:var(--bg)!important}
body.ux-2026.ux-login-body .ux-login-box{color:var(--text)!important}
body.ux-2026.ux-login-body .ux-login-box h2{color:var(--text)!important}
body.ux-2026.ux-login-body .ux-login-pill{background:var(--gold-dim)!important;color:var(--primary)!important}
body.ux-2026.ux-login-body .ux-theme-toggle{background:#272727!important;color:#fff!important}
/* DARK: same composition, pure gold/black instead of violet/navy. */
html[data-nhc-theme="dark"]{background:#0d0e10!important;color-scheme:dark!important}
html[data-nhc-theme="dark"] body.ux-2026{
  --bg:#0d0e10;--bg-soft:#131416;--surface:#191b1e;--surface-2:#202226;
  --surface-3:#2c291d;--surface-hover:#28291f;--border:#34363b;--border-soft:#2b2d32;
  --text:#f2f2f2;--text-soft:#d0d1d3;--muted:#aaaeb6;--muted-2:#82858d;
  --primary:#ffd044;--gold:#ffca34;--gold-soft:#ffd455;--gold-dim:rgba(255,202,52,.11);
  --gold-line:rgba(255,205,53,.34);--navy:#0b0c0e;--shadow-soft:0 3px 16px rgba(0,0,0,.17);
  background:var(--bg)!important;color:var(--text)!important;
}
html[data-nhc-theme="dark"] body.ux-2026 :is(.panel,.card,.stat,.metric-card,.case-card,.permission-role-card,.team-support-group,.roster-directory,.roster-member,.roster-summary-card){background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.panel h2,.card h2,.section-title h2,.panel h3,.card h3,.stat strong,.metric-card strong,.roster-member-details h3,.roster-summary-card strong,.roster-directory-title h2){color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(p,small,.muted,.roster-heading p,.roster-directory-title p){color:var(--muted)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.eyebrow,.announce-kicker,.dash-kicker,.roster-crumb,.roster-kicker,.roster-section-kicker,.roster-heading h1 em){color:var(--primary)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.badge,.header-chip,.counter,.tag,.roster-role,.roster-member-badge){background:var(--surface-3)!important;border-color:var(--gold-line)!important;color:var(--primary)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.roster-heading,.dash-hero,.team-hero,.welcome-hero){background:linear-gradient(110deg,#1a1b1d 30%,#2b2517)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.roster-member-metrics,.roster-view-toggle,.roster-quickfilters button,.roster-filterline button,.roster-avatar,.roster-heading-side,.roster-summary-icon){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--primary)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.quick-action,.mini-task,.announce-role-picker,.announce-role-option,.announce-sendbar,.auto-announce-item,.announce-history-card,.changelog-history-card,.channel-pool-card,.rule-content article){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:#24262a!important;color:var(--text)!important;border-color:#414247!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.ux-all-menu,.ux-account-popover){background:#232529!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.ux-account-name,.ux-all-menu .ux-navitem){color:#f0f0f0!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.ux-account-caption,.ux-account-sub,.ux-crumb,.ux-crumb strong,.ux-footer){color:var(--muted)!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-box h2{color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-form-side{background:var(--bg)!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-pill{background:var(--surface-3)!important;color:var(--primary)!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-quickfilters button.is-active,
html[data-nhc-theme="dark"] body.ux-2026 .roster-view-toggle button.is-active{background:var(--nhc-yellow-bright)!important;color:#171717!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-summary-card .roster-summary-icon{background:var(--surface-3)!important;color:var(--primary)!important}
/* Maintain dashboard readability and horizontal menu on all sizes. */
@media(max-width:1050px){body.ux-2026 .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.ux-2026 .dashboard-columns{grid-template-columns:1fr}}
@media(max-width:650px){body.ux-2026 .welcome-hero{min-height:0;padding:23px!important}body.ux-2026 .hero-mark{display:none}body.ux-2026 .dashboard-stats{grid-template-columns:1fr}body.ux-2026 .hero-actions{align-items:stretch}body.ux-2026 .hero-actions>a{justify-content:center}body.ux-2026 .dashboard-section-head{align-items:flex-start}}

/* ===============================================================
   NHC palette completion - 2026-10-09
   Pure presentation overrides. No DOM, scripting, backend or route changes.
   Light = gold/white; dark = gold/black. The existing overlay is retained.
   =============================================================== */
body.ux-2026 {
  --nhc-ui-accent:#f6c944;
  --nhc-ui-accent-text:#825800;
  --nhc-ui-accent-soft:#fff6d9;
  --nhc-ui-on-accent:#191919;
  --nhc-ui-outline:#dfcc85;
  --nhc-ui-card:#ffffff;
  --nhc-ui-card-2:#fcfbf6;
  --nhc-ui-layer:#f8f8f6;
  --nhc-ui-muted:#626971;
  --nhc-ui-separator:#e4e1d7;
  --nhc-ui-ink:#202225;
  --info:#8b690f;
  --violet:#9d750c;
  --cyan:#a87e1b;
}
html[data-nhc-theme="dark"] body.ux-2026 {
  --nhc-ui-accent:#ffd04a;
  --nhc-ui-accent-text:#ffcf45;
  --nhc-ui-accent-soft:#332b17;
  --nhc-ui-on-accent:#161616;
  --nhc-ui-outline:#60522f;
  --nhc-ui-card:#18191b;
  --nhc-ui-card-2:#222326;
  --nhc-ui-layer:#252527;
  --nhc-ui-muted:#b0b2b7;
  --nhc-ui-separator:#363638;
  --nhc-ui-ink:#f4f2eb;
  --info:#e5b73a;
  --violet:#f3c23b;
  --cyan:#e7c14b;
  --color-scheme:dark;
}
/* Typography: one system font throughout the two panel workspaces. */
body.ux-2026 :is(.ux-header,.ux-content,.ux-main,.ux-login-layout,.workspace-tools,.roster-directory,.announce-layout,.changelog-grid,.form-stack,.panel,.card,table,.table-wrap,.table-scroll) {font-family:'Segoe UI Variable Text','Segoe UI',Arial,system-ui,sans-serif!important}
body.ux-2026 :is(.workspace-tool-title,.workspace-section-head h2,.workspace-bottom-links h3,.roster-member-name,.roster-member-details h3,.roster-summary-card strong,.roster-heading h1,.roster-directory-title h2,.workspace-hero h1,.ux-login-story h1) {font-family:inherit!important;letter-spacing:-.02em!important}
body.ux-2026 :is(.roster-search,.roster-select-wrap,.roster-summary-label,.roster-results,.roster-toolbar,.workspace-tool-desc,.workspace-tool-type,.workspace-tool-bottom,.workspace-section-head p) {color:var(--muted)!important}
body.ux-2026 :is(.workspace-section-head h2,.workspace-tool-title,.workspace-bottom-links h3,.roster-member-name,.roster-member-details h3,.roster-heading h1,.roster-summary-card strong,.roster-heading-side strong){color:var(--text)!important}
/* Gold accent everywhere, including buttons left behind in the old violet UI. */
body.ux-2026 :is(button:not(.ux-navitem):not(.ux-theme-toggle):not(.nhc-channel-option):not(.nhc-picker-clear):not(.nhc-channel-trigger):not(.danger):not(.ghost):not(.subtle):not(.secondary), .button-link:not(.subtle),a.button:not(.ghost):not(.secondary),a.btn:not(.btn-ghost):not(.secondary)){
  background:var(--nhc-ui-accent)!important;border-color:var(--nhc-ui-accent)!important;color:var(--nhc-ui-on-accent)!important;
}
body.ux-2026 :is(button:not(.ux-navitem):not(.ux-theme-toggle):not(.nhc-channel-option):not(.nhc-picker-clear):not(.nhc-channel-trigger):not(.danger):not(.ghost):not(.subtle):not(.secondary), .button-link:not(.subtle), a.button:not(.ghost):not(.secondary),a.btn:not(.btn-ghost):not(.secondary)):hover{
  background:#f5d56b!important;border-color:#f5d56b!important;color:#171717!important;
}
body.ux-2026 :is(button.ghost,button.subtle,button.secondary,.button-link.subtle,.compact-action,a.btn-ghost,a.secondary){background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 :is(button.ghost,button.subtle,button.secondary,.button-link.subtle,.compact-action,a.btn-ghost,a.secondary):hover{background:var(--surface-3)!important;color:var(--nhc-ui-accent-text)!important;border-color:var(--gold-line)!important}
body.ux-2026 :is(.section-actions a,.dash-panel-link,.roster-help-link,.workspace-tool-bottom,.quick-arrow,.workspace-mini-label,.workspace-section-count,.roster-crumb,.roster-section-kicker){color:var(--nhc-ui-accent-text)!important}
body.ux-2026 :is(label,.announce-field label,.roster-select-wrap span,.stat-top,.announce-label-row,.form-stack label){color:var(--text-soft)!important}
body.ux-2026 :is(input:focus,textarea:focus,select:focus,.nhc-channel-trigger:focus-visible,.nhc-picker-search:focus-visible){border-color:var(--nhc-ui-outline)!important;outline:2px solid var(--gold-line)!important;outline-offset:1px!important;box-shadow:0 0 0 3px var(--gold-dim)!important}
body.ux-2026 input:is([type=checkbox],[type=radio]){accent-color:var(--nhc-ui-accent)!important}
body.ux-2026 :is(.workspace-hero,.workspace-bottom-links,.workspace-tool,.workspace-section-count,.workspace-tool-icon,.workspace-tool-title,.workspace-tool-desc,.roster-summary-card,.roster-no-results,.roster-filterline button,.roster-member,.roster-avatar,.roster-role,.roster-member-badge,.roster-view-toggle,.roster-search-wrap,.roster-heading-side){border-color:var(--border)!important}
body.ux-2026 .workspace-hero{background:linear-gradient(110deg,var(--surface),var(--surface-3))!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important}
body.ux-2026 .workspace-hero:after{background:radial-gradient(circle at center,var(--gold-dim),transparent 72%)!important;border-color:var(--gold-line)!important;box-shadow:0 0 0 55px var(--gold-dim)!important}
body.ux-2026 .workspace-hero :is(h1,p,.workspace-hero-kicker){color:var(--text)!important}
body.ux-2026 .workspace-hero h1 em,.workspace-mini-label{color:var(--nhc-ui-accent-text)!important}
body.ux-2026 .workspace-hero-kicker>span{background:var(--nhc-ui-accent)!important}
body.ux-2026 .workspace-primary-link{background:var(--nhc-ui-accent)!important;color:var(--nhc-ui-on-accent)!important}
body.ux-2026 .workspace-secondary-link{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 .workspace-tool,body.ux-2026 .workspace-bottom-links,body.ux-2026 .workspace-bottom-links a {background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 .workspace-tool:hover{border-color:var(--gold-line)!important;box-shadow:var(--shadow-soft)!important}
body.ux-2026 :is(.workspace-tool-icon,.workspace-section-count,.roster-summary-icon,.roster-heading-side,.roster-directory-title h2 span,.roster-member-badge,.roster-role,.roster-member-role){background:var(--nhc-ui-accent-soft)!important;color:var(--nhc-ui-accent-text)!important;border-color:var(--gold-line)!important}
body.ux-2026 :is(.workspace-tool-type,.workspace-tool-desc,.workspace-hero p,.workspace-section-head p,.roster-summary-card span,.roster-directory-title p,.roster-member-details p){color:var(--muted)!important}
body.ux-2026 :is(.roster-member,.roster-summary-card,.roster-no-results,.roster-view-toggle,.roster-quickfilters button,.roster-filterline button){background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 .roster-quickfilters button:is(.is-active,.active),body.ux-2026 .roster-filterline button:is(.is-active,.active){background:var(--nhc-ui-accent)!important;color:var(--nhc-ui-on-accent)!important;border-color:var(--nhc-ui-accent)!important}
body.ux-2026 .roster-member:hover{border-color:var(--gold-line)!important}
body.ux-2026 .roster-summary-card:after{background:var(--gold-dim)!important}
body.ux-2026 .roster-help-link,.roster-member-actions a{color:var(--nhc-ui-accent-text)!important}
/* Writers, roles, searchable channel picker, previews, automation and archives. */
body.ux-2026 :is(.announce-composer,.announce-side,.changelog-preview-panel,.announce-toggle,.announce-role-picker,.announce-role-option,.announce-sendbar,.auto-announce-item,.announce-history-card,.changelog-history-card,.channel-pool-card,.preview-box,.form-stack,.nhc-channel-dropdown,.nhc-channel-option,.nhc-channel-trigger,.nhc-filterable-list,.nhc-picker-toolbar){border-color:var(--border)!important;color:var(--text)!important}
body.ux-2026 :is(.announce-toggle,.announce-role-picker,.announce-role-option,.announce-sendbar,.auto-announce-item,.announce-history-card,.changelog-history-card,.channel-pool-card,.nhc-channel-trigger,.nhc-channel-option,.nhc-channel-dropdown,.nhc-filterable-list){background:var(--surface-2)!important;color:var(--text)!important}
body.ux-2026 :is(.announce-role-option:hover,.nhc-channel-option:hover,.nhc-channel-option.is-selected,.nhc-filterable-list .announce-role-option:has(input:checked)){background:var(--nhc-ui-accent-soft)!important;border-color:var(--gold-line)!important;color:var(--text)!important}
body.ux-2026 :is(.nhc-channel-option.is-selected,.announce-history-channel,.announce-history-role,.announce-info-row>span,.announce-role-dot,.roster-member-role,.announce-label-row small){color:var(--nhc-ui-accent-text)!important}
body.ux-2026 :is(.announce-history-channel,.announce-history-role,.announce-info-row>span,.roster-member-role){background:var(--nhc-ui-accent-soft)!important;border-color:var(--gold-line)!important}
body.ux-2026 :is(.announce-section-head,.announce-info-row,.announce-history-card,.changelog-history-card,.auto-announce-item,.changelog-preview-panel){border-color:var(--border)!important}
body.ux-2026 :is(.announce-field label,.announce-sendbar b,.announce-toggle span b,.announce-info-row b,.announce-history-meta b,.changelog-history-meta b){color:var(--text)!important}
body.ux-2026 :is(.announce-history-meta,.changelog-history-meta,.announce-info-row small,.announce-history-card small,.changelog-history-card small){color:var(--muted)!important}
body.ux-2026 :is(.discord-preview,.discord-preview-embed,.discord-preview-top,.preview-box,#changelogPreview){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}
body.ux-2026 .discord-preview-mark{background:var(--nhc-ui-accent)!important;color:var(--nhc-ui-on-accent)!important}
body.ux-2026 :is(.discord-preview-embed,.preview-box){border-left-color:var(--nhc-ui-accent)!important}
body.ux-2026 :is(.discord-preview h3,.discord-preview b,.discord-preview strong,.preview-box strong,#changelogPreview){color:var(--text)!important}
body.ux-2026 :is(.announce-role-dot,.nhc-filterable-list .announce-role-dot){background:var(--nhc-ui-accent)!important}
body.ux-2026 :is(.nhc-picker-count,.nhc-channel-chevron,.nhc-picker-empty){color:var(--muted)!important}
body.ux-2026 button.nhc-picker-clear{color:var(--nhc-ui-accent-text)!important}
/* Tables, dialogs, admin views, support list and all secondary cards. */
body.ux-2026 :is(.table-wrap,.table-scroll,table,.dialog,.dropdown-menu,.modal-content,.support-case,.ticket-list,.support-list,.team-support-group,.case-card,.permission-role-card,.rule-content article,.workspace-empty,.empty-state){background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 :is(th,.table-wrap th,.table-scroll th){background:var(--surface-3)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 :is(td,.table-wrap td,.table-scroll td){background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 tr:hover td{background:var(--surface-2)!important}
body.ux-2026 :is(.status,.chip,.small-pill){color:var(--nhc-ui-accent-text)!important;background:var(--nhc-ui-accent-soft)!important;border-color:var(--gold-line)!important}
body.ux-2026 .workspace-tool-bottom svg,body.ux-2026 .roster-help-link svg{color:var(--nhc-ui-accent-text)!important}
/* Keep the existing two-tier top overlay and profile location. */
body.ux-2026 :is(.ux-product-tabs a.is-current,.ux-navitem.is-active){color:var(--nhc-ui-accent)!important;border-bottom-color:var(--nhc-ui-accent)!important}
body.ux-2026 .ux-product-tabs a.is-current{background:var(--nhc-ui-accent)!important;color:var(--nhc-ui-on-accent)!important}
body.ux-2026 :is(.ux-account-popover,.ux-all-menu){background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 :is(.ux-account-name,.ux-account-sub,.ux-account-caption){color:var(--text)!important}
body.ux-2026 .ux-all-menu .ux-navitem{color:var(--text)!important}
body.ux-2026 .ux-all-menu .ux-navitem:hover{background:var(--surface-3)!important;color:var(--text)!important}
/* Dark-specific higher specificity than the old blue/purple darkmode stylesheet. */
html[data-nhc-theme="dark"] body.ux-2026 :is(button.ghost,button.subtle,button.secondary,.button-link.subtle,.compact-action,.workspace-bottom-links a){background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.workspace-hero,.workspace-bottom-links,.workspace-tool,.roster-summary-card,.roster-member,.roster-no-results,.roster-heading,.roster-directory,.roster-search-wrap,.roster-heading-side,.roster-summary-icon,.roster-view-toggle,.roster-quickfilters button,.roster-filterline button,.announce-toggle,.announce-role-picker,.announce-role-option,.announce-sendbar,.auto-announce-item,.announce-history-card,.changelog-history-card,.channel-pool-card,.nhc-channel-trigger,.nhc-channel-dropdown,.nhc-channel-option,.nhc-filterable-list,.dialog,.modal-content,.dropdown-menu,.workspace-empty,.empty-state){background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.roster-member-metrics,.roster-view-toggle,.roster-avatar,.roster-heading-side,.roster-summary-icon,.quick-action,.mini-task){background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.workspace-section-head h2,.workspace-tool-title,.workspace-bottom-links h3,.roster-member-name,.roster-member-details h3,.roster-directory-title h2,.roster-summary-card strong,.roster-heading h1,.announce-history-card h3,.changelog-history-card h3){color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.workspace-tool-desc,.workspace-tool-type,.workspace-section-head p,.roster-summary-card span,.roster-member-details p,.roster-directory-title p){color:var(--muted)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.workspace-tool-icon,.workspace-section-count,.roster-summary-icon,.roster-heading-side,.roster-directory-title h2 span,.roster-member-badge,.roster-role,.roster-member-role,.announce-history-channel,.announce-history-role,.announce-info-row>span,.announce-kicker){background:var(--nhc-ui-accent-soft)!important;color:var(--nhc-ui-accent-text)!important;border-color:var(--gold-line)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.roster-quickfilters button.is-active,.roster-filterline button.is-active,.roster-filterline button.active,.workspace-primary-link){background:var(--nhc-ui-accent)!important;color:var(--nhc-ui-on-accent)!important;border-color:var(--nhc-ui-accent)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.announce-role-option:hover,.nhc-channel-option:hover,.nhc-channel-option.is-selected,.nhc-filterable-list .announce-role-option:has(input:checked)){background:var(--nhc-ui-accent-soft)!important;border-color:var(--gold-line)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(#changelogPreview,.discord-preview,.discord-preview-embed,.preview-box,.table-wrap,.table-scroll,table){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(th,.table-wrap th,.table-scroll th){background:var(--surface-3)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(td,.table-wrap td,.table-scroll td){background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 tr:hover td{background:var(--surface-2)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.ux-all-menu,.ux-account-popover){background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.ux-account-name,.ux-account-sub,.ux-account-caption,.ux-all-menu .ux-navitem){color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.ux-all-menu .ux-navitem:hover){background:var(--surface-3)!important;color:var(--text)!important}
/* Last legacy role-badge surface was still charcoal in non-search lists. */
body.ux-2026 .announce-role-option > span:not(.announce-role-dot){background:transparent!important;color:var(--text)!important;border:0!important;box-shadow:none!important;font-family:inherit!important}
body.ux-2026 :is(.auto-time-index,.auto-fixed-ping b,.roster-help-link,.roster-section-kicker){color:var(--nhc-ui-accent-text)!important}
body.ux-2026 .auto-fixed-ping{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
body.ux-2026 .roster-member-actions a{color:var(--nhc-ui-accent-text)!important}
/* Deep dark-mode audit: explicit legacy blue leftovers. */
html[data-nhc-theme="dark"] body.ux-2026 .announce-section-head{border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 .auto-fixed-ping{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.tag,.chip,.status,.small-pill){background:var(--nhc-ui-accent-soft)!important;color:var(--nhc-ui-accent-text)!important;border-color:var(--gold-line)!important}
html[data-nhc-theme="dark"] body.ux-2026 details:not(.ux-account):not(.ux-all-pages){background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 details:not(.ux-account):not(.ux-all-pages)>summary{color:var(--text)!important}
html[data-nhc-theme="dark"] body.ux-2026 details:not(.ux-account):not(.ux-all-pages)[open]>summary{background:var(--surface-2)!important;border-color:var(--gold-line)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.roster-member-metrics>div,.announce-info-row,.auto-announce-item,.channel-pool-card){border-color:var(--border)!important}
html[data-nhc-theme="dark"] body.ux-2026 :is(.modal-content,.dialog,.dropdown-menu){background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}

/* Teamkarte: nur der neutrale Abmeldestatus ist fuer Teammitglieder sichtbar. */
body.ux-2026 .roster-member-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0}
body.ux-2026 .roster-availability{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;padding:5px 9px!important;min-height:27px!important;border-radius:999px!important;font-size:11px!important;font-weight:650!important;letter-spacing:0!important;border:1px solid var(--border)!important;box-shadow:none!important}
body.ux-2026 .roster-availability-dot{display:inline-block!important;flex:none!important;width:7px!important;height:7px!important;border-radius:50%!important;background:currentColor!important}
body.ux-2026 .roster-availability--absent{background:rgba(207,82,70,.1)!important;border-color:rgba(207,82,70,.28)!important;color:#b23b34!important}
body.ux-2026 .roster-availability--available{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--muted)!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-availability--absent{background:rgba(235,109,89,.12)!important;border-color:rgba(235,109,89,.36)!important;color:#ffab99!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-availability--available{background:var(--surface-2)!important;border-color:var(--border)!important;color:#c3c7cc!important}
@media (max-width:440px){body.ux-2026 .roster-member-top{align-items:flex-start!important;flex-wrap:wrap!important}body.ux-2026 .roster-availability{font-size:10px!important}}

/* NHC responsive 2026: Smartphone/Tablet Layout ohne horizontale Überläufe */
@media(max-width:900px){
 body.ux-2026 .ux-shell,body.ux-2026 .ux-main,body.ux-2026 .ux-content{min-width:0;max-width:100%;box-sizing:border-box}
 body.ux-2026 .ux-content :is(.panel,.stats,.grid,.formgrid,.record-list){min-width:0}
 body.ux-2026 .ux-content :is(input,textarea,select){max-width:100%;box-sizing:border-box}
 body.ux-2026 .ux-content :is(table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body.ux-2026 .ux-content :is(.grid.two,.team-record-grid){grid-template-columns:minmax(0,1fr)}
 body.ux-2026 .ux-horizontal-nav{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:600px){
 body.ux-2026 .ux-main{padding-left:12px!important;padding-right:12px!important}
 body.ux-2026 .ux-content{width:100%;max-width:100%}
 body.ux-2026 .ux-content .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ux-2026 .ux-content :is(.panel,.stats>*,.grid>*){min-width:0}
 body.ux-2026 .ux-content :is(button,input,select,textarea){font-size:16px}
 body.ux-2026 dialog:not(.nhc-case-modal){max-width:calc(100vw - 16px);max-height:95dvh;overflow-y:auto;box-sizing:border-box}
}