/* NHC workspace · NEXT · built from scratch 2026-10-09
   One single theme for bot and team. The original form IDs, server routes,
   editor scripts and application data stay intact. */
:root{color-scheme:light}
html{scroll-behavior:smooth}
body.ux-2026{
  --bg:#f3f6fb;--bg-soft:#f7f9fe;--surface:#fff;--surface-2:#f7f9fd;
  --surface-3:#edf2fa;--surface-hover:#f5f7ff;--border:#e3e9f3;
  --border-soft:#e8edf6;--text:#15243d;--text-soft:#4c5e78;
  --muted:#657790;--muted-2:#8b9ab0;--gold:#6155e9;--gold-soft:#857bfb;
  --gold-dim:rgba(97,85,233,.1);--gold-line:rgba(97,85,233,.26);
  --primary:#6054eb;--violet:#8665e9;--cyan:#51c9ce;--navy:#131d38;
  --success:#169b70;--danger:#d84962;--info:#497fe3;
  --shadow:0 22px 64px rgba(29,42,80,.09);--shadow-soft:0 8px 24px rgba(32,48,85,.055);
  --radius:19px;--radius-sm:12px;
  background:var(--bg)!important;color:var(--text)!important;
  margin:0;min-height:100vh;font:500 14px/1.6 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:-.012em;-webkit-font-smoothing:antialiased;
}
body.ux-2026 *,body.ux-2026 *::before,body.ux-2026 *::after{box-sizing:border-box}
body.ux-2026 a{color:inherit;text-decoration:none}
body.ux-2026 a:hover{color:var(--primary)}
body.ux-2026 :focus-visible{outline:3px solid #877cff;outline-offset:3px}
body.ux-2026 [hidden]{display:none!important}
body.ux-2026 .panel-svg{width:17px;height:17px;flex:none;vertical-align:middle}
body.ux-2026 .ux-shell{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow:clip}
/* Solid, full-width double deck header; no floating, cut-off sidebar. */
body.ux-2026 .ux-header{
  position:sticky;top:0;z-index:60;background:#131e36;color:#ecf1ff;
  box-shadow:0 8px 34px rgba(18,29,53,.14);width:100%;
}
body.ux-2026 .ux-header::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#6154ef,#9d66ed,#56bfcf);pointer-events:none}
body.ux-2026 .ux-top-row{width:100%;padding:0 clamp(18px,3.1vw,58px);min-height:77px;display:flex;align-items:center;gap:clamp(16px,2.9vw,42px);border-bottom:1px solid #ffffff13}
body.ux-2026 .ux-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:220px;color:white!important}
body.ux-2026 .ux-logo{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff13;border:1px solid #ffffff22;overflow:hidden}
body.ux-2026 .ux-logo img{width:100%;height:100%;object-fit:contain}
body.ux-2026 .ux-brand-text{display:flex;flex-direction:column;gap:0;line-height:1.25}
body.ux-2026 .ux-brand-text strong{font:800 17px/1.25 Manrope,system-ui,sans-serif;letter-spacing:-.05em}
body.ux-2026 .ux-brand-text small{font-size:9px;letter-spacing:.16em;font-weight:700;color:#8f9eb9;margin-top:4px}
body.ux-2026 .ux-product-tabs{margin:0 auto;display:flex;align-items:center;gap:5px;background:#0c142a;border:1px solid #ffffff14;padding:5px;border-radius:13px;min-width:0}
body.ux-2026 .ux-product-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:10px 17px;min-height:39px;border-radius:9px;font-size:12px;font-weight:750;color:#aebdda!important;transition:background .18s,color .18s}
body.ux-2026 .ux-product-tabs a:hover{color:#fff!important;background:#ffffff12}
body.ux-2026 .ux-product-tabs a.is-current{background:#fff;color:#172846!important;box-shadow:0 3px 9px #03091e42}
body.ux-2026 .ux-product-tabs .panel-svg{width:16px;height:16px}
body.ux-2026 .ux-account{position:relative;z-index:62;flex:0 0 auto;max-width:245px}
body.ux-2026 .ux-account summary{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;list-style:none;border-radius:12px;padding:5px 9px 5px 6px;border:1px solid transparent;transition:background .18s}
body.ux-2026 .ux-account summary::-webkit-details-marker{display:none}
body.ux-2026 .ux-account[open] summary,body.ux-2026 .ux-account summary:hover{background:#ffffff12;border-color:#ffffff18}
body.ux-2026 .ux-avatar{width:37px;height:37px;border-radius:11px;overflow:hidden;flex:none;display:grid;place-items:center;background:#7165eb;border:2px solid #ffffff22}
body.ux-2026 .ux-avatar img{width:100%;height:100%;object-fit:cover}
body.ux-2026 .ux-avatar-fallback{font-weight:900;color:#fff}
body.ux-2026 .ux-account-text{min-width:0;display:flex;flex-direction:column;line-height:1.4}
body.ux-2026 .ux-account-text b{font-size:12px;overflow:hidden;max-width:140px;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:800}
body.ux-2026 .ux-account-text small{font-size:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a5b2c9;margin-top:2px}
body.ux-2026 .ux-chevron{font-size:22px;font-weight:400;color:#96a6c3;margin-left:5px;transition:transform .15s}
body.ux-2026 .ux-account[open] .ux-chevron{transform:rotate(180deg)}
body.ux-2026 .ux-account-popover{position:absolute;right:0;top:calc(100% + 10px);width:260px;padding:14px;background:#fff;color:#1d2b46;box-shadow:0 22px 48px #0818353d;border:1px solid #e1e7f4;border-radius:16px}
body.ux-2026 .ux-account-caption{color:#8491a6;font-size:9px;font-weight:850;letter-spacing:.15em}
body.ux-2026 .ux-account-name{font-size:16px;font-weight:850;margin-top:3px}
body.ux-2026 .ux-account-sub{font-size:11px;color:#73839b}
body.ux-2026 .ux-account-popover hr{border:0;border-top:1px solid #edf0f6;margin:12px -3px}
body.ux-2026 .ux-account-popover a{padding:11px 9px;display:flex;align-items:center;gap:11px;font-size:13px;border-radius:8px;font-weight:700}
body.ux-2026 .ux-account-popover a:hover{background:#f4f6fb}
body.ux-2026 .ux-account-popover a.ux-signout{color:#c53a59}
body.ux-2026 .ux-account-popover a.ux-signout:hover{background:#fff0f2}
body.ux-2026 .ux-nav-row{display:flex;align-items:stretch;gap:20px;width:100%;padding:0 clamp(18px,3.1vw,58px);min-height:60px;background:#192540;position:relative}
body.ux-2026 .ux-nav-title{font-size:11px;letter-spacing:.045em;font-weight:750;color:#8f9fba;display:flex;gap:9px;align-items:center;flex:none;padding-right:19px;border-right:1px solid #ffffff16}
body.ux-2026 .ux-nav-title .panel-svg{width:16px;height:16px}
body.ux-2026 .ux-horizontal-nav{display:flex;align-items:stretch;gap:3px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#586487 #192540}
body.ux-2026 .ux-navitem{position:relative;display:inline-flex;align-items:center;gap:9px;flex:none;min-height:59px;padding:0 16px;color:#b5c2d8!important;font-weight:700;font-size:12px;white-space:nowrap;border-bottom:3px solid transparent;border-top:3px solid transparent;transition:background .15s,color .15s}
body.ux-2026 .ux-navitem .panel-svg{width:16px;height:16px;color:#92a5c8}
body.ux-2026 .ux-navitem:hover{color:#fff!important;background:#ffffff0a}
body.ux-2026 .ux-navitem.is-active{color:#fff!important;border-bottom-color:#9883ff;background:#ffffff0d}
body.ux-2026 .ux-navitem.is-active .panel-svg{color:#b2a3ff}
body.ux-2026 .ux-header-dot{height:8px;width:8px;align-self:center;border-radius:99px;background:#57d3b2;box-shadow:0 0 0 5px #57d3b21b;margin:0 0 0 5px;flex:none}
body.ux-2026 .ux-main{width:100%;max-width:1710px;padding:31px clamp(18px,3.2vw,58px) 60px;margin:0 auto;flex:1;min-width:0}
body.ux-2026 .ux-crumb{display:flex;align-items:center;gap:9px;color:#8492a9;font-size:11px;margin-bottom:27px;font-weight:750;letter-spacing:.01em}
body.ux-2026 .ux-crumb strong{color:#465777;font-weight:850}
body.ux-2026 .ux-crumb svg{width:12px;height:12px;opacity:.55}
body.ux-2026 .ux-content{max-width:none;width:100%;min-width:0}
body.ux-2026 .ux-footer{display:flex;justify-content:space-between;gap:12px;padding:20px clamp(18px,3.2vw,58px);border-top:1px solid var(--border);color:#8896ac;font-size:11px}
/* All existing page headings, content cards, forms and data tables re-authored visually. */
body.ux-2026 .page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin:0 0 27px;flex-wrap:wrap;padding:0;background:transparent!important;border:0!important;box-shadow:none!important}
body.ux-2026 .page-header h1,body.ux-2026 header h1{font:800 clamp(27px,3vw,40px)/1.2 Manrope,system-ui,sans-serif;color:#152541!important;letter-spacing:-.055em;margin:7px 0 8px}
body.ux-2026 .page-header p,body.ux-2026 header.page-header p{font-size:13px;color:#6f7f99!important;margin:0;max-width:760px}
body.ux-2026 .eyebrow,body.ux-2026 .announce-kicker{display:inline-block;color:#6653e4!important;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
body.ux-2026 .header-chip,body.ux-2026 .badge,body.ux-2026 .counter{background:#eeeaff!important;border:1px solid #e1ddff!important;color:#6254d9!important;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:750;white-space:nowrap;max-width:100%}
body.ux-2026 .panel,body.ux-2026 .card,body.ux-2026 .stat,body.ux-2026 .metric-card,body.ux-2026 .case-card,body.ux-2026 .permission-role-card,body.ux-2026 .team-support-group,body.ux-2026 .roster-directory{background:#fff!important;border:1px solid #e4e9f3!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(29,47,86,.042)!important;color:#20304c!important}
body.ux-2026 .panel{padding:clamp(19px,2.2vw,30px);margin-bottom:20px}
body.ux-2026 .panel h2,body.ux-2026 .card h2,body.ux-2026 .section-title h2{font:800 clamp(18px,1.7vw,23px)/1.35 Manrope,system-ui,sans-serif!important;letter-spacing:-.035em;color:#1b2944!important}
body.ux-2026 .panel h3,body.ux-2026 .card h3{color:#283956!important;letter-spacing:-.025em}
body.ux-2026 p,body.ux-2026 small,body.ux-2026 .muted{color:#687992}
body.ux-2026 b,body.ux-2026 strong{font-weight:790}
body.ux-2026 .grid{gap:18px}
body.ux-2026 .stat strong,body.ux-2026 .metric-card strong{color:#263858}
body.ux-2026 .section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 19px;flex-wrap:wrap}
body.ux-2026 .section-title p{margin:5px 0 0;font-size:12px}
body.ux-2026 .section-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.ux-2026 input:not([type=checkbox]):not([type=radio]):not([type=range]),body.ux-2026 select,body.ux-2026 textarea{
  width:100%;max-width:100%;min-height:44px;background:#f8faff!important;color:#1c2942!important;
  border:1px solid #dce4f1!important;border-radius:11px!important;box-shadow:none!important;
  padding:11px 13px;font:500 13px/1.5 'DM Sans',system-ui,sans-serif;transition:border-color .14s,box-shadow .14s;
}
body.ux-2026 textarea{min-height:135px;resize:vertical}
body.ux-2026 input:focus,body.ux-2026 textarea:focus,body.ux-2026 select:focus{outline:none!important;border-color:#8270f7!important;box-shadow:0 0 0 4px #6d62eb13!important}
body.ux-2026 input::placeholder,body.ux-2026 textarea::placeholder{color:#a4afc1!important}
body.ux-2026 label{color:#314463;font-size:12px;font-weight:750}
body.ux-2026 input[type=checkbox],body.ux-2026 input[type=radio]{accent-color:#6959ec}
body.ux-2026 button:not(.ux-navitem),body.ux-2026 .button-link,body.ux-2026 a.btn,body.ux-2026 a.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;
  padding:10px 17px;border:1px solid #6657e5;border-radius:10px;background:#6558ec;
  color:#fff;font:750 12px/1.45 'DM Sans',system-ui,sans-serif;cursor:pointer;
  box-shadow:none;transition:transform .14s,background .14s,border-color .14s;
}
body.ux-2026 button:hover,body.ux-2026 .button-link:hover{transform:translateY(-1px);background:#5142cc;color:#fff}
body.ux-2026 button.ghost,body.ux-2026 button.subtle,body.ux-2026 .button-link.subtle,body.ux-2026 button.secondary,body.ux-2026 .compact-action{background:#f2f4ff!important;color:#564ac9!important;border-color:#e2dfff!important}
body.ux-2026 button.ghost:hover,body.ux-2026 .button-link.subtle:hover{background:#e8e6ff!important}
body.ux-2026 button.danger,body.ux-2026 .ghost.danger{color:#c63857!important;border-color:#ffdae1!important;background:#fff0f3!important}
body.ux-2026 .ok,body.ux-2026 .alert{padding:13px 17px;border-radius:12px;margin:0 0 18px;font-size:12px;border:1px solid #c8ebdd;background:#edfbf5;color:#127c57}
body.ux-2026 .alert{border-color:#ffd1dc;background:#fff1f4;color:#bb3d55}
body.ux-2026 .empty-state,body.ux-2026 .workspace-empty{padding:35px 20px;border:1px dashed #cfd7e6;background:#f8faff;border-radius:14px;text-align:center;color:#7989a0}
body.ux-2026 .table-wrap,body.ux-2026 .table-scroll{overflow:auto;border:1px solid #e7edf4;border-radius:13px;background:#fff;max-width:100%}
body.ux-2026 table{border-collapse:collapse;min-width:650px;width:100%;background:#fff;color:#253651;font-size:12px}
body.ux-2026 th{color:#7787a0!important;background:#f6f8fd!important;text-align:left;font-size:10px!important;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:15px 16px;border-bottom:1px solid #e7ecf5}
body.ux-2026 td{color:#324561!important;padding:14px 16px;border-bottom:1px solid #edf1f8}
body.ux-2026 tr:hover td{background:#f8faff}
body.ux-2026 code,body.ux-2026 pre{color:#3c4c68;background:#f0f4fb;border-radius:8px}
body.ux-2026 .back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#6652de;font-weight:750;font-size:12px}
/* Visually independent homepage for Bot Studio. */
body.ux-2026 .workspace-hero{min-height:300px;display:flex;align-items:center;position:relative;overflow:hidden;padding:clamp(28px,4vw,55px);border-radius:24px;background:linear-gradient(112deg,#182b59,#443a9a 68%,#7166e3);color:#fff;margin-bottom:29px;border:1px solid #ffffff12;box-shadow:0 19px 46px #34398924}
body.ux-2026 .workspace-hero::after{content:'';position:absolute;right:-110px;top:-160px;width:430px;height:430px;background:radial-gradient(circle,#ffffff1c 5%,transparent 68%);border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 58px #ffffff08,0 0 0 115px #ffffff06}
body.ux-2026 .workspace-hero-content{position:relative;z-index:2;max-width:640px}
body.ux-2026 .workspace-hero-kicker,body.ux-2026 .workspace-mini-label{font-size:10px;font-weight:850;letter-spacing:.13em;color:#b5c1ff}
body.ux-2026 .workspace-hero-kicker>span{display:inline-block;width:8px;height:8px;border-radius:100%;background:#64ebc5;margin-right:8px}
body.ux-2026 .workspace-hero h1{font:850 clamp(33px,4.2vw,61px)/1.11 Manrope,system-ui,sans-serif!important;letter-spacing:-.06em;color:#fff!important;margin:16px 0}
body.ux-2026 .workspace-hero h1 em{font-style:normal;color:#a5f1ea}
body.ux-2026 .workspace-hero p{color:#d2d9ff;font-size:14px;max-width:545px;line-height:1.8}
body.ux-2026 .workspace-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
body.ux-2026 .workspace-hero-actions a{min-height:44px;padding:11px 17px;border-radius:10px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:9px}
body.ux-2026 .workspace-primary-link{background:#fff;color:#312b7f!important}
body.ux-2026 .workspace-secondary-link{background:#ffffff18;border:1px solid #ffffff55;color:#fff!important}
body.ux-2026 .workspace-hero-art{position:absolute;right:60px;top:50%;transform:translateY(-50%);z-index:1;opacity:.17;font:900 125px Manrope;letter-spacing:-.14em;color:#fff}
body.ux-2026 .workspace-hero-art small{display:none}
body.ux-2026 .workspace-tool-section{margin-top:25px}
body.ux-2026 .workspace-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
body.ux-2026 .workspace-section-head h2{font:850 27px Manrope;color:#182947;letter-spacing:-.045em;margin:6px 0 2px}
body.ux-2026 .workspace-section-head p{margin:0}
body.ux-2026 .workspace-section-count{padding:7px 13px;border:1px solid #e2dcff;border-radius:100px;background:#f0eaff;color:#6955d7;white-space:nowrap;font-size:11px;font-weight:800}
body.ux-2026 .workspace-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ux-2026 .workspace-tool{position:relative;display:flex;flex-direction:column;gap:11px;min-height:225px;padding:25px;background:#fff;border:1px solid #e4e9f3;border-radius:19px;box-shadow:var(--shadow-soft);transition:transform .18s,box-shadow .18s,border-color .18s}
body.ux-2026 .workspace-tool:hover{transform:translateY(-4px);border-color:#c7c3ff;box-shadow:0 22px 40px #45549a19}
body.ux-2026 .workspace-tool-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.ux-2026 .workspace-tool-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;color:#6456e1;background:#efeefe}
body.ux-2026 .workspace-tool-icon svg{width:22px;height:22px}
body.ux-2026 .workspace-tool-type{font-size:10px;font-weight:850;letter-spacing:.1em;color:#8c99af;text-transform:uppercase}
body.ux-2026 .workspace-tool-title{font:850 19px Manrope;color:#203251;margin-top:7px;letter-spacing:-.035em}
body.ux-2026 .workspace-tool-desc{color:#75849b;font-size:12px;line-height:1.7;flex:1}
body.ux-2026 .workspace-tool-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#6155dc;font-size:11px;font-weight:850;margin-top:9px}
body.ux-2026 .workspace-bottom-links{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8edf8;border:1px solid #dde5f2;border-radius:18px;margin-top:26px;padding:27px;flex-wrap:wrap}
body.ux-2026 .workspace-bottom-links h3{margin:2px 0 5px;font:850 22px Manrope}
body.ux-2026 .workspace-bottom-links p{margin:0}
body.ux-2026 .workspace-bottom-links>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
body.ux-2026 .workspace-bottom-links a{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #dee4f1;border-radius:11px;font-size:12px;font-weight:800}
/* Team workspace: dashboard, roster, filter, status. */
body.ux-2026 .dash-hero,body.ux-2026 .team-hero,body.ux-2026 .roster-heading{position:relative;border:1px solid #e6e8fa!important;background:linear-gradient(120deg,#fff,#f0f1ff)!important;color:#253458!important;border-radius:22px!important;box-shadow:none!important}
body.ux-2026 .dash-hero h1,body.ux-2026 .team-hero h1,body.ux-2026 .roster-heading h1{color:#1b294b!important}
body.ux-2026 .dash-hero p,body.ux-2026 .roster-heading p{color:#6b7b98!important}
body.ux-2026 .dash-kicker,body.ux-2026 .roster-kicker{color:#715de1!important}
body.ux-2026 .roster-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}
body.ux-2026 .roster-summary-card{display:flex;flex-direction:column;gap:10px;min-height:130px;padding:23px;background:#fff;border:1px solid #e5eaf3;border-radius:17px}
body.ux-2026 .roster-summary-card strong{font:850 32px Manrope;color:#253458}
body.ux-2026 .roster-summary-card span{color:#708099;font-weight:700;font-size:12px}
body.ux-2026 .roster-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;margin-bottom:22px}
body.ux-2026 .roster-heading-side{color:#6153d3;background:#f1eeff;border:1px solid #dfdbfb;border-radius:13px;padding:13px 17px}
body.ux-2026 .roster-directory{padding:24px}
body.ux-2026 .roster-directory-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;flex-wrap:wrap}
body.ux-2026 .roster-directory-title h2{font:850 21px Manrope;margin:0 0 2px}
body.ux-2026 .roster-toolbar,body.ux-2026 .roster-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.ux-2026 .roster-toolbar{margin-bottom:17px}
body.ux-2026 .roster-toolbar .roster-search-wrap{flex:1;min-width:200px}
body.ux-2026 .roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body.ux-2026 .roster-member{display:flex;flex-direction:column;gap:15px;padding:23px;border-radius:16px;border:1px solid #e3e9f3;background:#fafbff;min-width:0;transition:transform .15s,border-color .15s}
body.ux-2026 .roster-member:hover{transform:translateY(-2px);border-color:#c6c1ff}
body.ux-2026 .roster-member[hidden]{display:none!important}
body.ux-2026 .roster-member-name{font:800 15px Manrope;color:#253657}
body.ux-2026 .roster-member-role,body.ux-2026 .roster-member-badge{font-size:11px;background:#eceaff;border-radius:8px;padding:5px 8px;color:#6251cb}
body.ux-2026 .roster-grid.is-list{grid-template-columns:1fr}
body.ux-2026 .roster-grid.is-list .roster-member{flex-direction:row;align-items:center;justify-content:space-between}
body.ux-2026 .roster-filterline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
body.ux-2026 .roster-filterline button{background:#f0f3f9;color:#5d6e8c;border-color:#dde4f0}
body.ux-2026 .roster-filterline button.is-active,body.ux-2026 .roster-filterline button.active{background:#6654e9;color:#fff}
body.ux-2026 .roster-no-results{margin:20px 0;border-radius:12px;padding:22px;text-align:center;background:#f6f8fc;color:#77869c}
/* All writer/communication layouts, not just navigation. */
body.ux-2026 .announce-page-head{margin-bottom:24px}
body.ux-2026 .announce-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;align-items:start}
body.ux-2026 .announce-layout>*{min-width:0}
body.ux-2026 .announce-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 20px;border-bottom:1px solid #e9edf6;margin-bottom:23px}
body.ux-2026 .announce-section-head h2{margin:3px 0 0;font-size:21px}
body.ux-2026 .announce-status{display:flex;align-items:center;gap:6px;color:#188d70;font-size:11px;background:#eafaf3;border:1px solid #cdf1e1;border-radius:100px;padding:6px 12px;font-weight:800}
body.ux-2026 .announce-status i{display:inline-block;height:7px;width:7px;border-radius:50%;background:#26c697}
body.ux-2026 .announce-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.75fr);gap:15px;margin-bottom:14px}
body.ux-2026 .form-stack,body.ux-2026 .announce-field{display:flex;flex-direction:column;gap:10px}
body.ux-2026 .announce-field{margin-bottom:13px}
body.ux-2026 .announce-field label{font-size:11px;color:#344867;font-weight:850}
body.ux-2026 .announce-label-row{display:flex;justify-content:space-between;align-items:center;gap:14px}
body.ux-2026 .announce-label-row span{font-size:10px;color:#8d9ab0}
body.ux-2026 .announce-text,body.ux-2026 textarea#announceMessage,body.ux-2026 textarea#rawChangelog{min-height:255px!important;line-height:1.7!important;padding:17px!important;font-size:13px!important}
body.ux-2026 textarea#rawChangelog{min-height:460px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}
body.ux-2026 .announce-toggle{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #e0e6f1;background:#f7faff;border-radius:12px}
body.ux-2026 .announce-toggle span b{color:#243751}
body.ux-2026 .announce-toggle small{font-size:10px}
body.ux-2026 .announce-role-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;padding:12px;background:#f8faff;border:1px solid #e5eaf4;border-radius:12px}
body.ux-2026 .announce-role-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5eaf5;border-radius:9px;background:#fff;color:#445879;overflow-wrap:anywhere}
body.ux-2026 .announce-role-option:hover{border-color:#bcb3ff;background:#f9f8ff}
body.ux-2026 .announce-role-dot{width:7px;height:7px;border-radius:50%;background:#8378ec;flex:none}
body.ux-2026 .announce-sendbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px;border-radius:13px;background:#f1f1ff;border:1px solid #e3dfff;margin-top:17px;flex-wrap:wrap}
body.ux-2026 .announce-sendbar b{display:block;color:#283655;font-size:12px}
body.ux-2026 .announce-sendbar small{font-size:11px}
body.ux-2026 .announce-side{display:flex;flex-direction:column;gap:18px;min-width:0}
body.ux-2026 .announce-side .panel{margin:0}
body.ux-2026 .discord-preview{background:#232633;border:1px solid #303541;border-radius:14px;padding:20px;color:#e4e7f1;min-height:230px}
body.ux-2026 .discord-preview-top{display:flex;gap:9px;align-items:center;color:#fff;margin-bottom:15px}
body.ux-2026 .discord-preview-mark{display:grid;place-items:center;background:#6658ee;color:#fff;border-radius:11px;width:37px;height:37px;font-weight:850}
body.ux-2026 .discord-preview-top b{color:#fff}
body.ux-2026 .discord-preview-embed{padding:17px;border-left:4px solid #8f7af7;background:#303545;border-radius:0 11px 11px 0}
body.ux-2026 .discord-preview-embed h3{color:#fff!important;margin:0 0 7px}
body.ux-2026 .discord-preview-embed p,body.ux-2026 .discord-preview-embed small{color:#cbd0e0}
body.ux-2026 .announce-info-row{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #edf0f7}
body.ux-2026 .announce-info-row>span{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;background:#edecff;color:#685be8;font-weight:850}
body.ux-2026 .announce-info-row b{color:#233651;display:block;font-size:12px}
body.ux-2026 .announce-info-row small{display:block}
body.ux-2026 .announce-history-list,body.ux-2026 .changelog-history-list{display:grid;gap:12px}
body.ux-2026 .announce-history-card,body.ux-2026 .changelog-history-card{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;background:#f7f9fd;border:1px solid #e4eaf3;border-radius:13px;padding:17px 19px}
body.ux-2026 .announce-history-card h3,body.ux-2026 .changelog-history-card h3{color:#263754!important;margin:6px 0;font-size:15px}
body.ux-2026 .announce-history-channel{display:inline-block;font-size:10px;color:#5f53d8;background:#ebebff;padding:4px 9px;border-radius:999px;font-weight:800}
body.ux-2026 .announce-history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#72819a;font-size:11px}
body.ux-2026 .announce-history-meta b{color:#485b76}
body.ux-2026 .announce-history-roles,body.ux-2026 .changelog-history-meta{display:flex;flex-wrap:wrap;gap:5px}
body.ux-2026 .announce-history-role{border-radius:8px;padding:3px 7px;background:#ecefff;color:#6b62c9;font-size:10px}
body.ux-2026 .auto-announce-item,body.ux-2026 .channel-pool-card{border:1px solid #e3e9f3;background:#f8faff;border-radius:14px;padding:18px;margin-bottom:13px}
body.ux-2026 .channel-pool-head,body.ux-2026 .auto-announce-item-head,body.ux-2026 .channel-pools-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:15px}
body.ux-2026 .channel-pool-head h3{font-size:16px;margin:3px 0}
body.ux-2026 .auto-announce-list{display:grid;gap:10px}
body.ux-2026 .auto-time-list{display:grid;gap:9px}
body.ux-2026 .auto-time-row{display:flex;align-items:center;gap:12px;margin-bottom:7px}
body.ux-2026 .auto-time-row input{max-width:180px}
body.ux-2026 .auto-time-index{font-size:12px;font-weight:900;color:#6c5bdc}
body.ux-2026 .auto-fixed-ping{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px;background:#f5f2ff;border-radius:11px}
body.ux-2026 .auto-fixed-ping b{color:#6052d4}
body.ux-2026 .grid.two.changelog-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:18px;align-items:stretch}
body.ux-2026 .changelog-grid>.panel{min-width:0}
body.ux-2026 .changelog-preview-panel{display:flex;flex-direction:column}
body.ux-2026 #changelogPreview{flex:1;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:#1c2741!important;color:#e2e9ff!important;border:1px solid #273954;border-radius:13px;font:500 12px/1.8 ui-monospace,monospace;max-height:740px;overflow:auto}
body.ux-2026 .toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
body.ux-2026 .toolbar input{max-width:440px}
/* Expanded panels, role permissions, support cases, tickets and modal widgets */
body.ux-2026 .permission-role-card,body.ux-2026 .support-case,body.ux-2026 .team-support-group{padding:20px}
body.ux-2026 details:not(.ux-account):not(.ux-all-pages){background:#fff;border:1px solid #e3e9f2;border-radius:13px;margin-bottom:12px;overflow:hidden}
body.ux-2026 details:not(.ux-account):not(.ux-all-pages)>summary{cursor:pointer;list-style:none;padding:16px 19px;font-weight:800;color:#324464}
body.ux-2026 details:not(.ux-account):not(.ux-all-pages)>summary::-webkit-details-marker{display:none}
body.ux-2026 details:not(.ux-account):not(.ux-all-pages)[open]>summary{background:#f5f7ff;border-bottom:1px solid #e4e9f3}
body.ux-2026 details:not(.ux-account):not(.ux-all-pages)>.rule-content,body.ux-2026 details:not(.ux-account):not(.ux-all-pages)>.details-body{padding:17px}
body.ux-2026 .support-list,body.ux-2026 .ticket-list{display:grid;gap:13px}
body.ux-2026 .rule-content article{margin-bottom:14px;padding:15px;border-radius:11px;background:#f8faff}
body.ux-2026 .preview-box{white-space:pre-wrap;overflow-wrap:anywhere}
/* Keep operational overlays and dynamically hidden sections correct. */
body.ux-2026 .is-hidden{display:none!important}
body.ux-2026 .command-overlay[hidden],body.ux-2026 [data-command-empty][hidden],body.ux-2026 [data-roster-card][hidden]{display:none!important}
body.ux-2026 .wheel-celebration[hidden]{display:none!important}
/* Login: independent layout, fully custom, NHC logo retained. */
body.ux-2026.ux-login-body{min-height:100vh;background:#111b34!important;color:#1a2a44!important}
body.ux-2026 .ux-login-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);min-height:100vh}
body.ux-2026 .ux-login-showcase{background:radial-gradient(circle at 80% 13%,#7362eb88,transparent 39%),linear-gradient(140deg,#121e3b,#28336a 65%,#4943a3);color:#fff;padding:clamp(30px,5.2vw,76px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
body.ux-2026 .ux-login-showcase::after{content:'';position:absolute;right:-200px;bottom:-250px;width:600px;height:600px;border:1px solid #ffffff33;border-radius:50%;box-shadow:0 0 0 67px #ffffff0b,0 0 0 139px #ffffff0b}
body.ux-2026 .ux-login-mark{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:850;color:#fff!important;letter-spacing:.16em;z-index:2}
body.ux-2026 .ux-login-mark img{width:55px;height:55px;object-fit:contain;border-radius:13px;background:#ffffff16}
body.ux-2026 .ux-login-story{position:relative;z-index:2;max-width:640px}
body.ux-2026 .ux-login-eyebrow{color:#bbbaff;font-weight:900;font-size:11px;letter-spacing:.16em}
body.ux-2026 .ux-login-story h1{font:850 clamp(36px,5vw,74px)/1.14 Manrope;color:#fff;letter-spacing:-.06em;margin:20px 0}
body.ux-2026 .ux-login-story p{color:#c4d1ef;font-size:15px;line-height:1.8;max-width:480px}
body.ux-2026 .ux-login-feature{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:36px;color:#d2dcff;font-size:11px}
body.ux-2026 .ux-login-feature span{padding:5px 7px;background:#ffffff2b;border-radius:7px;color:#fff;font-weight:850}
body.ux-2026 .ux-login-foot{z-index:2;color:#a7b6db;font-size:11px}
body.ux-2026 .ux-login-form-side{display:grid;place-items:center;background:#f7f9fd;padding:30px}
body.ux-2026 .ux-login-box{width:min(100%,460px)}
body.ux-2026 .ux-login-pill{display:inline-block;border-radius:999px;background:#e7e5ff;color:#6a5cdb;font-size:10px;font-weight:900;letter-spacing:.12em;padding:8px 13px}
body.ux-2026 .ux-login-box h2{font:850 clamp(31px,3.5vw,45px) Manrope;color:#192944;letter-spacing:-.05em;margin:18px 0 10px}
body.ux-2026 .ux-login-box>p{font-size:13px;color:#6a7c96;line-height:1.8}
body.ux-2026 .ux-login-button{display:flex;justify-content:center;align-items:center;gap:15px;background:#6658e9;color:#fff!important;border-radius:12px;font-weight:850;font-size:14px;padding:16px;margin:25px 0 18px;box-shadow:0 13px 23px #5755c626}
body.ux-2026 .ux-login-button:hover{background:#4e40ce}
body.ux-2026 .ux-login-note{font-size:12px;text-align:center;color:#708099}
body.ux-2026 .ux-login-note a{color:#6051de;font-weight:850}
body.ux-2026 .ux-login-divider{border-top:1px solid #e2e8f1;margin:35px 0 18px}
body.ux-2026 .ux-login-areas{display:flex;justify-content:center;flex-wrap:wrap;gap:17px;font-size:11px;font-weight:800;color:#667895}
body.ux-2026 .ux-login-error{border:1px solid #f5c4d0;background:#fff0f3;color:#b93254;padding:13px;border-radius:11px;margin:19px 0}
/* Responsive: topbar stays intact; nav always scrolls, never overflows its container. */
@media(max-width:1270px){
 body.ux-2026 .ux-top-row{gap:13px}
 body.ux-2026 .ux-brand{min-width:190px}
 body.ux-2026 .ux-product-tabs a{padding:9px 12px}
 body.ux-2026 .workspace-tools,body.ux-2026 .roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ux-2026 .announce-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr)}
}
@media(max-width:900px){
 body.ux-2026 .ux-top-row{min-height:74px;flex-wrap:wrap;justify-content:space-between;padding-top:11px;padding-bottom:11px;gap:10px}
 body.ux-2026 .ux-brand{min-width:0}
 body.ux-2026 .ux-product-tabs{order:3;width:100%;justify-content:center;margin:2px 0 0}
 body.ux-2026 .ux-product-tabs a{flex:1}
 body.ux-2026 .ux-nav-row{padding:0 15px;gap:7px}
 body.ux-2026 .ux-nav-title{display:none}
 body.ux-2026 .ux-header-dot{display:none}
 body.ux-2026 .announce-layout,body.ux-2026 .grid.two.changelog-grid{grid-template-columns:1fr}
 body.ux-2026 .ux-main{padding-top:22px}
 body.ux-2026 .ux-login-layout{grid-template-columns:1fr}
 body.ux-2026 .ux-login-showcase{min-height:300px;gap:20px;padding:32px}
 body.ux-2026 .ux-login-story h1{font-size:37px;margin:11px 0}
 body.ux-2026 .ux-login-feature{margin-top:17px}
 body.ux-2026 .ux-login-form-side{padding:50px 25px}
}
@media(max-width:600px){
 body.ux-2026 .ux-brand-text strong{font-size:14px}
 body.ux-2026 .ux-brand-text small{font-size:8px}
 body.ux-2026 .ux-logo{width:34px;height:34px}
 body.ux-2026 .ux-account-text,body.ux-2026 .ux-chevron{display:none}
 body.ux-2026 .ux-account summary{padding:3px}
 body.ux-2026 .ux-product-tabs a{padding:9px 7px;font-size:11px;gap:5px}
 body.ux-2026 .ux-product-tabs svg{display:none}
 body.ux-2026 .ux-navitem{padding:0 12px;font-size:11px;gap:6px}
 body.ux-2026 .ux-main{padding:18px 15px 34px}
 body.ux-2026 .ux-crumb{margin-bottom:16px}
 body.ux-2026 .panel{padding:18px}
 body.ux-2026 .workspace-hero{padding:26px;min-height:265px}
 body.ux-2026 .workspace-hero-art{display:none}
 body.ux-2026 .workspace-tools,body.ux-2026 .roster-grid,body.ux-2026 .roster-summary{grid-template-columns:1fr}
 body.ux-2026 .announce-form-grid,body.ux-2026 .announce-role-picker{grid-template-columns:1fr}
 body.ux-2026 .announce-history-meta{align-items:flex-start}
 body.ux-2026 .roster-heading{flex-direction:column;align-items:stretch}
 body.ux-2026 .roster-grid.is-list .roster-member{flex-direction:column;align-items:stretch}
 body.ux-2026 .ux-footer{flex-direction:column;text-align:center;align-items:center}
 body.ux-2026 .ux-login-showcase{min-height:260px}
 body.ux-2026 .ux-login-story h1{font-size:30px}
 body.ux-2026 .ux-login-feature{display:none}
}
/* Individual staff profiles, summaries and support/ticket sections. */
body.ux-2026 .roster-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
body.ux-2026 .roster-summary-card{position:relative;overflow:hidden}
body.ux-2026 .roster-summary-card::after{content:'';position:absolute;right:-32px;top:-32px;width:110px;height:110px;background:#6258e309;border-radius:50%}
body.ux-2026 .roster-summary-card .roster-summary-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#efedff;color:#6156de}
body.ux-2026 .roster-summary-card .roster-summary-label{display:block;color:#657793;font-size:12px;font-weight:800}
body.ux-2026 .roster-summary-card strong{font-size:31px;line-height:1.2}
body.ux-2026 .roster-summary-card small{font-size:11px}
body.ux-2026 .roster-crumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#6354d8;font-weight:850;letter-spacing:.04em}
body.ux-2026 .roster-heading h1{font:850 clamp(30px,3.6vw,50px)/1.16 Manrope,system-ui,sans-serif!important;margin:15px 0 10px}
body.ux-2026 .roster-heading h1 em{font-style:normal;color:#6555df}
body.ux-2026 .roster-heading-side{display:flex;align-items:center;gap:14px}
body.ux-2026 .roster-heading-side strong{font:850 25px Manrope;display:block}
body.ux-2026 .roster-heading-side span{font-size:11px}
body.ux-2026 .roster-section-kicker{display:block;color:#6653d8;font-size:10px;font-weight:900;letter-spacing:.1em}
body.ux-2026 .roster-directory-title h2 span{font-size:11px;vertical-align:middle;color:#6b5bdb;background:#eeebff;border-radius:9px;padding:5px 9px}
body.ux-2026 .roster-directory-title p{font-size:12px;margin:5px 0 0}
body.ux-2026 .roster-help-link{display:inline-flex;align-items:center;gap:9px;color:#5e4cda;font-size:12px;font-weight:800}
body.ux-2026 .roster-search{display:flex;align-items:center;gap:8px;flex:1;min-width:210px;border-radius:11px;color:#8e9cb2}
body.ux-2026 .roster-search input{width:100%}
body.ux-2026 .roster-select-wrap{display:flex;align-items:center;gap:9px;white-space:nowrap}
body.ux-2026 .roster-select-wrap span{font-size:11px;font-weight:800;color:#687993}
body.ux-2026 .roster-select-wrap select{max-width:190px}
body.ux-2026 .roster-view-toggle{display:flex;gap:4px;padding:4px;background:#f0f3fa;border:1px solid #e3e7f1;border-radius:12px}
body.ux-2026 .roster-view-toggle button{width:34px;height:34px;min-height:34px;padding:6px;border:0;border-radius:8px;background:transparent;color:#7789a4}
body.ux-2026 .roster-view-toggle button.is-active{background:#6558e8;color:#fff}
body.ux-2026 .roster-results{font-size:11px;color:#7e8aa0;font-weight:800}
body.ux-2026 .roster-quickfilters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body.ux-2026 .roster-quickfilters button{background:#eff2f8!important;border:1px solid #dce4ef!important;color:#51617e!important;border-radius:999px;padding:7px 11px;min-height:34px}
body.ux-2026 .roster-quickfilters button.is-active{background:#6558e8!important;border-color:#6558e8!important;color:#fff!important}
body.ux-2026 .roster-member{gap:17px}
body.ux-2026 .roster-member-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.ux-2026 .roster-role{display:inline-block;border:1px solid #dcd6ff;border-radius:8px;color:#614dce;background:#eeebff;padding:5px 9px;font-size:10px;font-weight:850;overflow-wrap:anywhere}
body.ux-2026 .roster-absence{font-size:10px;background:#fff3e9;color:#9f5d24;padding:4px 8px;border-radius:100px}
body.ux-2026 .roster-member-person{display:flex;align-items:center;gap:12px}
body.ux-2026 .roster-avatar{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:15px;object-fit:cover;background:#eeeaff;color:#6253da;font-size:14px;font-weight:850}
body.ux-2026 .roster-member-details{min-width:0}
body.ux-2026 .roster-member-details h3{font:850 15px Manrope;color:#273753;margin:0 0 4px}
body.ux-2026 .roster-member-details p{font-size:11px;overflow-wrap:anywhere;margin:0}
body.ux-2026 .roster-member-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px 10px;border-radius:12px;background:#fff;border:1px solid #e9edf5}
body.ux-2026 .roster-member-metrics>div{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #eef0f6}
body.ux-2026 .roster-member-metrics>div:last-child{border-right:0}
body.ux-2026 .roster-member-metrics strong{font:850 19px Manrope;color:#2a3955}
body.ux-2026 .roster-member-metrics span{font-size:9px;color:#8896a9}
body.ux-2026 .roster-member-metrics .roster-alert{color:#d54969}
body.ux-2026 .roster-member-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.ux-2026 .roster-member-extra{display:flex;align-items:center;gap:7px;color:#78879f;font-size:11px}
body.ux-2026 .roster-open{display:flex;align-items:center;gap:7px;color:#6252d6!important;font-size:11px;font-weight:850}
body.ux-2026 .roster-privacy-note{display:flex;align-items:center;gap:8px;color:#7a889f;font-size:11px;margin:18px 0}
@media(max-width:1270px){body.ux-2026 .roster-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.ux-2026 .roster-summary{grid-template-columns:1fr}}
/* Always-accessible complete navigation for densely populated Team workspaces. */
body.ux-2026 .ux-all-pages{position:relative;display:flex;align-items:center;margin-left:auto;flex:0 0 auto;z-index:61}
body.ux-2026 .ux-all-pages>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:#c9d5f0;padding:10px;border:1px solid #ffffff1c;background:#ffffff0b;border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap}
body.ux-2026 .ux-all-pages>summary::-webkit-details-marker{display:none}
body.ux-2026 .ux-all-pages>summary:hover,body.ux-2026 .ux-all-pages[open]>summary{background:#ffffff20;color:#fff}
body.ux-2026 .ux-all-menu{position:absolute;right:0;top:calc(100% + 9px);width:270px;max-height:min(70vh,560px);overflow-y:auto;padding:9px;background:#fff;border:1px solid #e2e7f1;box-shadow:0 22px 45px #07183338;border-radius:14px;display:grid;gap:4px}
body.ux-2026 .ux-all-menu .ux-navitem{min-height:40px;border:0;border-radius:9px;padding:10px 12px;color:#4d5c79!important;background:transparent;font-size:12px;white-space:normal}
body.ux-2026 .ux-all-menu .ux-navitem svg{color:#6a5adc}
body.ux-2026 .ux-all-menu .ux-navitem:hover{background:#f4f4ff;color:#5949d7!important}
body.ux-2026 .ux-all-menu .ux-navitem.is-active{background:#eeedff;color:#5949d7!important}
@media(max-width:900px){body.ux-2026 .ux-all-pages>summary span{display:none}}
@media(max-width:600px){body.ux-2026 .ux-all-menu{width:min(270px,90vw)}}

body.ux-2026 .ux-all-pages{overflow:visible;margin:0;background:transparent;border:0;box-shadow:none}
/* NHC notification center */
.nhc-notification-box{position:relative;z-index:100;margin-left:auto;flex-shrink:0}
.nhc-notification-box summary{list-style:none;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;width:43px;height:43px;background:var(--surface,#23252c);border:1px solid #8885;border-radius:13px;font-size:21px}
.nhc-notification-box summary::-webkit-details-marker{display:none}
.nhc-notify-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;box-sizing:border-box;padding:1px 5px;border-radius:20px;background:#df3434;color:#fff;text-align:center;font-size:11px;font-weight:800;line-height:18px}
.nhc-notify-badge[hidden]{display:none}
.nhc-notification-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 24px));max-height:70dvh;overflow:auto;border-radius:16px;border:1px solid #6a6a6a55;background:var(--card-bg,#202228);color:var(--text,#f4f4f5);box-shadow:0 16px 55px #0007;padding:12px}
.nhc-notice-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.nhc-notice-header button,.nhc-notice form button{cursor:pointer;font-size:12px;border-radius:8px;border:1px solid #8c8c8c55;padding:7px;background:transparent;color:inherit}
.nhc-notice{display:flex;align-items:center;gap:8px;border-bottom:1px solid #8883;padding:11px 7px}
.nhc-notice.unread{border-left:3px solid #e2ba38;background:#bfa63413}
.nhc-notice a{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.nhc-notice a strong{font-size:13px}.nhc-notice small,.nhc-notice time{font-size:11px;opacity:.75;overflow-wrap:anywhere}
.nhc-notice-empty{padding:20px 8px;text-align:center;font-size:13px}
@media(max-width:640px){.nhc-notification-box{margin-left:0}.nhc-notification-menu{position:fixed;top:65px;right:8px;max-height:75dvh}.nhc-notification-box summary{width:41px;height:41px}}
/* Vollständige NHC-Benachrichtigungszentrale */
body.ux-2026 .nhc-notice-all{display:block;padding:13px;text-align:center;color:inherit;font-size:13px;font-weight:750;text-decoration:none;border-top:1px solid #9994}
body.ux-2026 .nhc-notify-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 20px}
body.ux-2026 .nhc-notify-toolbar form{margin:0}
body.ux-2026 .nhc-notify-toolbar button{min-height:40px;border-radius:10px;cursor:pointer}
body.ux-2026 .record-row .record-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media(max-width:640px){body.ux-2026 .nhc-notify-toolbar>a{flex:1;min-width:110px;text-align:center}body.ux-2026 .nhc-notify-toolbar form{width:100%}body.ux-2026 .nhc-notify-toolbar button{width:100%}}

/* 2026-10-12: notification dropdown must appear above all panels */
body.ux-2026 .ux-shell{overflow:visible}
body.ux-2026 .ux-header{z-index:500;overflow:visible}
body.ux-2026 .ux-top-row{overflow:visible}
body.ux-2026 .nhc-notification-box{z-index:10000;isolation:isolate}
body.ux-2026 .nhc-notification-box[open] .nhc-notification-menu{display:block!important;visibility:visible!important;opacity:1!important;z-index:10001;background:var(--surface,#22252c)}
body.ux-2026 .nhc-notification-box summary{user-select:none;-webkit-user-select:none;touch-action:manipulation}

/* 2026-10-12 nav + notification polish */
body.ux-2026 .ux-top-row{position:relative;overflow:visible;justify-content:space-between}
body.ux-2026 .ux-product-tabs{position:absolute;left:50%;transform:translateX(-50%);margin:0;z-index:1}
body.ux-2026 .nhc-notification-box{margin-left:0!important;flex:0 0 auto}
body.ux-2026 .nhc-notification-box summary{overflow:visible;width:42px;height:42px;font-size:19px}
body.ux-2026 .nhc-notify-badge{top:1px;right:1px;transform:translate(38%,-38%);min-width:18px;height:18px;line-height:18px;padding:0 5px;font-size:10px;box-shadow:0 0 0 2px #171b22}
body.ux-2026 .nhc-notification-menu{width:min(380px,calc(100vw - 24px))}
@media(max-width:1180px){body.ux-2026 .ux-product-tabs{position:static;left:auto;transform:none;margin:0 auto;order:2}}
@media(max-width:1180px){body.ux-2026 .ux-top-row{justify-content:space-between}}
@media(max-width:640px){body.ux-2026 .nhc-notify-badge{transform:translate(30%,-30%)}}

/* Scoped notification repair: keep the existing <details> layout intact. */
body.ux-2026 details.nhc-notification-box {position:relative!important;display:block!important;flex:0 0 43px!important;overflow:visible!important;z-index:10001!important;isolation:auto!important}
body.ux-2026 details.nhc-notification-box > summary {box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;list-style:none!important;width:43px!important;height:43px!important;min-height:43px!important;padding:0!important;margin:0!important;position:relative!important;overflow:visible!important;background:#27292e!important;border:1px solid #585858!important;border-radius:11px!important;color:#fff!important;font-size:20px!important;cursor:pointer!important;user-select:none}
body.ux-2026 details.nhc-notification-box > summary::-webkit-details-marker{display:none}
body.ux-2026 details.nhc-notification-box > summary .nhc-notify-badge:not([hidden]) {display:flex!important;align-items:center;justify-content:center;position:absolute!important;top:-7px!important;right:-8px!important;transform:none!important;box-sizing:border-box!important;min-width:21px!important;height:21px!important;border-radius:12px!important;padding:0 5px!important;line-height:21px!important;font-size:11px!important;font-weight:800!important;background:#e03535!important;color:#fff!important;border:2px solid #141619!important;box-shadow:none!important;z-index:3!important}
body.ux-2026 details.nhc-notification-box:not([open]) > .nhc-notification-menu{display:none!important}
body.ux-2026 details.nhc-notification-box[open] > .nhc-notification-menu {display:block!important;position:absolute!important;box-sizing:border-box!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;z-index:10002!important;width:min(390px,calc(100vw - 20px))!important;max-height:min(550px,75dvh)!important;overflow-y:auto!important;padding:12px!important;border:1px solid #444952!important;border-radius:15px!important;background:#1e2025!important;color:#f3f4f6!important;box-shadow:0 18px 56px #0009!important;white-space:normal!important}
body.ux-2026 details.nhc-notification-box .nhc-notification-menu a{color:#f4f4f6!important}
body.ux-2026 details.nhc-notification-box .nhc-notification-menu .nhc-notice-all{display:block!important;color:#f2cd4a!important}
@media(max-width:640px){body.ux-2026 details.nhc-notification-box[open] > .nhc-notification-menu{position:fixed!important;top:65px!important;right:8px!important}}

/* NHC: responsive header, no overlapping controls at laptop widths */
@media (max-width:1550px) {
 body.ux-2026 .ux-top-row{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:10px 12px!important;padding-block:10px!important;overflow:visible!important}
 body.ux-2026 .ux-top-row>.ux-brand{order:1!important;margin-right:auto!important;flex-shrink:0!important}
 body.ux-2026 .ux-top-row>.nhc-notification-box{order:2!important;margin:0!important}
 body.ux-2026 .ux-top-row>.ux-theme-toggle{order:3!important;margin:0!important}
 body.ux-2026 .ux-top-row>.ux-account{order:4!important;margin:0!important}
 body.ux-2026 .ux-top-row>.ux-product-tabs{order:5!important;position:static!important;left:auto!important;transform:none!important;width:max-content!important;max-width:100%!important;flex:0 0 auto!important;margin:0 auto!important;justify-content:center!important}
 body.ux-2026 .ux-top-row::after{content:'';order:4;flex-basis:100%;height:0}
}
@media(max-width:650px){
 body.ux-2026 .ux-top-row{gap:8px!important}
 body.ux-2026 .ux-top-row>.ux-brand{min-width:0!important}
 body.ux-2026 .ux-top-row>.ux-product-tabs{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important}
 body.ux-2026 .ux-top-row>.ux-product-tabs a{flex-shrink:0!important}
}

/* Getrennte Abschlüsse durch alle Team-Bearbeiter */
.case-assignees{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:12px 0;font-size:12px}.case-assignee{border:1px solid #a1a1a14b;padding:6px 9px;border-radius:9px;background:#8080801a}.nhc-case-modal select[multiple]{min-height:155px!important;padding:8px!important}.nhc-case-modal select[multiple] option{padding:10px!important;white-space:normal}

/* NHC Header v3: brand, central links and controls stay in separate grid cells. */
body.ux-2026 .ux-top-row{display:grid!important;grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr)!important;align-items:center!important;column-gap:16px!important;row-gap:8px!important;justify-content:initial!important;flex-wrap:nowrap!important;padding-block:12px!important;min-height:78px!important}
body.ux-2026 .ux-top-row::after{content:none!important;display:none!important}
body.ux-2026 .ux-top-row>.ux-brand{grid-column:1;grid-row:1;order:unset!important;margin:0!important;min-width:0!important;justify-self:start!important}
body.ux-2026 .ux-top-row>.ux-product-tabs{grid-column:2;grid-row:1;order:unset!important;position:static!important;left:auto!important;transform:none!important;margin:0!important;max-width:100%!important;width:max-content!important;justify-self:center!important;overflow:visible!important}
body.ux-2026 .ux-top-row>.ux-header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-self:end;justify-content:flex-end;gap:10px;min-width:0;max-width:100%}
body.ux-2026 .ux-header-actions>.nhc-notification-box,body.ux-2026 .ux-header-actions>.ux-theme-toggle,body.ux-2026 .ux-header-actions>.ux-account{order:unset!important;margin:0!important;flex-shrink:0!important}
@media(max-width:1500px){
body.ux-2026 .ux-top-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
body.ux-2026 .ux-top-row>.ux-brand{grid-column:1;grid-row:1}
body.ux-2026 .ux-top-row>.ux-header-actions{grid-column:2;grid-row:1;justify-self:end}
body.ux-2026 .ux-top-row>.ux-product-tabs{grid-column:1/-1;grid-row:2;justify-self:center;max-width:100%!important}
}
@media(max-width:720px){
body.ux-2026 .ux-top-row{grid-template-columns:minmax(0,1fr) auto!important;column-gap:8px!important;padding-inline:12px!important}
body.ux-2026 .ux-top-row>.ux-brand{min-width:0!important}
body.ux-2026 .ux-header-actions{gap:5px!important}
body.ux-2026 .ux-header-actions>.ux-account .ux-account-text{display:none!important}
body.ux-2026 .ux-header-actions>.ux-account .ux-chevron{display:none!important}
body.ux-2026 .ux-top-row>.ux-product-tabs{width:100%!important;min-width:0!important;justify-self:stretch;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:thin}
body.ux-2026 .ux-top-row>.ux-product-tabs a{flex-shrink:0!important;padding-inline:12px!important}
}
@media(max-width:420px){body.ux-2026 .ux-brand-text small{display:none!important}body.ux-2026 .ux-header-actions>.ux-theme-toggle{padding-inline:8px!important;min-width:38px!important}body.ux-2026 .ux-header-actions>.ux-account summary{padding-inline:3px!important}}