/* Workspace palette extension: same layouts, first-class dark theme for every panel view.
   Put this file after next-workspace.css. No app logic or form selectors are changed. */
html[data-nhc-theme="dark"]{color-scheme:dark;background:#0b1120}
html[data-nhc-theme="light"]{color-scheme:light}
html[data-nhc-theme="dark"] body.ux-2026{
 --bg:#0b1120;--bg-soft:#101a2b;--surface:#162135;--surface-2:#1c2940;
 --surface-3:#273650;--surface-hover:#263653;--border:#2c3c56;--border-soft:#25344c;
 --text:#edf3ff;--text-soft:#b5c3d9;--muted:#9caec8;--muted-2:#8194b0;
 --gold:#a99bff;--gold-soft:#b6a9ff;--gold-dim:rgba(165,145,255,.15);
 --gold-line:rgba(165,145,255,.35);--primary:#b4a6ff;--navy:#090f1d;
 --success:#58d2b0;--danger:#ff7e9a;--info:#88b5ff;
 --shadow:0 19px 46px rgba(0,0,0,.26);--shadow-soft:0 8px 22px rgba(0,0,0,.2);
 background:var(--bg)!important;color:var(--text)!important;
}
/* The top navigation never clips, even with four linked services. */
body.ux-2026 .ux-top-row{gap:clamp(10px,1.8vw,28px)}
body.ux-2026 .ux-product-tabs{flex-shrink:1;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#65718a transparent}
body.ux-2026 .ux-product-tabs .ux-external-tab{color:#e1e7fb!important;border:1px solid #7370ba85;background:#ffffff0a}
body.ux-2026 .ux-product-tabs .ux-external-tab:hover{background:#ffffff24;color:#fff!important}
body.ux-2026 .ux-theme-toggle,body.ux-2026 button.ux-theme-toggle{
 display:inline-flex!important;gap:8px;align-items:center;justify-content:center;flex:0 0 auto;
 min-height:42px!important;padding:10px 13px!important;border-radius:11px!important;
 border:1px solid #ffffff36!important;background:#ffffff15!important;color:#f5f7ff!important;
 box-shadow:none!important;font-size:12px!important;font-weight:750!important;
 line-height:1.3!important;white-space:nowrap;cursor:pointer;transition:background .15s,transform .15s
}
body.ux-2026 button.ux-theme-toggle:hover{background:#ffffff2a!important;transform:none!important}
body.ux-2026 .ux-theme-sun{display:none}
html[data-nhc-theme="dark"] body.ux-2026 .ux-theme-moon{display:none}
html[data-nhc-theme="dark"] body.ux-2026 .ux-theme-sun{display:inline}
body.ux-2026 .ux-theme-moon,body.ux-2026 .ux-theme-sun{font-size:20px;line-height:15px}
body.ux-2026 .ux-login-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}
body.ux-2026.ux-login-body .ux-theme-toggle{background:#e8eafb!important;color:#263653!important;border-color:#dee4f4!important}
body.ux-2026.ux-login-body .ux-theme-toggle:hover{background:#dbdef6!important}
html[data-nhc-theme="dark"] body.ux-login-body .ux-theme-toggle{background:#263550!important;color:#edf3ff!important;border-color:#455574!important}
html[data-nhc-theme="dark"] body.ux-login-body .ux-theme-toggle:hover{background:#344766!important}
@media(max-width:1170px){
 body.ux-2026 .ux-top-row{flex-wrap:wrap;justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:9px}
 body.ux-2026 .ux-product-tabs{order:4;width:100%;margin:2px 0 0;justify-content:center}
 body.ux-2026 .ux-account{margin-left:0}
}
@media(max-width:600px){
 body.ux-2026 .ux-brand{min-width:0}
 body.ux-2026 .ux-brand-text strong{font-size:14px}
 body.ux-2026 .ux-logo{width:35px;height:35px}
 body.ux-2026 .ux-theme-toggle-label{display:none}
 body.ux-2026 .ux-product-tabs{justify-content:flex-start;overflow-x:auto}
 body.ux-2026 .ux-product-tabs a{padding:10px 10px;gap:5px;font-size:11px}
 body.ux-2026 .ux-account-text{display:none}
 body.ux-2026 .ux-account{max-width:130px}
 body.ux-2026 .ux-account summary{padding:3px}
 body.ux-2026 .ux-account-popover{right:0;max-width:calc(100vw - 30px)}
}
/* Dark theme: all common surfaces, including archive, writer and team components. */
html[data-nhc-theme="dark"] body.ux-2026 .ux-header{background:#10182c;box-shadow:0 8px 30px #0005}
html[data-nhc-theme="dark"] body.ux-2026 .ux-nav-row{background:#151f34}
html[data-nhc-theme="dark"] body.ux-2026 .ux-product-tabs{background:#0a1224}
html[data-nhc-theme="dark"] body.ux-2026 .ux-product-tabs a.is-current{background:#a99cff;color:#14192c!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-crumb{color:#8396b2}
html[data-nhc-theme="dark"] body.ux-2026 .ux-crumb strong{color:#d1daef}
html[data-nhc-theme="dark"] body.ux-2026 .ux-footer{border-color:#24334d;color:#8295b0}
html[data-nhc-theme="dark"] body.ux-2026 .ux-account-popover,
html[data-nhc-theme="dark"] body.ux-2026 .ux-all-menu{background:#1a263d!important;border-color:#384967!important;color:#ecf2ff!important;box-shadow:0 22px 48px #0008}
html[data-nhc-theme="dark"] body.ux-2026 .ux-account-caption{color:#95a8c4}
html[data-nhc-theme="dark"] body.ux-2026 .ux-account-name,
html[data-nhc-theme="dark"] body.ux-2026 .ux-all-menu .ux-navitem{color:#e4ebff!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-account-sub{color:#a1b2cd}
html[data-nhc-theme="dark"] body.ux-2026 .ux-account-popover a:hover,
html[data-nhc-theme="dark"] body.ux-2026 .ux-all-menu .ux-navitem:hover{background:#2a3956;color:#fff!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-account-popover hr{border-color:#36455e}
html[data-nhc-theme="dark"] body.ux-2026 .ux-all-menu .ux-navitem.is-active{background:#333456;color:#d4cdff!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-all-pages>summary{color:#ecf3ff}
html[data-nhc-theme="dark"] body.ux-2026 .panel,
html[data-nhc-theme="dark"] body.ux-2026 .card,
html[data-nhc-theme="dark"] body.ux-2026 .stat,
html[data-nhc-theme="dark"] body.ux-2026 .metric-card,
html[data-nhc-theme="dark"] body.ux-2026 .case-card,
html[data-nhc-theme="dark"] body.ux-2026 .permission-role-card,
html[data-nhc-theme="dark"] body.ux-2026 .team-support-group,
html[data-nhc-theme="dark"] body.ux-2026 .roster-directory{
 background:#162136!important;border-color:#2a3952!important;color:#dbe5f5!important;
 box-shadow:0 7px 30px #0002!important
}
html[data-nhc-theme="dark"] body.ux-2026 .page-header h1,
html[data-nhc-theme="dark"] body.ux-2026 header h1,
html[data-nhc-theme="dark"] body.ux-2026 .panel h2,
html[data-nhc-theme="dark"] body.ux-2026 .card h2,
html[data-nhc-theme="dark"] body.ux-2026 .section-title h2,
html[data-nhc-theme="dark"] body.ux-2026 .panel h3,
html[data-nhc-theme="dark"] body.ux-2026 .card h3,
html[data-nhc-theme="dark"] body.ux-2026 .stat strong,
html[data-nhc-theme="dark"] body.ux-2026 .metric-card strong,
html[data-nhc-theme="dark"] body.ux-2026 .section-title h3{
 color:#eff4ff!important
}
html[data-nhc-theme="dark"] body.ux-2026 .page-header p,
html[data-nhc-theme="dark"] body.ux-2026 p,
html[data-nhc-theme="dark"] body.ux-2026 small,
html[data-nhc-theme="dark"] body.ux-2026 .muted{color:#9cadc7!important}
html[data-nhc-theme="dark"] body.ux-2026 .eyebrow,
html[data-nhc-theme="dark"] body.ux-2026 .announce-kicker,
html[data-nhc-theme="dark"] body.ux-2026 .dash-kicker,
html[data-nhc-theme="dark"] body.ux-2026 .roster-kicker{color:#b4a7ff!important}
html[data-nhc-theme="dark"] body.ux-2026 .badge,
html[data-nhc-theme="dark"] body.ux-2026 .header-chip,
html[data-nhc-theme="dark"] body.ux-2026 .counter{
 color:#c7beff!important;background:#302c56!important;border-color:#4f477c!important
}
html[data-nhc-theme="dark"] body.ux-2026 label,
html[data-nhc-theme="dark"] body.ux-2026 .announce-sendbar b,
html[data-nhc-theme="dark"] body.ux-2026 .announce-info-row b{color:#dce6fa!important}
html[data-nhc-theme="dark"] body.ux-2026 input:not([type=checkbox]):not([type=radio]):not([type=range]),
html[data-nhc-theme="dark"] body.ux-2026 textarea,
html[data-nhc-theme="dark"] body.ux-2026 select{
 background:#1d2a43!important;color:#f1f5ff!important;border-color:#3b4d68!important
}
html[data-nhc-theme="dark"] body.ux-2026 input::placeholder,
html[data-nhc-theme="dark"] body.ux-2026 textarea::placeholder{color:#8295b3!important}
html[data-nhc-theme="dark"] body.ux-2026 option{background:#1d2a43;color:#f1f5ff}
html[data-nhc-theme="dark"] body.ux-2026 button.ghost,
html[data-nhc-theme="dark"] body.ux-2026 button.subtle,
html[data-nhc-theme="dark"] body.ux-2026 .button-link.subtle,
html[data-nhc-theme="dark"] body.ux-2026 button.secondary,
html[data-nhc-theme="dark"] body.ux-2026 .compact-action{background:#2d3158!important;color:#cdc5ff!important;border-color:#4b477b!important}
html[data-nhc-theme="dark"] body.ux-2026 .table-wrap,
html[data-nhc-theme="dark"] body.ux-2026 .table-scroll,
html[data-nhc-theme="dark"] body.ux-2026 table{
 background:#162136!important;border-color:#31425e!important;color:#e0e8f9!important
}
html[data-nhc-theme="dark"] body.ux-2026 th{background:#22314a!important;color:#bac8e1!important;border-color:#374a66!important}
html[data-nhc-theme="dark"] body.ux-2026 td{background:#162136;color:#d8e3f5!important;border-color:#2d3c55!important}
html[data-nhc-theme="dark"] body.ux-2026 tr:hover td{background:#253450!important}
html[data-nhc-theme="dark"] body.ux-2026 code,
html[data-nhc-theme="dark"] body.ux-2026 pre{background:#1e2c45!important;color:#d6dff7!important}
html[data-nhc-theme="dark"] body.ux-2026 .empty-state,
html[data-nhc-theme="dark"] body.ux-2026 .workspace-empty{background:#17243a;border-color:#46536f;color:#9fb2ce}
html[data-nhc-theme="dark"] body.ux-2026 .ok{background:#113d38;border-color:#28695b;color:#9aecce}
html[data-nhc-theme="dark"] body.ux-2026 .alert{background:#412234;border-color:#85405b;color:#ffa5b7}
html[data-nhc-theme="dark"] body.ux-2026 .workspace-section-head h2,
html[data-nhc-theme="dark"] body.ux-2026 .workspace-tool-title,
html[data-nhc-theme="dark"] body.ux-2026 .workspace-bottom-links h3{color:#f1f4ff}
html[data-nhc-theme="dark"] body.ux-2026 .workspace-tool,
html[data-nhc-theme="dark"] body.ux-2026 .workspace-bottom-links,
html[data-nhc-theme="dark"] body.ux-2026 .workspace-bottom-links a{
 background:#17243a!important;border-color:#30425e!important;color:#e6eefc!important
}
html[data-nhc-theme="dark"] body.ux-2026 .workspace-tool:hover{border-color:#8074c9!important;box-shadow:0 15px 30px #0004}
html[data-nhc-theme="dark"] body.ux-2026 .workspace-tool-icon{background:#303158;color:#c9c3ff}
html[data-nhc-theme="dark"] body.ux-2026 .workspace-section-count{background:#2d2d53;color:#c6bcff;border-color:#51487b}
html[data-nhc-theme="dark"] body.ux-2026 .dash-hero,
html[data-nhc-theme="dark"] body.ux-2026 .team-hero,
html[data-nhc-theme="dark"] body.ux-2026 .roster-heading{
 background:linear-gradient(120deg,#1b2941,#27284b)!important;
 border-color:#354569!important;color:#e9eefd!important
}
html[data-nhc-theme="dark"] body.ux-2026 .dash-hero h1,
html[data-nhc-theme="dark"] body.ux-2026 .team-hero h1,
html[data-nhc-theme="dark"] body.ux-2026 .roster-heading h1{color:#f2f4ff!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-summary-card,
html[data-nhc-theme="dark"] body.ux-2026 .roster-member,
html[data-nhc-theme="dark"] body.ux-2026 .roster-heading-side,
html[data-nhc-theme="dark"] body.ux-2026 .roster-directory,
html[data-nhc-theme="dark"] body.ux-2026 .roster-search-wrap{
 background:#192840!important;border-color:#334560!important;color:#e1ebfc!important
}
html[data-nhc-theme="dark"] body.ux-2026 .roster-summary-card strong,
html[data-nhc-theme="dark"] body.ux-2026 .roster-member strong,
html[data-nhc-theme="dark"] body.ux-2026 .roster-directory-title h2{color:#eaf0ff!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-summary-card span,
html[data-nhc-theme="dark"] body.ux-2026 .roster-member small{color:#a9b8ce!important}
html[data-nhc-theme="dark"] body.ux-2026 .announce-history-card,
html[data-nhc-theme="dark"] body.ux-2026 .changelog-history-card,
html[data-nhc-theme="dark"] body.ux-2026 .auto-announce-item,
html[data-nhc-theme="dark"] body.ux-2026 .channel-pool-card,
html[data-nhc-theme="dark"] body.ux-2026 .auto-fixed-ping,
html[data-nhc-theme="dark"] body.ux-2026 .rule-content article{
 background:#1d2b44!important;border-color:#33435e!important;color:#e6ebfa!important
}
html[data-nhc-theme="dark"] body.ux-2026 .announce-history-card h3,
html[data-nhc-theme="dark"] body.ux-2026 .changelog-history-card h3,
html[data-nhc-theme="dark"] body.ux-2026 .auto-fixed-ping b,
html[data-nhc-theme="dark"] body.ux-2026 .announce-history-meta b{color:#e9eefd!important}
html[data-nhc-theme="dark"] body.ux-2026 .announce-info-row{border-color:#304158}
html[data-nhc-theme="dark"] body.ux-2026 .announce-info-row>span{background:#343158;color:#dad4ff}
html[data-nhc-theme="dark"] body.ux-2026 .announce-history-channel,
html[data-nhc-theme="dark"] body.ux-2026 .announce-history-role{background:#35315c;color:#d2caff}
html[data-nhc-theme="dark"] body.ux-2026 details:not(.ux-account):not(.ux-all-pages){background:#1b2840;border-color:#33435d;color:#e3ebf9}
html[data-nhc-theme="dark"] body.ux-2026 details:not(.ux-account):not(.ux-all-pages)>summary{color:#e4ebfa}
html[data-nhc-theme="dark"] body.ux-2026 details:not(.ux-account):not(.ux-all-pages)[open]>summary{background:#253650;border-color:#40516b}
html[data-nhc-theme="dark"] body.ux-2026 #changelogPreview{background:#0e1728!important;color:#d9e6ff!important;border-color:#394f6e!important}
/* Login: preserve the brand artwork; darken only the workspace side. */
html[data-nhc-theme="dark"] body.ux-2026.ux-login-body{background:#080f1b!important;color:#e9f0fb!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-form-side{background:#0e1727!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-box h2{color:#f0f4ff!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-box>p,
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-note{color:#a8b7cd!important}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-pill{background:#343158;color:#d5caff}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-divider{border-color:#31415c}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-areas{color:#c6d4eb}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-areas a:hover{color:#e2daff}
html[data-nhc-theme="dark"] body.ux-2026 .ux-login-error{background:#422439;color:#ffc1cc;border-color:#6c3852}
@media(prefers-reduced-motion:reduce){body.ux-2026 .ux-theme-toggle{transition:none}}
/* Fine details across team directory and content editors. */
html[data-nhc-theme="dark"] body.ux-2026 .roster-member-metrics,
html[data-nhc-theme="dark"] body.ux-2026 .roster-view-toggle,
html[data-nhc-theme="dark"] body.ux-2026 .roster-no-results,
html[data-nhc-theme="dark"] body.ux-2026 .roster-filterline button,
html[data-nhc-theme="dark"] body.ux-2026 .roster-quickfilters button,
html[data-nhc-theme="dark"] body.ux-2026 .roster-role,
html[data-nhc-theme="dark"] body.ux-2026 .roster-member-role,
html[data-nhc-theme="dark"] body.ux-2026 .roster-member-badge{
 background:#263451!important;color:#cfc8ff!important;border-color:#3f4b6c!important
}
html[data-nhc-theme="dark"] body.ux-2026 .roster-member-details h3,
html[data-nhc-theme="dark"] body.ux-2026 .roster-member-metrics strong,
html[data-nhc-theme="dark"] body.ux-2026 .roster-member-name,
html[data-nhc-theme="dark"] body.ux-2026 .roster-heading-side strong{
 color:#edf2ff!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:#7768e8!important;color:#fff!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-member-metrics>div{border-color:#394964!important}
html[data-nhc-theme="dark"] body.ux-2026 .roster-summary-card .roster-summary-icon{background:#33345f;color:#c7bfff}
html[data-nhc-theme="dark"] body.ux-2026 .roster-avatar{background:#30345b;color:#c7bdff}
html[data-nhc-theme="dark"] body.ux-2026 .announce-section-head{border-color:#35425a!important}
html[data-nhc-theme="dark"] body.ux-2026 .announce-field label{color:#d7e2f3!important}
html[data-nhc-theme="dark"] body.ux-2026 .announce-toggle,
html[data-nhc-theme="dark"] body.ux-2026 .announce-role-picker,
html[data-nhc-theme="dark"] body.ux-2026 .announce-role-option,
html[data-nhc-theme="dark"] body.ux-2026 .announce-sendbar{
 background:#22324c!important;border-color:#3b4d6a!important;color:#edf1ff!important
}
html[data-nhc-theme="dark"] body.ux-2026 .announce-role-option:hover{background:#303f61!important}
html[data-nhc-theme="dark"] body.ux-2026 .announce-status{background:#153e3a;color:#a4ebd1;border-color:#28635a}
html[data-nhc-theme="dark"] body.ux-2026 .announce-toggle span b{color:#e6ecfa}
/* Existing tab, chip and modal widgets inherit dark contrast even when produced dynamically. */
html[data-nhc-theme="dark"] body.ux-2026 .tag,
html[data-nhc-theme="dark"] body.ux-2026 .chip,
html[data-nhc-theme="dark"] body.ux-2026 .status,
html[data-nhc-theme="dark"] body.ux-2026 .small-pill{background:#2b3851!important;border-color:#495571!important;color:#e4ecff!important}
html[data-nhc-theme="dark"] body.ux-2026 .modal,
html[data-nhc-theme="dark"] body.ux-2026 .modal-content,
html[data-nhc-theme="dark"] body.ux-2026 .dialog,
html[data-nhc-theme="dark"] body.ux-2026 .dropdown-menu{background:#1b2940!important;border-color:#3a4b67!important;color:#e5edfa!important}


/* Polish 2026-10: consistent readable typography on ALL pages of BOTH panels. */
body.ux-2026{
 font-family:'Segoe UI Variable Text','Segoe UI',-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;
 font-size:14px!important;font-weight:400!important;line-height:1.55!important;
 letter-spacing:normal!important;text-rendering:optimizeLegibility;
}
body.ux-2026 h1,body.ux-2026 .page-header h1,body.ux-2026 header h1,
body.ux-2026 .ux-login-story h1{
 font-family:inherit!important;font-size:clamp(27px,2.3vw,36px)!important;
 font-weight:700!important;line-height:1.2!important;letter-spacing:-.025em!important;
}
body.ux-2026 h2,body.ux-2026 .panel h2,body.ux-2026 .section-title h2,
body.ux-2026 .card h2{font-family:inherit!important;font-weight:650!important;letter-spacing:-.02em!important;line-height:1.3!important}
body.ux-2026 h3,body.ux-2026 .panel h3,body.ux-2026 .card h3{font-family:inherit!important;font-weight:600!important;letter-spacing:-.012em!important;line-height:1.35!important}
body.ux-2026 b,body.ux-2026 strong{font-weight:650!important}
body.ux-2026 .ux-brand-text strong{font-size:17px!important;letter-spacing:-.015em!important;font-weight:700!important}
body.ux-2026 .ux-navitem,body.ux-2026 .ux-product-tabs a,
body.ux-2026 .ux-account-text b,body.ux-2026 .ux-crumb,
body.ux-2026 label,body.ux-2026 .announce-field label,
body.ux-2026 button,body.ux-2026 .button-link{
 font-family:inherit!important;letter-spacing:normal!important;font-weight:550!important;
}
body.ux-2026 .ux-navitem,body.ux-2026 .ux-product-tabs a{font-size:13px!important}
body.ux-2026 label,body.ux-2026 .announce-field label{font-size:13px!important}
body.ux-2026 input,body.ux-2026 select,body.ux-2026 textarea,
body.ux-2026 button,body.ux-2026 .button-link{
 font-family:inherit!important;font-size:13px!important;line-height:1.5!important;
}
body.ux-2026 p,body.ux-2026 small,body.ux-2026 .muted,
body.ux-2026 .page-header p{font-family:inherit!important;font-weight:400!important;letter-spacing:normal!important;line-height:1.5!important}
body.ux-2026 .eyebrow,body.ux-2026 .announce-kicker,
body.ux-2026 .dash-kicker,body.ux-2026 .roster-kicker,
body.ux-2026 .ux-nav-title{
 letter-spacing:.035em!important;font-weight:650!important;font-size:11px!important;
}
body.ux-2026 .announce-role-option,
body.ux-2026 .announce-role-option span{font-size:13px!important;font-weight:500!important;line-height:1.45!important}

/* Hidden SCROLLBARS on all tabs; vertical and horizontal scrolling still work. */
html,body.ux-2026,body.ux-2026 *{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body.ux-2026::-webkit-scrollbar,
body.ux-2026 *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

/* Live-search channels: the original select is never removed, only visually replaced. */
body.ux-2026 .nhc-channel-control{position:relative;width:100%;min-width:0}
body.ux-2026 .nhc-native-channel-select{
 position:absolute!important;width:1px!important;height:1px!important;top:0;left:0;
 opacity:0!important;pointer-events:none!important;padding:0!important;margin:0!important;
 border:0!important;box-shadow:none!important;overflow:hidden!important;
}
body.ux-2026 button.nhc-channel-trigger{
 width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 text-align:left!important;min-height:46px!important;padding:10px 14px!important;
 background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;
 border-radius:11px!important;box-shadow:none!important;transform:none!important;
 font-size:13px!important;font-weight:500!important;
}
body.ux-2026 button.nhc-channel-trigger:hover,body.ux-2026 .nhc-channel-control.is-open button.nhc-channel-trigger{
 border-color:var(--primary)!important;background:var(--surface-2)!important;
}
body.ux-2026 .nhc-channel-chevron{font-size:20px;line-height:1;color:var(--muted)}
body.ux-2026 .nhc-channel-dropdown{
 position:absolute;z-index:100;top:calc(100% + 6px);left:0;right:0;min-width:220px;
 padding:9px;background:var(--surface);color:var(--text);border:1px solid var(--border);
 border-radius:12px;box-shadow:0 18px 44px rgba(9,20,41,.17);
}
body.ux-2026 .nhc-channel-dropdown[hidden]{display:none!important}
body.ux-2026 .nhc-channel-dropdown .nhc-channel-search,
body.ux-2026 .nhc-picker-toolbar .nhc-picker-search{
 min-width:0!important;height:43px!important;border-radius:9px!important;
 border:1px solid var(--border)!important;background:var(--surface-2)!important;color:var(--text)!important;
 box-shadow:none!important;padding:10px 12px!important;font-size:13px!important;
}
body.ux-2026 .nhc-channel-dropdown .nhc-channel-search{width:100%!important;margin-bottom:8px!important}
body.ux-2026 .nhc-channel-results{max-height:244px;overflow:auto;display:grid;gap:3px}
body.ux-2026 button.nhc-channel-option{
 width:100%;min-height:39px!important;text-align:left!important;justify-content:flex-start!important;
 background:transparent!important;color:var(--text)!important;border:1px solid transparent!important;
 border-radius:8px!important;box-shadow:none!important;transform:none!important;
 padding:8px 12px!important;white-space:normal!important;
}
body.ux-2026 button.nhc-channel-option:hover,body.ux-2026 button.nhc-channel-option:focus-visible,
body.ux-2026 button.nhc-channel-option.is-selected{
 background:var(--surface-3)!important;border-color:var(--border)!important;
}
body.ux-2026 .nhc-picker-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 10px}
body.ux-2026 .nhc-picker-toolbar .nhc-picker-search{flex:1 1 180px;width:100%;max-width:none!important}
body.ux-2026 .nhc-picker-count{font-size:11px;color:var(--muted);white-space:nowrap}
body.ux-2026 button.nhc-picker-clear{font-size:11px!important;padding:7px!important;min-height:30px!important;border:0!important;background:transparent!important;color:var(--primary)!important;box-shadow:none!important}
body.ux-2026 button.nhc-picker-clear[hidden]{display:none!important}
body.ux-2026 .nhc-picker-empty{padding:13px;color:var(--muted);font-size:12px}
body.ux-2026 .nhc-picker-empty[hidden]{display:none!important}
body.ux-2026 .nhc-filterable-list.announce-role-picker{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;
 max-height:300px!important;overflow:auto!important;padding:8px!important;
 background:var(--surface-2)!important;border:1px solid var(--border)!important;
}
body.ux-2026 .nhc-filterable-list .announce-role-option{
 width:100%;min-height:40px;display:flex!important;align-items:center!important;
 padding:10px 13px!important;background:var(--surface)!important;color:var(--text)!important;
 border:1px solid var(--border)!important;box-shadow:none!important;
}
body.ux-2026 .nhc-filterable-list .announce-role-option[hidden]{display:none!important}
body.ux-2026 .nhc-filterable-list .announce-role-option:has(input:checked){
 border-color:var(--primary)!important;background:var(--surface-3)!important;
}
body.ux-2026 .nhc-filterable-list .announce-role-dot{width:10px!important;height:10px!important;background:var(--primary)!important}
@media(max-width:580px){body.ux-2026 .nhc-picker-toolbar{align-items:stretch}body.ux-2026 .nhc-picker-count{padding:6px}}
/* Remove legacy black badge-within-badge appearance from Discord role/channel rows. */
body.ux-2026 .nhc-filterable-list .announce-role-option>span:not(.announce-role-dot){
 display:block!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;color:var(--text)!important;box-shadow:none!important;
 font-family:inherit!important;font-size:13px!important;line-height:1.45!important;
 font-weight:500!important;letter-spacing:normal!important;
}
body.ux-2026 .nhc-filterable-list .announce-role-option>span.announce-role-dot{
 flex:0 0 9px!important;padding:0!important;min-width:9px!important;min-height:9px!important;
 border:0!important;border-radius:50%!important;
}

/* 2026-10-09 / UI-only: quiet top navigation, centered desktop tabs.
   Adminsystem is removed from the visible navigation only. The route,
   its permissions and all API/bridge functions remain unchanged. */
body.ux-2026 .ux-horizontal-nav > a.ux-navitem[href="/adminsystem"],
body.ux-2026 .ux-all-menu a.ux-navitem[href="/adminsystem"] {
  display:none!important;
}
/* Keep the full-width bar, remove redundant caption and meaningless status dot. */
body.ux-2026 .ux-nav-title,
body.ux-2026 .ux-header-dot { display:none!important; }
body.ux-2026 .ux-nav-row {
  justify-content:center!important;
  gap:12px!important;
}
body.ux-2026 .ux-horizontal-nav {
  flex:1 1 0!important;
  min-width:0!important;
  justify-content:safe center!important;
  scroll-behavior:smooth;
  scrollbar-width:none!important;
}
body.ux-2026 .ux-all-pages {
  flex:0 0 auto;
  margin:0!important;
  align-self:center;
}
body.ux-2026 .ux-main { margin-inline:auto!important; }
body.ux-2026 .ux-content { margin-inline:auto; }
/* Keep the composer and the preview inside the actual viewport. */
body.ux-2026 .announce-layout {
  width:100%;min-width:0;max-width:100%;
  grid-template-columns:minmax(0,1.6fr) minmax(285px,.8fr);
}
body.ux-2026 .announce-layout > *,
body.ux-2026 .announce-side,
body.ux-2026 .announce-composer { min-width:0!important;max-width:100%; }
@media(max-width:1100px) {
  body.ux-2026 .ux-horizontal-nav {justify-content:flex-start!important;}
  body.ux-2026 .announce-layout {grid-template-columns:minmax(0,1fr)!important;}
  body.ux-2026 .announce-side {position:static!important;}
}
@media(max-width:580px){
  body.ux-2026 .ux-nav-row {padding-left:12px!important;padding-right:12px!important;gap:5px!important;}
  body.ux-2026 .ux-all-pages>summary {padding:8px!important;}
}