/* Niroversa ice glass — shared by the CRM shell and its same-origin consoles.
   Surface alpha never changes text opacity. Blur is limited to chrome/overlays. */
:root {
  --nv-bg: #e4f2fa;
  --nv-surface: rgba(255,255,255,.62);
  --nv-surface-muted: rgba(226,242,250,.58);
  --nv-surface-raised: rgba(255,255,255,.84);
  --nv-heading: #092d49;
  --nv-text: #153b52;
  --nv-text-muted: #46667d;
  --nv-text-soft: #526f85;
  --nv-border: rgba(123,168,193,.29);
  --nv-border-strong: rgba(75,132,164,.43);
  --nv-brand-orange-500: #f47a21;
  --nv-brand-teal-700: #086d70;
  --nv-shadow-1: inset 0 1px 0 rgba(255,255,255,.94), 0 6px 22px rgba(33,85,119,.06);
  --nv-shadow-2: inset 0 1px 0 rgba(255,255,255,.92), 0 14px 40px rgba(33,85,119,.12);
  --nv-shadow-3: inset 0 1px 0 rgba(255,255,255,.8), 0 24px 70px rgba(12,49,76,.2);
  --nv-glass-rim: rgba(255,255,255,.88);
  --nv-glass-chrome: rgba(236,248,255,.65);
  --nv-glass-overlay: rgba(240,249,255,.9);
  --nv-glass-field: rgba(255,255,255,.62);
  --nv-glass-hover: rgba(255,255,255,.8);
  --nv-glass-selected: rgba(255,224,197,.62);
  --nv-glass-selected-text: #8a410b;
  --nv-glass-primary: linear-gradient(145deg,rgba(22,91,135,.92),rgba(7,47,78,.94));
  --nv-glass-veil: rgba(15,48,73,.23);
  --nv-glass-canvas: radial-gradient(ellipse at 88% 2%,rgba(129,208,246,.59),transparent 58%),radial-gradient(ellipse at 4% 94%,rgba(97,217,212,.31),transparent 53%),radial-gradient(ellipse at 100% 100%,rgba(255,177,110,.23),transparent 37%),linear-gradient(135deg,#e7f5fc,#dfedf7);
  /* Legacy modules use these names; keep them on the same palette. */
  --surface: var(--nv-surface); --surface-soft: var(--nv-surface-muted);
  --panel: var(--nv-surface); --panel2: var(--nv-surface-muted);
  --bg: var(--nv-bg); --card: var(--nv-surface); --ink: var(--nv-heading);
  --text: var(--nv-text); --text-1: var(--nv-heading); --text-2: var(--nv-text);
  --text-3: var(--nv-text-muted); --muted: var(--nv-text-muted);
  --border: var(--nv-border); --line: var(--nv-border); --shadow: var(--nv-shadow-1);
}
[data-theme="dark"] {
  --nv-bg: #071b2d;
  --nv-surface: rgba(17,46,69,.7);
  --nv-surface-muted: rgba(24,62,86,.57);
  --nv-surface-raised: rgba(23,56,79,.92);
  --nv-heading: #eff9ff; --nv-text: #e0eef7;
  --nv-text-muted: #b9cedc; --nv-text-soft: #a9c3d4;
  --nv-border: rgba(152,199,223,.22); --nv-border-strong: rgba(162,211,237,.4);
  --nv-glass-rim: rgba(191,227,246,.25);
  --nv-glass-chrome: rgba(12,37,57,.78);
  --nv-glass-overlay: rgba(14,38,59,.94);
  --nv-glass-field: rgba(17,47,69,.78);
  --nv-glass-hover: rgba(48,91,118,.62);
  --nv-glass-selected: rgba(190,111,41,.22);
  --nv-glass-selected-text: #ffca96;
  --nv-glass-primary: linear-gradient(145deg,rgba(28,112,155,.87),rgba(15,75,115,.94));
  --nv-glass-veil: rgba(0,12,24,.5);
  --nv-glass-canvas: radial-gradient(ellipse at 92% 0,rgba(30,119,172,.32),transparent 58%),radial-gradient(ellipse at 2% 100%,rgba(11,128,126,.23),transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(166,93,40,.12),transparent 36%),linear-gradient(135deg,#081e32,#061725);
  --nv-brand-teal-700: #8ae2dc;
  --nv-brand-teal-50: rgba(33,137,135,.18); --nv-brand-teal-100: rgba(86,187,180,.3);
  --nv-brand-orange-50: rgba(194,115,47,.16); --nv-neutral-100: rgba(105,150,180,.16);
  --nv-success-700: #8fe0b8; --nv-success-50: rgba(32,128,91,.18);
  --nv-warning-700: #ffd088; --nv-warning-50: rgba(171,111,30,.2);
  --nv-danger-700: #ffb7bd; --nv-danger-50: rgba(185,61,74,.17);
  --nv-info-700: #abcfff; --nv-info-50: rgba(48,106,181,.2);
  --nv-shadow-1: inset 0 1px 0 rgba(199,229,246,.12),0 7px 24px rgba(0,10,23,.13);
  --nv-shadow-2: inset 0 1px 0 rgba(199,229,246,.14),0 16px 40px rgba(0,10,23,.2);
  --nv-shadow-3: inset 0 1px 0 rgba(199,229,246,.18),0 24px 70px rgba(0,5,16,.4);
}
html { background:var(--nv-bg); }
body { background:var(--nv-glass-canvas); background-attachment:fixed; color:var(--nv-text); }
.app-shell,.main-shell,.content { background:transparent; }
.sidebar {
  background:var(--nv-glass-chrome); color:var(--nv-text);
  border:1px solid var(--nv-glass-rim); border-right:0;
  box-shadow:inset 1px 0 0 var(--nv-glass-rim),-10px 0 40px rgba(28,83,121,.07);
  -webkit-backdrop-filter:blur(22px) saturate(1.12); backdrop-filter:blur(22px) saturate(1.12);
}
.sidebar-brand,.sidebar-foot { border-color:var(--nv-border); }
.sidebar-brand img { background:rgba(255,255,255,.8); box-shadow:var(--nv-shadow-1); }
.sidebar-brand strong,.workspace-chip strong,.user-chip,.user-chip strong { color:var(--nv-heading); }
.sidebar-brand span,.workspace-chip small,.user-chip small,.nav-group { color:var(--nv-text-muted); }
.workspace-chip { background:var(--nv-surface)!important; border-color:var(--nv-glass-rim)!important; box-shadow:var(--nv-shadow-1); }
.nav-list button { background:rgba(255,255,255,.11); border:1px solid transparent; color:var(--nv-text); }
.nav-list button:hover,.user-chip:hover { background:var(--nv-glass-hover); color:var(--nv-heading); border-color:var(--nv-glass-rim); }
.nav-list button.active { background:var(--nv-glass-selected); color:var(--nv-heading); border-color:var(--nv-glass-rim); box-shadow:inset -3px 0 0 var(--nv-brand-orange-500),var(--nv-shadow-1); }
.advanced-nav-toggle { color:var(--nv-text-muted)!important; border-top-color:var(--nv-border)!important; }
.topbar,.bottom-nav,.hub-sibling-nav {
  background:var(--nv-glass-chrome); border-color:var(--nv-glass-rim); box-shadow:var(--nv-shadow-1);
  -webkit-backdrop-filter:blur(20px) saturate(1.15); backdrop-filter:blur(20px) saturate(1.15);
}
.global-search,.icon-btn,.mobile-menu,.mobile-search,.mini-search,.btn-secondary,
.segmented,.page-tabs,.drawer-tabs,.customer360-tabs,.project-tabs,.invoice-tabs,.invoice-tabs-v2,
.acct-tabs,.installation-tabs,.workforce-tabs,.training-tabs,.hub-return-bar {
  background:var(--nv-surface); border-color:var(--nv-border); box-shadow:var(--nv-shadow-1);
}
.global-search,.icon-btn,.mobile-menu,.mobile-search { border-color:var(--nv-glass-rim); }
.card,.section-card,.quick-launch-card,.role-hero,.role-hero-mark,.module-hub-card,
.role-quick-card,.hub-card,.acct-panel,.acct-kpi,.exec-panel,.exec-kpi,.bi-panel,
.automation-research-strip>div,.journey-card,.journey-step,.kanban-card,.team-monitor-row {
  background:linear-gradient(145deg,rgba(255,255,255,.11),transparent 64%),var(--nv-surface);
  border-color:var(--nv-glass-rim); box-shadow:var(--nv-shadow-1);
}
.role-hero { border-radius:24px; }
.quick-launch-card:hover,.module-hub-card:hover,.hub-card:hover { background:var(--nv-glass-hover); border-color:var(--nv-border-strong); }
.quick-icon,.module-hub-icon,.hub-sibling-item-icon { background:color-mix(in srgb,var(--nv-surface-muted) 84%,#59d2e1 16%); color:var(--nv-brand-teal-700); border:1px solid var(--nv-glass-rim); }
.btn-primary,.official-inbox-button,.customer-notice-primary,.nv-notices button.nv-notice-main {
  background:var(--nv-glass-primary); color:#fff; border:1px solid rgba(152,211,239,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 5px 15px rgba(11,65,98,.15);
}
.btn-primary:hover:not(:disabled),.customer-notice-primary:hover,.nv-notices button.nv-notice-main:hover { background:linear-gradient(145deg,#1d6894,#093e61); }
[data-theme=dark] .btn-primary { background:var(--nv-glass-primary); color:#fff; }
.btn-secondary:hover,.icon-btn:hover { background:var(--nv-glass-hover); }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea {
  background:var(--nv-glass-field); border-color:var(--nv-border-strong); color:var(--nv-text);
  box-shadow:inset 0 1px 2px rgba(33,85,119,.025),0 1px 0 rgba(255,255,255,.2);
}
input::placeholder,textarea::placeholder { color:var(--nv-text-soft); opacity:1; }
select option { background:color-mix(in srgb,var(--nv-bg) 100%,white); color:var(--nv-text); }
input[type=checkbox],input[type=radio] { accent-color:#087f79; }
.segmented button.active,.page-tabs button.active,.drawer-tabs button.active,.customer360-tabs button.active,
.project-tabs button.active,.acct-tabs button.active,.hub-sibling-item.active,.training-tabs button.active,
.installation-tabs button.active,.workforce-tabs button.active {
  background:var(--nv-glass-selected); color:var(--nv-glass-selected-text); border-color:rgba(225,135,57,.4);
  box-shadow:inset 0 -2px 0 var(--nv-brand-orange-500),var(--nv-shadow-1);
}
.hub-sibling-item { background:var(--nv-surface); border-color:var(--nv-glass-rim); }
.data-table th { background:var(--nv-surface-muted); color:var(--nv-text-muted); }
.data-table tbody tr:hover { background:var(--nv-glass-hover); }
.data-table td { border-color:var(--nv-border); }
.drawer-backdrop,.modal-backdrop,.command-backdrop,.team-detail-backdrop {
  background:var(--nv-glass-veil); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px);
}
.lead-drawer,.customer360-drawer,.team-detail-drawer,.create-modal,.command,.command-dialog,.command-palette,
.automation-modal,.automation-message-editor,.persian-picker,.milestone-schedule-pop,.pwa-toast,
.official-contact-dock>section,.customer-notice-panel.nv-notices {
  background:var(--nv-glass-overlay); color:var(--nv-text); border:1px solid var(--nv-glass-rim);
  box-shadow:var(--nv-shadow-3); -webkit-backdrop-filter:blur(24px) saturate(1.1); backdrop-filter:blur(24px) saturate(1.1);
}
.drawer-head,.drawer-actions,.drawer-summary,.team-detail-drawer>header,.customer360-head,.nv-notice-header {
  background:var(--nv-surface); border-color:var(--nv-border); color:var(--nv-heading);
}
.nv-notice-card { background:var(--nv-surface); border-color:var(--nv-border); }
.nv-notice-card.is-unread { background:color-mix(in srgb,var(--nv-surface) 86%,rgba(101,213,224,.27) 14%); }
.nv-notice-card.is-read { background:color-mix(in srgb,var(--nv-surface) 82%,transparent); }
.nv-notice-card-top,.nv-read-label { color:var(--nv-text-muted); }
.nv-notice-card.is-unread .nv-read-label { color:var(--nv-brand-teal-700); }
.nv-notice-reasons { color:var(--nv-warning-700); }
.nv-notice-tools button[aria-pressed=true] { background:var(--nv-glass-primary); color:#fff; }
.official-contact-toggle,.customer-notice-trigger {
  background:var(--nv-glass-chrome); color:var(--nv-heading); border:1px solid var(--nv-glass-rim);
  box-shadow:var(--nv-shadow-2); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
}
.official-contact-dock>section>header { background:var(--nv-surface-muted); color:var(--nv-heading); border-bottom:1px solid var(--nv-border); }
.official-contact-dock header button { color:var(--nv-heading); background:var(--nv-surface); border-color:var(--nv-border); }
.official-contact-list>a { background:var(--nv-surface); }
.official-contact-security { color:var(--nv-text-muted); }
.module-hub-hero,.acct-header,.exec-hero,.training-hero,.role-home-hero {
  background:linear-gradient(125deg,rgba(102,202,239,.16),transparent 66%),var(--nv-surface);
  color:var(--nv-heading); border:1px solid var(--nv-glass-rim); box-shadow:var(--nv-shadow-2);
}
:is(.module-hub-hero,.acct-header,.exec-hero,.training-hero,.role-home-hero) :is(h1,h2,h3,strong) { color:var(--nv-heading); }
:is(.module-hub-hero,.acct-header,.exec-hero,.training-hero,.role-home-hero) :is(p,small,.muted) { color:var(--nv-text-muted); }
.acct-header-meta span,.acct-header .acct-eyebrow { color:var(--nv-text-muted); }
.acct-header-controls label,.acct-header-controls>small { color:var(--nv-text-muted); }
.acct-header-controls .btn { background:var(--nv-surface); color:var(--nv-text); border-color:var(--nv-border); }
.module-hub-hero-note,.module-hub-count,.module-hub-toolbar { background:var(--nv-surface); border-color:var(--nv-glass-rim); color:var(--nv-text); }
.module-hub-count span { color:var(--nv-text-muted); }
.module-hub-hero .eyebrow { color:var(--nv-brand-teal-700); }
.module-hub-card.featured { background:linear-gradient(145deg,rgba(244,122,33,.08),transparent 72%),var(--nv-surface); }
/* Feature headers and help popovers previously carried their own solid palettes. */
:is(.instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero,.exec-command-header) {
  background:linear-gradient(125deg,rgba(102,202,239,.16),transparent 66%),var(--nv-surface);
  color:var(--nv-heading); border:1px solid var(--nv-glass-rim); box-shadow:var(--nv-shadow-2);
}
:is(.instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero,.exec-command-header) :is(h1,h2,h3,strong,b) { color:var(--nv-heading); }
:is(.instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero,.exec-command-header,.training-hero) :is(p,small,span,em,label) { color:var(--nv-text-muted); }
:is(.instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero,.exec-command-header,.training-hero) .btn-secondary { background:var(--nv-surface); border-color:var(--nv-border); color:var(--nv-text); }
:is(.instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero,.exec-command-header,.training-hero) .btn-primary { background:var(--nv-glass-primary); color:#fff; }
:is(.instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero,.exec-command-header,.training-hero) .btn-primary :is(span,strong) { color:#fff; }
.role-coach-card,.learning-assist-bubble,.chat-live-toast,.call-live-toast,.nv-notice-toast,.navatel-supervision-panel,.navatel-agent-panel,.navatel-voicemail-panel {
  background:var(--nv-glass-overlay); color:var(--nv-text); border-color:var(--nv-glass-rim); box-shadow:var(--nv-shadow-3);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
}
.role-coach-card :is(p,span,small),.learning-assist-bubble :is(p,small),.role-coach-task span,.role-coach-card footer>span { color:var(--nv-text-muted); }
.role-coach-card :is(strong,b),.role-coach-task b { color:var(--nv-heading); }
.role-coach-card header button,body .role-coach-card footer .btn-secondary { color:var(--nv-text); background:var(--nv-surface); border-color:var(--nv-border); }
.learning-assist-bubble:after { background:var(--nv-glass-overlay); }
.login-shell { background:var(--nv-glass-canvas); }
.login-brand { background:var(--nv-surface); color:var(--nv-heading); border:1px solid var(--nv-glass-rim); }
.login-brand h1 { color:var(--nv-heading); }
.login-brand p { color:var(--nv-text-muted); }
.login-brand .eyebrow { color:var(--nv-brand-teal-700); }
.login-points span { background:var(--nv-surface); border-color:var(--nv-border); color:var(--nv-text); }
.login-glow { background:rgba(244,122,33,.11); }
.login-panel { background:var(--nv-glass-overlay); border:1px solid var(--nv-glass-rim); box-shadow:var(--nv-shadow-3); }
/* Standalone embedded workspaces share the same tokens without a React dependency. */
html[data-nv-console] { color-scheme:light; font-family:IRANYekan,IranYekan,Tahoma,Arial,sans-serif; }
html[data-nv-console][data-theme=dark] { color-scheme:dark; }
[data-nv-console] body { color:var(--nv-text); }
[data-nv-console] :is(.hero,.card,.panel,.project,.installer,.ops-kpis article,.kpis article,.kpi,.tw-member,.tw-box,.tw-kpis button,.tw-form,.tw-guide,.import-box,.shipment-card,.shipment,.tracking-entry,.public-references,.logistics-quick-start li) {
  background:var(--nv-surface); color:var(--nv-text); border-color:var(--nv-glass-rim); box-shadow:var(--nv-shadow-1);
}
[data-nv-console] .hero :is(h1,h2,strong) { color:var(--nv-heading); }
[data-nv-console] .hero p,[data-nv-console] .hero .pill { color:var(--nv-text-muted); }
[data-nv-console] .hero .pill { background:var(--nv-surface); border-color:var(--nv-border); }
[data-nv-console] .hero>div>span { color:var(--nv-brand-teal-700); }
[data-nv-console] .eyebrow { color:var(--nv-brand-teal-700); }
[data-nv-console] .pill { color:var(--nv-brand-teal-700); background:var(--nv-surface-muted); border-color:var(--nv-border); }
[data-nv-console] .message.error { background:var(--nv-danger-50); color:var(--nv-danger-700); border-color:var(--nv-border); }
[data-nv-console] .message.ok { background:var(--nv-success-50); color:var(--nv-success-700); border-color:var(--nv-border); }
[data-nv-console] .message.warn { background:var(--nv-warning-50); color:var(--nv-warning-700); border-color:var(--nv-border); }
[data-nv-console] .tabs { background:var(--nv-glass-chrome); border:1px solid var(--nv-glass-rim); border-radius:16px; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
[data-nv-console] :is(.tabs button,.btn,.team-list button,.filters button,.tw-filters button,.stepper button) { background:var(--nv-surface); color:var(--nv-text); border-color:var(--nv-border); }
[data-nv-console] :is(.filters>button,.actions>button,dialog button,.tracking-entry button) { background:var(--nv-surface); color:var(--nv-text); border-color:var(--nv-border); }
[data-nv-console] button.primary { background:var(--nv-glass-primary)!important; color:#fff!important; border-color:rgba(100,169,205,.5)!important; }
[data-nv-console] :is(.tabs button.active,.filters button.active,.tw-filters button.active,.team-list button.active) { background:var(--nv-glass-selected); color:var(--nv-glass-selected-text); border-color:rgba(225,135,57,.45); }
[data-nv-console] :is(.btn.primary,.btn.guide) { background:var(--nv-glass-primary); color:#fff; border-color:rgba(100,169,205,.5); }
[data-nv-console] :is(.table,.table-wrap,.messages,.tw-messages,.tw-path article,.tw-job,.tw-progress,.preview,.drop,.tw-empty,.tw-choices label) { background:var(--nv-surface-muted); border-color:var(--nv-border); }
[data-nv-console] :is(.meta>div,.tracking-entry li,.route,.tracking-entry,.public-references) { background:var(--nv-surface-muted); color:var(--nv-text); border-color:var(--nv-border); }
[data-nv-console] :is(table,td) { background:transparent; border-color:var(--nv-border); }
[data-nv-console] th { background:var(--nv-glass-overlay); color:var(--nv-heading); border-color:var(--nv-border); }
[data-nv-console] :is(h1,h2,h3,.tw-path b,.tw label,.tw-kpis strong,.ops-kpis strong) { color:var(--nv-heading); }
[data-nv-console] :is(.muted,.tw-muted,.tw-member small,.tw-form small,.tw-path p,.tw-job small,.tw-footer,.kpi small,.stock-note) { color:var(--nv-text-muted); }
[data-nv-console] :is(.kpis small,.kpis b,.shipment small,.empty,.toolbar p) { color:var(--nv-text-muted); }
[data-nv-console] main>header:not(.tw-header) { background:var(--nv-surface); color:var(--nv-heading); border:1px solid var(--nv-glass-rim); box-shadow:var(--nv-shadow-1); }
[data-nv-console] main>header :is(p,span) { color:var(--nv-text-muted); }
[data-nv-console] dialog { background:var(--nv-glass-overlay); color:var(--nv-text); border:1px solid var(--nv-glass-rim); box-shadow:var(--nv-shadow-3); -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px); }
[data-nv-console] dialog::backdrop { background:var(--nv-glass-veil); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); }
[data-nv-console] .tour-card { background:var(--nv-glass-overlay); color:var(--nv-text); border:1px solid var(--nv-glass-rim); -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px); }
/* Avoid expensive nested blurs on mobile and preserve readable non-glass fallbacks. */
@media(max-width:767px) {
  body { background-attachment:scroll; }
  .sidebar { background:var(--nv-glass-overlay); }
  .sidebar.open { z-index:1200; }
  .sidebar.open + .mobile-sidebar-backdrop { z-index:1190; }
  .topbar,.bottom-nav { -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
  .role-hero { border-radius:20px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .sidebar,.topbar,.bottom-nav,.hub-sibling-nav,.customer-notice-panel.nv-notices,.lead-drawer,.create-modal,.official-contact-dock>section { background:var(--nv-surface-raised); }
}
@media(prefers-reduced-transparency:reduce) {
  :root { --nv-surface:#f8fcff; --nv-surface-muted:#edf5fa; --nv-glass-chrome:#eaf5fb; --nv-glass-overlay:#f5faff; --nv-glass-field:#fff; }
  [data-theme=dark] { --nv-surface:#14314a; --nv-surface-muted:#183b54; --nv-glass-chrome:#102c43; --nv-glass-overlay:#112f48; --nv-glass-field:#16394f; }
  .sidebar,.topbar,.bottom-nav,.hub-sibling-nav,.lead-drawer,.create-modal,.official-contact-dock>section,.customer-notice-panel.nv-notices { -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media(prefers-reduced-motion:reduce) { .quick-launch-card,.nav-list button,.card,.btn { transition:none; } }
@media print {
  :root,[data-theme=dark] { --nv-bg:#fff; --nv-surface:#fff; --nv-surface-muted:#f4f4f4; --nv-text:#111; --nv-heading:#111; --nv-text-muted:#444; --nv-text-soft:#555; --nv-border:#bbb; }
  body,.card,.section-card,.acct-panel,.acct-header { background:#fff!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; color:#111; }
  .official-contact-dock,.customer-notice-trigger,.customer-notice-panel,.bottom-nav { display:none!important; }
}

/* Liquid glass material v20261014.2. Surface alpha never fades text or icons.
   The wallpaper is static; only small foreground surfaces use backdrop blur. */
@media screen {
  :root {
    --nv-bg: transparent;
    --nv-surface: rgba(255,255,255,.16);
    --nv-surface-muted: rgba(235,250,255,.09);
    --nv-surface-raised: rgba(244,253,255,.38);
    --nv-heading: #062b49;
    --nv-text: #123950;
    --nv-text-muted: #284f68;
    --nv-text-soft: #365d74;
    --nv-border: rgba(255,255,255,.54);
    --nv-border-strong: rgba(255,255,255,.86);
    --nv-glass-rim: rgba(255,255,255,.88);
    --nv-glass-chrome: rgba(235,251,255,.16);
    --nv-glass-overlay: rgba(239,251,255,.42);
    --nv-glass-field: rgba(255,255,255,.18);
    --nv-glass-hover: rgba(255,255,255,.30);
    --nv-glass-selected: rgba(255,235,213,.22);
    --nv-glass-selected-text: #65390e;
    --nv-glass-primary: linear-gradient(145deg,rgba(7,93,148,.76),rgba(3,49,91,.83));
    --nv-glass-veil: rgba(13,48,75,.12);
    --nv-glass-reflection: linear-gradient(135deg,rgba(255,255,255,.23),rgba(255,255,255,.035) 36%,transparent 58%,rgba(255,255,255,.12));
    --nv-shadow-1: inset 0 1px 0 rgba(255,255,255,.92),inset 1px 0 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(23,93,126,.12),0 5px 18px rgba(21,78,112,.07);
    --nv-shadow-2: inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(27,86,119,.16),0 9px 28px rgba(15,71,109,.12);
    --nv-shadow-3: inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(22,75,107,.16),0 22px 60px rgba(6,40,73,.23);
    --nv-glass-wallpaper: url('/images/liquid-azure-20261014.webp');
    --nv-glass-canvas: var(--nv-glass-wallpaper);
    --nv-brand-navy-100: rgba(49,103,146,.12); --nv-brand-navy-50: rgba(96,153,191,.07);
    --nv-brand-teal-100: rgba(8,145,144,.16); --nv-brand-teal-50: rgba(8,145,144,.08);
    --nv-brand-orange-100: rgba(242,155,55,.20); --nv-brand-orange-50: rgba(242,155,55,.10);
    --nv-neutral-100: rgba(85,130,160,.10); --nv-neutral-50: rgba(144,180,203,.06);
    --nv-success-100: rgba(11,132,91,.16); --nv-success-50: rgba(11,132,91,.09);
    --nv-warning-100: rgba(202,139,23,.19); --nv-warning-50: rgba(202,139,23,.10);
    --nv-danger-100: rgba(194,59,59,.18); --nv-danger-50: rgba(194,59,59,.10);
    --nv-info-100: rgba(37,99,185,.16); --nv-info-50: rgba(37,99,185,.08);
    --surface: var(--nv-surface); --surface-soft: var(--nv-surface-muted); --surface-2: var(--nv-surface-muted);
    --surface-alt: var(--nv-surface-muted); --surface-elevated: var(--nv-surface-raised);
    --panel: var(--nv-surface); --panel2: var(--nv-surface-muted); --card: var(--nv-surface);
    --background: var(--nv-surface); --foreground: var(--nv-text); --soft: var(--nv-surface-muted);
    --warning-soft: var(--nv-warning-50); --success-soft: var(--nv-success-50); --primary-soft: var(--nv-brand-teal-50);
  }
  html[data-theme=dark] {
    --nv-heading:#f1fbff; --nv-text:#e4f5ff; --nv-text-muted:#c4e1f1; --nv-text-soft:#b8d5e6;
    --nv-surface:rgba(5,31,54,.21); --nv-surface-muted:rgba(6,38,60,.13); --nv-surface-raised:rgba(5,27,49,.54);
    --nv-glass-chrome:rgba(5,25,46,.23); --nv-glass-overlay:rgba(4,24,45,.58); --nv-glass-field:rgba(4,29,49,.27);
    --nv-glass-hover:rgba(109,196,234,.18); --nv-glass-selected:rgba(130,206,244,.19); --nv-glass-selected-text:#ffe1bb;
    --nv-border:rgba(197,235,255,.25); --nv-border-strong:rgba(212,243,255,.52); --nv-glass-rim:rgba(213,242,255,.43);
    --nv-glass-veil:rgba(0,13,29,.21);
    --nv-glass-reflection:linear-gradient(135deg,rgba(199,238,255,.15),rgba(154,219,255,.025) 38%,transparent 60%,rgba(169,226,255,.07));
    --nv-glass-canvas:linear-gradient(rgba(2,22,43,.68),rgba(2,22,43,.68)),var(--nv-glass-wallpaper);
    --nv-shadow-1:inset 0 1px 0 rgba(222,245,255,.35),inset 0 -1px 0 rgba(0,17,35,.22),0 6px 20px rgba(0,16,35,.11);
    --nv-shadow-2:inset 0 1px 0 rgba(222,245,255,.42),inset 0 -1px 0 rgba(0,17,35,.24),0 12px 34px rgba(0,12,29,.20);
    --nv-shadow-3:inset 0 1px 0 rgba(222,245,255,.48),0 24px 64px rgba(0,8,24,.36);
  }
  html { background:#c8e7f5; }
  html[data-theme=dark] { background:#061f36; }
  body,.login-shell {
    background-color:transparent!important;
    background-image:var(--nv-glass-canvas)!important;
    background-size:cover!important;
    background-position:center!important;
    background-attachment:fixed!important;
    background-repeat:no-repeat!important;
  }
  .app-shell,.main-shell,.content,.boot-screen,.core-console-frame,.supplier-workspace-frame,
  .logistics-workspace-frame,.role-aware-shell[data-training-mode=true] .content { background:transparent!important; }
  .page-ident .page-breadcrumb { flex-direction:row;flex-wrap:nowrap;gap:4px;margin-top:1px;line-height:1.35;white-space:nowrap; }
  .page-ident .page-breadcrumb :is(button,b) { font-size:10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .sidebar,.topbar,.bottom-nav,.hub-sibling-nav,
  [data-nv-console] .tabs {
    background:var(--nv-glass-reflection),var(--nv-glass-chrome)!important;
    border-color:var(--nv-glass-rim)!important;
    box-shadow:var(--nv-shadow-2);
    -webkit-backdrop-filter:blur(10px) saturate(1.16);backdrop-filter:blur(10px) saturate(1.16);
  }
  .card,.section-card,.quick-launch-card,.role-hero,.module-hub-card,.hub-card,.role-quick-card,
  .acct-panel,.acct-kpi,.exec-panel,.exec-kpi,.exec-kpi-card,.bi-panel,.journey-card,.journey-step,
  .kanban-card,.customer-directory-card,.customer360-guide,.training-section,.training-rule-grid article,
  .training-kpi-grid article,.training-role-map,.training-customer-list,.training-customer-detail,
  .team-monitor-row,.call-grid,.runs-layout,.login-panel,.login-brand,.automation-research-strip>div,
  .module-hub-hero,.module-hub-toolbar,.role-home-hero,.acct-header,.exec-hero,.exec-command-header,
  .instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero,.training-hero,
  [data-nv-console] :is(.hero,.card,.panel,.project,.installer,.ops-kpis article,.kpis article,.kpi,.tw-member,.tw-box,.tw-kpis button,.tw-form,.tw-guide,.import-box,.shipment-card,.shipment,.tracking-entry,.public-references,.logistics-quick-start li) {
    background:var(--nv-glass-reflection),var(--nv-surface)!important;
    border-color:var(--nv-glass-rim)!important;
    box-shadow:var(--nv-shadow-1);
    -webkit-backdrop-filter:blur(6px) saturate(1.13);backdrop-filter:blur(6px) saturate(1.13);
  }
  /* A nested fixed dialog must stay relative to the viewport, not a blurred card. */
  :is(.card,.acct-panel,.section-card,.training-section):has(.modal-backdrop,.drawer-backdrop,.training-modal-backdrop) {
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .role-hero-mark,.module-hub-count,.module-hub-hero-note,.quick-icon,.module-hub-icon,
  .hub-sibling-item-icon,.capability-strip,.capability-item,.login-points span,.workspace-chip,
  .global-search,.icon-btn,.mobile-menu,.mobile-search,.mini-search,.btn-secondary,.segmented,
  .page-tabs,.drawer-tabs,.customer360-tabs,.project-tabs,.invoice-tabs,.invoice-tabs-v2,.acct-tabs,
  .installation-tabs,.workforce-tabs,.training-tabs,.hub-return-bar,.hub-sibling-item,.kanban-col,
  .proposal-source-card,.proposal-step-nav button,.proposal-input-note,.proposal-mini-kpis>div,
  .proposal-kpi-grid>div,.proposal-list>button,.proposal-step-actions,.navatel-health,.navatel-health>span,
  .voicemail-list>div,.agent-map-list span,.team-live-preview>aside,.team-live-preview>aside span.active,
  .inbox-shell,.inbox-list,.context-pane,.thread-pane,.message-stream,.composer,
  [data-nv-console] :is(.table,.table-wrap,.messages,.tw-messages,.tw-path article,.tw-job,.tw-progress,.preview,.drop,.tw-empty,.tw-choices label,.security,.notice,.bubble,.stepper button),
  .nv-import-result,.nv-import-result .nv-scroll {
    background:var(--nv-glass-reflection),var(--nv-surface-muted)!important;
    color:var(--nv-text);border-color:var(--nv-border);box-shadow:var(--nv-shadow-1);
  }
  /* Nested layers stay clear: they do not accumulate another heavy blur. */
  :is(.card,.section-card,.acct-panel,.exec-panel,.tw-box,.panel,.login-panel) :is(.card,.section-card,.tw-box,.panel,.tw-member,.project,.kpi,.nv-import-result) {
    -webkit-backdrop-filter:none;backdrop-filter:none;background:var(--nv-surface-muted)!important;
  }
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,
  html[data-theme=dark] select,.proposal-product-action select,.nv-import-controls select,.nv-import-controls input {
    background:var(--nv-glass-field)!important;color:var(--nv-text)!important;border-color:var(--nv-border-strong);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(12,71,109,.10);
  }
  .global-search input,.mini-search input,.command-input input { background:transparent!important;box-shadow:none; }
  /* Native OS option lists need their own legible backing; browser popup compositing is external. */
  select option { background:#e3f2fa!important;color:#123950!important; }
  html[data-theme=dark] select option { background:#12334d!important;color:#effaff!important; }
  .btn-primary,.official-inbox-button,.customer-notice-primary,.nv-notices button.nv-notice-main,
  .training-hero-actions .btn-primary,[data-nv-console] :is(button.primary,.btn.primary,.btn.guide) {
    background:var(--nv-glass-reflection),var(--nv-glass-primary)!important;color:#fff!important;
    border-color:rgba(231,249,255,.72)!important;box-shadow:var(--nv-shadow-2);
  }
  .btn-primary:hover:not(:disabled),.customer-notice-primary:hover,.nv-notices button.nv-notice-main:hover {
    background:linear-gradient(145deg,rgba(27,110,161,.78),rgba(8,64,105,.85))!important;
  }
  .nav-list button { background:transparent!important;box-shadow:none; }
  .nav-list button.active,.nav-list button:hover,.hub-sibling-item.active,
  :is(.segmented,.page-tabs,.drawer-tabs,.customer360-tabs,.project-tabs,.invoice-tabs,.invoice-tabs-v2,.acct-tabs,.workforce-tabs,.training-tabs,.installation-tabs,.proposal-step-nav,.acct-report-switch,.exec-range-switch) button.active,
  [data-nv-console] :is(.tabs button.active,.filters button.active,.tw-filters button.active,.team-list button.active) {
    background:var(--nv-glass-reflection),var(--nv-glass-selected)!important;color:var(--nv-heading)!important;
    border-color:var(--nv-glass-rim)!important;box-shadow:inset -2px 0 0 rgba(246,141,41,.8),var(--nv-shadow-1);
  }
  .data-table,.data-table tr,.data-table td,.nv-import-result table,.nv-import-result td { background:transparent!important;color:var(--nv-text); }
  .data-table th,.data-table th:first-child,.acct-table th,.invoice-lines-table th,.training-documents th,.training-document-preview th,
  [data-nv-console] th,.nv-import-result th {
    background:var(--nv-glass-reflection),var(--nv-surface-muted)!important;color:var(--nv-heading)!important;
  }
  .data-table td:first-child { background:var(--nv-surface-muted)!important; }
  .data-table tbody tr:hover,.quick-launch-card:hover,.module-hub-card:hover,.hub-card:hover,.proposal-list>button:hover {
    background:var(--nv-glass-hover)!important;
  }
  .lead-drawer,.customer360-drawer,.team-detail-drawer,.create-modal,.command,.command-dialog,.command-palette,
  .automation-modal,.automation-message-editor,.persian-picker,.milestone-schedule-pop,.pwa-toast,.pwa-install-card,
  .official-contact-dock>section,.customer-notice-panel.nv-notices,.nv-notices,.role-coach-card,.learning-assist-bubble,
  .chat-live-toast,.call-live-toast,.nv-notice-toast,.navatel-supervision-panel,.navatel-agent-panel,.navatel-voicemail-panel,
  .training-document-preview,[data-nv-console] :is(dialog,.tour-card) {
    background:var(--nv-glass-reflection),var(--nv-glass-overlay)!important;
    color:var(--nv-text);border-color:var(--nv-glass-rim)!important;box-shadow:var(--nv-shadow-3);
    -webkit-backdrop-filter:blur(16px) saturate(1.18);backdrop-filter:blur(16px) saturate(1.18);
  }
  .drawer-head,.drawer-actions,.drawer-summary,.customer360-head,.customer360-actions,.nv-notice-header,
  .create-modal>.modal-head,.create-modal>.modal-actions,.team-detail-drawer>header,
  .official-contact-dock>section>header,.training-document-preview>header,.invoice-sticky-actions,.invoice-primary-actions,
  .acct-header-controls .btn,.exec-command-controls>.btn {
    background:var(--nv-surface-muted)!important;color:var(--nv-heading);border-color:var(--nv-border);
  }
  .drawer-backdrop,.modal-backdrop,.command-backdrop,.team-detail-backdrop,.training-modal-backdrop,
  .persian-picker-backdrop,[data-nv-console] .tour-backdrop,.mobile-sidebar-backdrop {
    background:var(--nv-glass-veil)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  }
  .nv-notice-card,.nv-notice-card.is-unread,.nv-notice-context,.official-contact-list>a,
  .nv-notices button:not(.nv-notice-main),.nv-priority,.invoice-card-number,.invoice-step>span,
  .invoice-friendly-warning,.invoice-friendly-warning>span,.proposal-step-nav button b,.invoice-friendly-status {
    background:var(--nv-surface)!important;color:var(--nv-text);border-color:var(--nv-border);
  }
  .nv-notice-card.is-unread { box-shadow:inset -3px 0 0 rgba(6,119,139,.7),var(--nv-shadow-1); }
  .nv-notice-card.is-read { background:var(--nv-surface-muted)!important; }
  .nv-priority.urgent,.invoice-friendly-warning.danger,.invoice-friendly-status.danger { background:var(--nv-danger-100)!important; }
  .nv-priority.important,.invoice-friendly-warning.warning,.invoice-friendly-status.warning { background:var(--nv-warning-100)!important; }
  .nv-priority.normal,.invoice-step.done>span,.invoice-friendly-status.ok { background:var(--nv-success-100)!important; }
  .official-contact-toggle,.customer-notice-trigger,.nv-notice-trigger {
    background:var(--nv-glass-reflection),var(--nv-glass-chrome)!important;color:var(--nv-heading);
    border-color:var(--nv-glass-rim);box-shadow:var(--nv-shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  }
  :is(.proposal-source-card,.proposal-step-nav,.proposal-list,.navatel-health,.training-document-preview) :is(h1,h2,h3,strong,b) { color:var(--nv-heading); }
  :is(.proposal-source-card,.proposal-step-nav,.proposal-list,.navatel-health,.training-document-preview) :is(p,small,label) { color:var(--nv-text-muted); }
  .nv-import-result,.nv-import-result table,.nv-import-result small { color:var(--nv-text)!important; }
  .nv-import-result .nv-errors { background:var(--nv-danger-50);color:var(--nv-danger-700); }
  [data-nv-console] :is(section.search,section.message,.tw-alert) {
    background:var(--nv-glass-reflection),var(--nv-surface-muted)!important;color:var(--nv-text);border-color:var(--nv-glass-rim);box-shadow:var(--nv-shadow-1);
  }
  [data-nv-console] section.search button { background:var(--nv-glass-reflection),var(--nv-glass-primary)!important;color:#fff;box-shadow:var(--nv-shadow-1); }
  [data-nv-console] .tw-alert.error { background:var(--nv-danger-50)!important;color:var(--nv-danger-700); }
  .invoice-big-total,.training-document-preview>header { background:var(--nv-glass-primary)!important;color:#fff; }
  .training-document-preview>header :is(h1,h2,h3,strong,b,p,small,span) { color:#fff; }
  .sidebar-brand img,.login-brand img { background:rgba(255,255,255,.25); }
  .login-brand:after { opacity:.25; }
  .login-glow { display:none; }
  :focus-visible { outline:2px solid #086d91;outline-offset:3px; }
  html[data-theme=dark] :focus-visible { outline-color:#a9e4ff; }
  @media(max-width:767px) {
    [data-nv-console] :is(.wrap>*,.panel,.imports,.import-box,.table-wrap,.table) { min-width:0;max-width:100%; }
    [data-nv-console] .panel-head { flex-wrap:wrap; }
    [data-nv-console] .panel-head>div { min-width:0;overflow-wrap:anywhere; }
    .sidebar.open { background:var(--nv-glass-reflection),var(--nv-glass-overlay)!important; }
    .sidebar,.topbar,.bottom-nav { -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
    .card,.section-card,.quick-launch-card,.module-hub-card,.role-hero,[data-nv-console] :is(.card,.panel,.tw-box) {
      -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
    }
  }
  @media(prefers-reduced-transparency:reduce) {
    :root { --nv-surface:rgba(243,251,255,.80);--nv-surface-muted:rgba(234,247,255,.78);--nv-glass-overlay:rgba(243,251,255,.91);--nv-glass-field:rgba(249,253,255,.85); }
    html[data-theme=dark] { --nv-surface:rgba(7,32,52,.82);--nv-surface-muted:rgba(7,32,52,.78);--nv-glass-overlay:rgba(7,29,49,.93);--nv-glass-field:rgba(7,29,49,.87); }
    .card,.section-card,.module-hub-card,.sidebar,.topbar,.bottom-nav { -webkit-backdrop-filter:none;backdrop-filter:none; }
  }
}

/* Accepted concepts: pearl day / graphite crystal night, 2026-10-15.
   Material opacity belongs to backgrounds, never to content or controls. */
@media screen {
  :root {
    color-scheme:light;
    --nv-bg:#e9edf0;
    --nv-heading:#10284b;--nv-text:#253b57;--nv-text-muted:#526681;--nv-text-soft:#62758c;
    --nv-surface:rgba(255,255,255,.77);--nv-surface-muted:rgba(237,243,248,.52);--nv-surface-raised:rgba(255,255,255,.93);
    --nv-glass-chrome:rgba(247,250,252,.59);--nv-glass-overlay:rgba(249,251,253,.93);--nv-glass-field:rgba(255,255,255,.65);
    --nv-glass-hover:rgba(255,255,255,.88);--nv-glass-selected:rgba(255,255,255,.74);--nv-glass-selected-text:#087c82;
    --nv-border:rgba(110,137,162,.18);--nv-border-strong:rgba(113,143,168,.37);--nv-glass-rim:rgba(255,255,255,.79);
    --nv-glass-veil:rgba(25,42,61,.26);
    --nv-glass-primary:linear-gradient(145deg,rgba(13,165,166,.94),rgba(4,112,127,.96));
    --nv-glass-reflection:linear-gradient(130deg,rgba(255,255,255,.16),rgba(255,255,255,.015) 43%,transparent 68%);
    --nv-glass-wallpaper:url('/images/crm-alpine-day-20261015.webp');--nv-glass-canvas:var(--nv-glass-wallpaper);
    --nv-sidebar-glass:rgba(250,252,253,.71);--nv-table-glass:rgba(250,252,254,.56);--nv-chart-accent:#079b9e;
    --nv-brand-teal-700:#087d82;--nv-brand-teal-600:#07989c;--nv-focus:#078b92;
    --nv-glass-shadow-color:rgba(27,54,78,.065);
    --nv-shadow-1:inset 0 1px 0 rgba(255,255,255,.88),0 4px 16px var(--nv-glass-shadow-color);
    --nv-shadow-2:inset 0 1px 0 rgba(255,255,255,.9),0 8px 26px rgba(30,55,77,.09);
    --nv-shadow-3:inset 0 1px 0 rgba(255,255,255,.94),0 22px 70px rgba(17,38,60,.22);
  }
  html[data-theme=dark] {
    color-scheme:dark;
    --nv-bg:#151e27;
    --nv-heading:#f3f6fb;--nv-text:#e0e7ef;--nv-text-muted:#b9c7d8;--nv-text-soft:#a8bbcf;
    --nv-surface:rgba(42,55,68,.72);--nv-surface-muted:rgba(64,81,99,.30);--nv-surface-raised:rgba(35,47,60,.96);
    --nv-glass-chrome:rgba(30,42,54,.57);--nv-glass-overlay:rgba(30,42,55,.94);--nv-glass-field:rgba(79,98,119,.32);
    --nv-glass-hover:rgba(83,104,129,.48);--nv-glass-selected:rgba(99,145,193,.29);--nv-glass-selected-text:#c1e2ff;
    --nv-border:rgba(188,210,231,.16);--nv-border-strong:rgba(183,208,231,.34);--nv-glass-rim:rgba(189,214,239,.26);
    --nv-glass-veil:rgba(3,10,19,.55);
    --nv-glass-primary:linear-gradient(145deg,rgba(89,133,176,.69),rgba(27,63,103,.92));
    --nv-glass-reflection:linear-gradient(135deg,rgba(210,232,255,.085),rgba(162,191,223,.015) 45%,transparent 72%);
    --nv-glass-wallpaper:url('/images/crm-rainy-night-20261015.webp');--nv-glass-canvas:var(--nv-glass-wallpaper);
    --nv-sidebar-glass:rgba(15,24,32,.78);--nv-table-glass:rgba(24,36,48,.46);--nv-chart-accent:#8cc7ff;
    --nv-brand-teal-700:#a2d5ff;--nv-brand-teal-600:#84c7ff;--nv-focus:#a4d4ff;
    --nv-brand-teal-50:rgba(86,154,218,.13);--nv-brand-teal-100:rgba(86,154,218,.22);
    --nv-neutral-800:#c5d3e2;--nv-neutral-100:rgba(161,184,207,.13);
    --nv-success-700:#83e5b2;--nv-success-50:rgba(44,181,120,.14);--nv-success-100:rgba(44,181,120,.22);
    --nv-warning-700:#ffc578;--nv-warning-50:rgba(224,146,53,.13);--nv-warning-100:rgba(224,146,53,.22);
    --nv-danger-700:#ffb2bb;--nv-danger-50:rgba(222,91,113,.13);--nv-danger-100:rgba(222,91,113,.22);
    --nv-info-700:#a0d3ff;--nv-info-50:rgba(76,148,224,.13);--nv-info-100:rgba(76,148,224,.22);
    --nv-glass-shadow-color:rgba(0,6,14,.13);
    --nv-shadow-1:inset 0 1px 0 rgba(207,228,248,.13),0 4px 16px var(--nv-glass-shadow-color);
    --nv-shadow-2:inset 0 1px 0 rgba(207,228,248,.2),0 8px 28px rgba(0,7,15,.22);
    --nv-shadow-3:inset 0 1px 0 rgba(207,228,248,.22),0 22px 70px rgba(0,5,12,.45);
  }
  html { background:var(--nv-bg); }
  html[data-theme=dark] { background:var(--nv-bg); }
  body,.login-shell { background-position:center center!important; }
  .sidebar {
    background:var(--nv-glass-reflection),var(--nv-sidebar-glass)!important;
    border-inline-start:1px solid var(--nv-glass-rim);box-shadow:inset 1px 0 0 var(--nv-glass-rim);
    -webkit-backdrop-filter:blur(20px) saturate(1.05);backdrop-filter:blur(20px) saturate(1.05);
  }
  .sidebar-brand { padding-bottom:18px; }
  .sidebar-brand strong { color:var(--nv-heading);letter-spacing:.035em; }
  .sidebar-brand img { background:rgba(255,255,255,.86);box-shadow:none;border-radius:12px; }
  .workspace-chip { box-shadow:none;background:var(--nv-surface-muted)!important;border-color:var(--nv-border)!important; }
  .nav-list { gap:6px; }
  .nav-list button { border:1px solid transparent;min-height:46px;height:auto;padding-block:11px; }
  .nav-list button.active {
    color:var(--nv-glass-selected-text)!important;
    box-shadow:inset -3px 0 0 var(--nv-chart-accent),inset 0 1px 0 var(--nv-glass-rim),0 3px 12px var(--nv-glass-shadow-color)!important;
  }
  .nav-list button:hover:not(.active) { background:var(--nv-surface-muted)!important;box-shadow:none!important; }
  .nav-dot { background:var(--nv-chart-accent); }
  .user-chip { background:var(--nv-surface-muted);border:1px solid var(--nv-border); }
  .avatar { background:var(--nv-brand-teal-100);color:var(--nv-brand-teal-700);border:1px solid var(--nv-border); }
  .topbar { box-shadow:none;border-bottom:1px solid var(--nv-border); }
  @media(min-width:768px) {
    .topbar { grid-template-columns:minmax(120px,.65fr) minmax(170px,1fr) auto;gap:14px;padding-inline:24px; }
    .topbar .top-actions { min-width:0; }
    .topbar .global-search { min-width:0;width:100%; }
    .topbar .page-ident-copy { min-width:0; }
  }
  .global-search,.mobile-search { background:var(--nv-glass-reflection),var(--nv-glass-field)!important;border-color:var(--nv-glass-rim); }
  .card,.section-card,.module-hub-card,.hub-card,.exec-panel,.exec-kpi-card,.quick-launch-card,.role-hero,
  [data-nv-console] :is(.panel,.card,.hero,.tw-box) { border-radius:16px; }
  .page-stack { gap:18px; }
  .card:hover { transform:none; }
  .kpi:after { width:3px;opacity:.65; }
  .role-kpis .home-kpi-button:nth-child(4n+1) .card,.exec-kpi-card:nth-child(4n+1) { background:linear-gradient(125deg,rgba(8,166,167,.075),transparent 70%),var(--nv-surface)!important; }
  .role-kpis .home-kpi-button:nth-child(4n+2) .card,.exec-kpi-card:nth-child(4n+2) { background:linear-gradient(125deg,rgba(121,104,217,.065),transparent 70%),var(--nv-surface)!important; }
  .role-kpis .home-kpi-button:nth-child(4n+3) .card,.exec-kpi-card:nth-child(4n+3) { background:linear-gradient(125deg,rgba(78,155,216,.065),transparent 70%),var(--nv-surface)!important; }
  .role-kpis .home-kpi-button:nth-child(4n+4) .card,.exec-kpi-card:nth-child(4n+4) { background:linear-gradient(125deg,rgba(224,144,97,.06),transparent 70%),var(--nv-surface)!important; }
  .data-table,.table-wrap,.customer-directory-table,.exec-salespeople {
    background:var(--nv-table-glass)!important;box-shadow:none;
  }
  .data-table td:first-child { background:transparent!important; }
  .data-table th { background:var(--nv-surface-muted)!important;color:var(--nv-text-muted)!important;border-bottom:1px solid var(--nv-border); }
  .data-table td { border-color:var(--nv-border); }
  .data-table tbody tr:hover { background:var(--nv-glass-hover)!important; }
  .role-hero,.exec-command-header,.module-hub-hero { box-shadow:none;border-color:var(--nv-border)!important; }
  .role-hero-mark { box-shadow:none; }
  .role-hero h2 { font-size:clamp(20px,2.1vw,29px);line-height:1.55; }
  .role-hero p { max-width:75ch;line-height:1.9; }
  .role-home>.role-hero { order:0;background:transparent!important;border-color:transparent!important;padding:8px 2px!important; }
  .role-home>.home-section-head { order:1;margin-bottom:0; }
  .role-home>.role-kpis { order:2; }
  .role-home>.quick-launch-grid { order:3; }
  .role-home .role-kpis,.role-home .quick-launch-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .capability-strip { align-items:center;flex-wrap:wrap;gap:10px; }
  .capability-items:empty { display:none; }
  .capability-strip .crm-channel-diagnostics { margin-inline-start:auto;flex:0 1 auto;width:auto;padding:0; }
  .quick-launch-card { box-shadow:none!important; }
  .quick-launch-card:hover { box-shadow:var(--nv-shadow-1)!important;transform:translateY(-1px); }
  .hub-return-bar,.hub-sibling-nav { box-shadow:none; }
  .quick-icon,.module-hub-icon,.exec-kpi-icon { background:var(--nv-brand-teal-50)!important;color:var(--nv-brand-teal-700);border:1px solid var(--nv-border);box-shadow:none; }
  .exec-chart-line { stroke:var(--nv-chart-accent); }
  .exec-chart-point { stroke:var(--nv-chart-accent);fill:var(--nv-surface-raised); }
  .exec-chart-area { fill:color-mix(in srgb,var(--nv-chart-accent) 14%,transparent); }
  .exec-chart-grid { stroke:var(--nv-border); }
  .exec-chart-scale,.exec-chart-labels { color:var(--nv-text-muted); }
  .exec-kpi-icon { border-radius:50%; }
  .exec-kpi-card.unavailable { opacity:1;border-style:dashed; }
  .exec-command-header .eyebrow { color:var(--nv-brand-teal-700)!important; }
  .exec-range-switch { background:var(--nv-surface-muted)!important;border-color:var(--nv-border)!important; }
  .exec-range-switch button { color:var(--nv-text-muted)!important; }
  .exec-range-switch button.active { color:var(--nv-glass-selected-text)!important; }
  :is(.page-tabs,.drawer-tabs,.customer360-tabs,.project-tabs,.invoice-tabs,.invoice-tabs-v2,.acct-tabs,.workforce-tabs,.training-tabs,.installation-tabs,.proposal-step-nav,.acct-report-switch,.exec-range-switch) button.active,
  .hub-sibling-item.active,[data-nv-console] :is(.tabs button.active,.filters button.active,.tw-filters button.active,.team-list button.active) {
    border-color:var(--nv-border-strong)!important;box-shadow:inset 0 -2px 0 var(--nv-chart-accent),var(--nv-shadow-1)!important;
  }
  .btn-primary { border-radius:13px; }
  .btn-primary:hover:not(:disabled),.customer-notice-primary:hover,.nv-notices button.nv-notice-main:hover { background:var(--nv-glass-primary)!important;filter:brightness(1.07); }
  .btn-primary:focus-visible { outline:2px solid var(--nv-focus);outline-offset:3px; }
  .nv-notice-card.is-read { box-shadow:none; }
  select option { background:#f2f6fa!important;color:#253b57!important; }
  html[data-theme=dark] select option { background:#263443!important;color:#edf4fc!important; }
  .bottom-nav button.active { color:var(--nv-brand-teal-700); }
  .capability-strip { background:var(--nv-surface-muted)!important;box-shadow:none; }
  @media(min-width:1200px) {
    .content { padding:24px; }
    .sidebar { padding-top:24px; }
    .role-home .role-hero { padding:22px 24px; }
  }
  @media(max-width:767px) {
    body { background-attachment:scroll!important; }
    .content { padding:16px 12px 110px; }
    .page-stack { gap:14px; }
    .sidebar.open { background:var(--nv-glass-reflection),var(--nv-glass-overlay)!important; }
    .role-hero { padding:18px; }
    .role-hero h2 { overflow-wrap:anywhere;font-size:21px; }
    .role-hero p { font-size:12px; }
    .role-home .role-kpis,.role-home .quick-launch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .capability-strip .crm-channel-diagnostics { flex-basis:100%; }
    .card,.section-card,.exec-kpi-card { border-radius:14px; }
    .topbar,.bottom-nav,.sidebar { -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); }
  }
  @media(max-width:380px) { .role-home .quick-launch-grid { grid-template-columns:1fr; } }
  @media(prefers-reduced-motion:reduce) { .quick-launch-card:hover { transform:none; } }
  @media(prefers-reduced-transparency:reduce) {
    :root { --nv-surface:rgba(250,252,255,.96);--nv-surface-muted:rgba(237,243,248,.94);--nv-glass-chrome:rgba(247,250,252,.96);--nv-sidebar-glass:rgba(250,252,253,.98);--nv-glass-overlay:rgba(249,251,253,.98);--nv-glass-field:rgba(255,255,255,.96); }
    html[data-theme=dark] { --nv-surface:rgba(42,55,68,.96);--nv-surface-muted:rgba(64,81,99,.94);--nv-glass-chrome:rgba(30,42,54,.96);--nv-sidebar-glass:rgba(15,24,32,.98);--nv-glass-overlay:rgba(30,42,55,.98);--nv-glass-field:rgba(59,76,95,.96); }
  }
}

/* Compact phone chrome. Content opacity stays 1; only the glass surface is translucent. */
@media screen and (max-width:767px) {
  :root { --nv-topbar:44px;--nv-mobile-nav:48px;--nv-mobile-glass:rgba(248,252,255,.38); }
  html[data-theme=dark] { --nv-mobile-glass:rgba(24,39,54,.36); }
  body { padding-bottom:calc(var(--nv-mobile-nav) + env(safe-area-inset-bottom,0px)); }
  .topbar {
    height:44px;min-height:44px;padding:0 8px;gap:6px;
    background:var(--nv-glass-reflection),var(--nv-mobile-glass)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);
  }
  .topbar .page-ident { flex:1;min-width:0; }
  .topbar .page-ident-copy,.topbar .live-pill { display:none; }
  .topbar .mobile-menu,.topbar .top-actions .icon-btn,.topbar .top-actions .btn {
    width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:11px;
  }
  .topbar .top-actions { gap:4px; }
  .topbar .top-actions svg,.topbar .mobile-menu svg { width:18px;height:18px; }
  .content { padding:8px 10px calc(96px + env(safe-area-inset-bottom,0px)); }
  .mobile-search {
    position:fixed;top:6px;inset-inline-start:52px;inset-inline-end:130px;z-index:36;
    display:flex;min-width:0;height:32px;min-height:32px;margin:0;padding:0 9px;gap:5px;border-radius:10px;
    background:var(--nv-glass-reflection),var(--nv-mobile-glass)!important;cursor:pointer;
  }
  .mobile-search svg { width:16px;height:16px;flex-shrink:0; }
  .mobile-search span { font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
  .training-shell-lock .mobile-search { inset-inline-end:90px; }

  /* Status stays visible; diagnostics expand only on request. */
  .admin-health-wrap .capability-strip {
    direction:rtl;position:relative;gap:4px 8px;margin:0 0 8px;padding:3px 8px;min-height:30px;
    border-radius:10px;font-size:10px;line-height:1.5;opacity:1;
    background:var(--nv-glass-reflection),var(--nv-mobile-glass)!important;
  }
  .capability-strip .capability-items { display:none; }
  .capability-strip .capability-overall { gap:5px; }
  .capability-strip .capability-overall strong { font-size:10px; }
  .capability-strip .crm-channel-diagnostics { flex:0 1 auto;position:static;margin-inline-start:auto; }
  .capability-strip .crm-channel-diagnostics>.btn { font-size:9px;min-height:26px;padding:3px 7px;border-radius:8px; }
  .capability-strip>small { width:auto;font-size:9px;line-height:1.5; }
  .capability-strip.is-degraded>strong { display:none; }
  .capability-strip.is-degraded>span { font-size:10px;line-height:1.6; }
  .capability-strip:has(.crm-diagnostics-body) { align-items:flex-start; }
  .capability-strip:has(.crm-diagnostics-body) .crm-channel-diagnostics { flex-basis:100%; }
  .capability-strip .crm-diagnostics-body { max-height:55dvh;overflow:auto;font-size:12px;padding:10px; }

  .bottom-nav {
    height:calc(var(--nv-mobile-nav) + env(safe-area-inset-bottom,0px));min-height:0;
    padding:0 3px env(safe-area-inset-bottom,0px);gap:0;
    background:var(--nv-glass-reflection),var(--nv-mobile-glass)!important;
    border-top:1px solid var(--nv-glass-rim);box-shadow:0 -2px 12px rgba(17,40,60,.035);
    -webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);
  }
  .bottom-nav button { min-width:0;min-height:44px;padding:3px 2px;gap:2px;font-size:9px;line-height:1.3; }
  .bottom-nav button svg { width:18px;height:18px;flex-shrink:0; }
  .bottom-nav button>span:not(.dots) { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  .bottom-nav .dots { height:18px;line-height:16px; }

  .official-contact-dock { left:10px;bottom:calc(56px + env(safe-area-inset-bottom,0px)); }
  .official-contact-toggle,.customer-notice-trigger.nv-notice-trigger {
    width:40px;height:40px;min-width:40px;min-height:40px;padding:0!important;
    display:flex;align-items:center;justify-content:center;gap:0;border-radius:14px;
    background:var(--nv-glass-reflection),var(--nv-mobile-glass)!important;
    color:var(--nv-heading)!important;border:1px solid var(--nv-glass-rim)!important;
    box-shadow:inset 0 1px 0 var(--nv-glass-rim),0 3px 12px rgba(17,40,60,.08)!important;
    -webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);
  }
  .official-contact-toggle>span { display:none; }
  .official-contact-toggle svg { width:19px;height:19px; }
  .official-contact-dock.open .official-contact-toggle { display:none; }
  .customer-notice-trigger.nv-notice-trigger {
    inset-inline-start:10px;bottom:calc(56px + env(safe-area-inset-bottom,0px))!important;
    font-size:0!important;line-height:1;
  }
  .customer-notice-trigger.nv-notice-trigger::before {
    content:"";width:20px;height:20px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .customer-notice-trigger.nv-notice-trigger strong {
    position:absolute;top:-4px;inset-inline-start:-4px;min-width:17px;height:17px;max-width:33px;
    padding:1px 4px;margin:0;border:1px solid var(--nv-glass-rim);border-radius:8px;
    font-size:9px;line-height:14px;overflow:hidden;
  }
  .customer-notice-panel.nv-notices {
    inset-inline-start:8px;width:calc(100vw - 16px);bottom:calc(102px + env(safe-area-inset-bottom,0px))!important;
    max-height:calc(100dvh - 154px - env(safe-area-inset-bottom,0px))!important;
  }
  .official-contact-dock>section { width:min(370px,calc(100vw - 20px));max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));overflow:auto; }
  .nv-notice-toast { bottom:calc(104px + env(safe-area-inset-bottom,0px));font-size:12px;padding:10px; }
  .role-coach-bubble { bottom:calc(104px + env(safe-area-inset-bottom,0px)); }

  /* Compact page introductions and module navigation, including embedded consoles. */
  .hub-sibling-nav { position:static;margin:0 0 8px;padding:5px;border-radius:12px; }
  .hub-sibling-head { padding:0 2px 4px;gap:6px; }
  .hub-sibling-head strong { font-size:10px; }
  .hub-sibling-home { width:26px;min-height:24px;height:24px; }
  .hub-sibling-track { gap:5px;padding-bottom:0;scrollbar-width:none; }
  .hub-sibling-track::-webkit-scrollbar { display:none; }
  .hub-sibling-item { flex-basis:auto;min-height:34px;padding:4px 8px;gap:5px;border-radius:9px; }
  .hub-sibling-item-icon { width:24px;height:24px;border-radius:7px; }
  .hub-sibling-item-icon svg { width:15px;height:15px; }
  .hub-sibling-item-copy strong { font-size:10px;white-space:nowrap; }
  .hub-sibling-active-dot { width:4px;height:4px;top:3px;left:3px;box-shadow:none; }
  :is(.page-title-row,.hero-row,.module-hub-hero,.exec-command-header,.role-hero) { gap:6px;margin-bottom:8px; }
  :is(.page-title-row,.hero-row,.module-hub-hero,.exec-command-header,.role-hero) :is(h1,h2) { font-size:20px;line-height:1.45;margin-block:0 4px; }
  :is(.module-hub-hero,.exec-command-header,.role-hero) { padding:10px 12px; }
  :is(.role-hero,.module-hub-hero,.exec-command-header) p { font-size:11px;line-height:1.65;margin-block:3px; }
  [data-nv-console] .shell { padding:8px 10px;gap:10px; }
  [data-nv-console] :is(.hero,.acct-header) { padding:10px;gap:6px;margin-bottom:8px;min-height:0; }
  [data-nv-console] :is(.hero,.acct-header) :is(h1,h2) { font-size:18px;line-height:1.4;margin:3px 0; }
  [data-nv-console] .hero>div>span { font-size:9px;letter-spacing:.04em; }
  [data-nv-console] .hero .pill { min-height:20px;padding:2px 6px;font-size:9px; }
  [data-nv-console] :is(.hero,.acct-header) p { font-size:11px;line-height:1.65;margin:4px 0; }
  [data-nv-console] .hero>button { min-height:34px;height:auto;padding:6px 12px;font-size:12px;border-radius:10px; }
  [data-nv-console] .logistics-quick-start { gap:10px;padding:12px; }
  [data-nv-console] .logistics-quick-start h2 { font-size:17px;line-height:1.5;margin:3px 0 0; }
  [data-nv-console] .logistics-quick-start>div span { font-size:10px; }
  [data-nv-console] .logistics-quick-start li { padding:9px 11px;gap:2px; }
  [data-nv-console] .logistics-quick-start li b { color:var(--nv-heading);font-size:12px; }
  [data-nv-console] .logistics-quick-start li small { color:var(--nv-text-muted);font-size:10px;line-height:1.6; }
}
@media screen and (max-width:767px) and (prefers-reduced-transparency:reduce) {
  :root { --nv-mobile-glass:rgba(248,252,255,.96); }
  html[data-theme=dark] { --nv-mobile-glass:rgba(24,39,54,.96); }
}

/* Page introductions share the translucent, frosted wallpaper material of Home.
   Blur belongs to the surface; headings, controls and content stay fully opaque. */
@media screen {
  :root {
    --nv-header-glass:rgba(238,246,252,.22);
    --nv-header-rim:rgba(255,255,255,.38);
    --nv-header-reflection:linear-gradient(125deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 48%,transparent 76%);
  }
  html[data-theme=dark] {
    --nv-header-glass:rgba(24,39,54,.27);
    --nv-header-rim:rgba(195,218,240,.22);
    --nv-header-reflection:linear-gradient(125deg,rgba(204,228,250,.065),rgba(175,206,236,.015) 48%,transparent 76%);
  }
  :is(.role-hero,.role-home-hero,.module-hub-hero,.exec-hero,.exec-command-header,
      .page-title-row,.hero-row,.page-hero,.acct-header,.training-hero,
      .instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero),
  .role-home>.role-hero,
  html[data-nv-console] .hero,
  html[data-nv-console] .tw-header,
  html[data-nv-console] main>header:not(.tw-header) {
    background:var(--nv-header-reflection),var(--nv-header-glass)!important;
    border-color:var(--nv-header-rim)!important;
    box-shadow:inset 0 1px 0 var(--nv-header-rim),0 3px 16px rgba(12,35,55,.035);
    -webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);
  }
  /* Plain title rows also get a surface, without affecting nested section headings. */
  :is(.page-title-row,.hero-row,.page-hero) { border:1px solid var(--nv-header-rim);border-radius:16px;padding:14px 16px; }
  html[data-nv-console] .tw-header { border:1px solid var(--nv-header-rim);border-radius:16px;padding:14px 16px; }
  .role-home>.role-hero { padding-inline:12px!important; }
  .exec-command-header::after,.module-hub-hero::after { background:none; }
  /* Fixed dialogs inside an introduction must still use the viewport. */
  :is(.role-hero,.role-home-hero,.module-hub-hero,.exec-hero,.exec-command-header,
      .page-title-row,.hero-row,.page-hero,.acct-header,.training-hero,
      .instagram-hero,.workforce-hero,.invoice-hero,.invoice-hero-v2,.proposal-hero,.commission-hero):has(.modal-backdrop,.drawer-backdrop,.training-modal-backdrop) {
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  @media(max-width:767px) {
    :is(.page-title-row,.hero-row,.page-hero) { padding:9px 10px;border-radius:12px; }
    html[data-nv-console] .tw-header { padding:9px 10px;border-radius:12px; }
    .role-home>.role-hero { padding-inline:10px!important; }
  }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    :root { --nv-header-glass:rgba(238,246,252,.88); }
    html[data-theme=dark] { --nv-header-glass:rgba(24,39,54,.89); }
  }
  @media(prefers-reduced-transparency:reduce) {
    :root { --nv-header-glass:rgba(238,246,252,.96); }
    html[data-theme=dark] { --nv-header-glass:rgba(24,39,54,.96); }
  }
}

/* Floating communication panels: strong frost, translucent color, opaque text. */
@media screen {
  :root {
    --nv-contact-frost:rgba(239,247,253,.38);
    --nv-contact-card:rgba(255,255,255,.44);
    --nv-contact-card-read:rgba(249,253,255,.25);
    --nv-contact-field:rgba(255,255,255,.48);
  }
  html[data-theme=dark] {
    --nv-contact-frost:rgba(23,38,53,.42);
    --nv-contact-card:rgba(68,88,108,.36);
    --nv-contact-card-read:rgba(68,88,108,.20);
    --nv-contact-field:rgba(68,88,108,.45);
  }
  .official-contact-dock>section,.customer-notice-panel.nv-notices {
    background:var(--nv-glass-reflection),var(--nv-contact-frost)!important;
    color:var(--nv-text);border-color:var(--nv-glass-rim)!important;
    box-shadow:inset 0 1px 0 var(--nv-glass-rim),var(--nv-shadow-3);
    -webkit-backdrop-filter:blur(28px) saturate(1.08);backdrop-filter:blur(28px) saturate(1.08);
  }
  .official-contact-dock>section>header,.customer-notice-panel.nv-notices .nv-notice-header {
    background:transparent!important;color:var(--nv-heading);
  }
  .official-contact-dock .official-contact-list>a,
  .customer-notice-panel.nv-notices .nv-notice-card,
  .customer-notice-panel.nv-notices .nv-notice-context {
    background:var(--nv-glass-reflection),var(--nv-contact-card)!important;
    border-color:var(--nv-border-strong);box-shadow:inset 0 1px 0 var(--nv-glass-rim);
  }
  .customer-notice-panel.nv-notices .nv-notice-card.is-unread {
    border-inline-start-color:var(--nv-chart-accent);
  }
  .customer-notice-panel.nv-notices .nv-notice-card.is-read {
    background:var(--nv-contact-card-read)!important;box-shadow:none;
  }
  .customer-notice-panel.nv-notices .nv-notice-tools input,
  .customer-notice-panel.nv-notices button:not(.nv-notice-main):not([aria-pressed=true]),
  .official-contact-dock>section>header button {
    background:var(--nv-contact-field)!important;color:var(--nv-heading);
  }
  .customer-notice-panel.nv-notices :is(h3,h4,.nv-notice-subject,.nv-notice-phone) { color:var(--nv-heading); }
  .customer-notice-panel.nv-notices :is(.nv-notice-meta,.nv-read-label) { opacity:1;color:var(--nv-text-muted); }
  .official-contact-dock .official-contact-list em.pending { color:var(--nv-warning-700); }
  .official-contact-dock .official-contact-list em.ready { color:var(--nv-success-700); }
  /* Frost once on each outer panel, rather than blurring each scrolling card. */
  .official-contact-dock .official-contact-list>a,.customer-notice-panel.nv-notices .nv-notice-card {
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  @media(max-width:767px) {
    /* Use both viewport edges so a visible page scrollbar cannot crop the panel. */
    .customer-notice-panel.nv-notices { inset-inline:8px;width:auto; }
    .official-contact-dock>section { max-width:calc(100vw - 35px); }
  }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    :root { --nv-contact-frost:rgba(239,247,253,.94); }
    html[data-theme=dark] { --nv-contact-frost:rgba(23,38,53,.94); }
  }
  @media(prefers-reduced-transparency:reduce) {
    :root { --nv-contact-frost:rgba(239,247,253,.97);--nv-contact-card:rgba(255,255,255,.88); }
    html[data-theme=dark] { --nv-contact-frost:rgba(23,38,53,.97);--nv-contact-card:rgba(68,88,108,.88); }
  }
}

/* Approved option 08: scalable monoline + teal accent; no bitmap icons. */
@media screen {
  :root { --nv-icon-ink:#092b49;--nv-icon-accent:#00a7ad; }
  html[data-theme=dark] { --nv-icon-ink:#dcecf8;--nv-icon-accent:#20c4c9; }
  .nv-icon-line-dot { color:var(--nv-icon-ink);flex-shrink:0;vertical-align:middle; }
  :is(.btn-primary,.btn-danger,.nv-notice-main,.badge,.official-inbox-button) .nv-icon-line-dot { color:inherit;--nv-icon-accent:currentColor; }
  .customer-notice-trigger.nv-notice-trigger { display:inline-flex;align-items:center;justify-content:center;gap:8px; }
  .customer-notice-trigger.nv-notice-trigger::before { content:none;display:none; }
  .customer-notice-trigger.nv-notice-trigger>.nv-icon { width:20px;height:20px; }
  @media(max-width:767px) { .customer-notice-trigger.nv-notice-trigger { gap:0; } }
}

/* Communication controls use the main viewport, never the account/navigation rail. */
@media screen {
  :root {
    --nv-dock-gap:12px;
    --nv-dock-main-inset:var(--nv-sidebar);
    --nv-dock-bottom:calc(12px + env(safe-area-inset-bottom,0px));
    --nv-dock-button-height:44px;
  }
  .sidebar { min-height:0; }
  .sidebar-brand,.sidebar>.workspace-chip,.sidebar-foot { flex-shrink:0; }
  .sidebar .nav-list { flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain; }
  .sidebar-foot { position:relative;margin-top:auto; }
  .content { padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
  .customer-notice-trigger.nv-notice-trigger {
    inset-inline:auto;left:auto;
    right:calc(var(--nv-dock-main-inset) + var(--nv-dock-gap) + env(safe-area-inset-right,0px));
    bottom:var(--nv-dock-bottom)!important;
    height:var(--nv-dock-button-height);min-height:var(--nv-dock-button-height);
    max-width:calc((100vw - var(--nv-dock-main-inset) - 3 * var(--nv-dock-gap)) / 2);
    min-width:0;white-space:nowrap;flex-wrap:nowrap;font-size:12px;
  }
  .official-contact-dock {
    left:calc(var(--nv-dock-gap) + env(safe-area-inset-left,0px));
    right:calc(var(--nv-dock-main-inset) + var(--nv-dock-gap) + env(safe-area-inset-right,0px));
    width:auto;display:flex;justify-content:flex-end;pointer-events:none;
    bottom:var(--nv-dock-bottom);
  }
  .official-contact-dock>* { pointer-events:auto; }
  .official-contact-toggle { height:var(--nv-dock-button-height);min-height:var(--nv-dock-button-height); }
  .customer-notice-panel.nv-notices {
    inset-inline:auto;left:calc(var(--nv-dock-gap) + env(safe-area-inset-left,0px));
    right:calc(var(--nv-dock-main-inset) + var(--nv-dock-gap) + env(safe-area-inset-right,0px));
    width:auto;max-width:510px;
    bottom:calc(var(--nv-dock-bottom) + var(--nv-dock-button-height) + 10px)!important;
    max-height:calc(100dvh - var(--nv-dock-bottom) - var(--nv-dock-button-height) - 22px)!important;
    margin:0;overflow-y:auto;overscroll-behavior:contain;
  }
  .official-contact-dock>section {
    width:370px;max-width:100%;max-height:calc(100dvh - var(--nv-dock-bottom) - 12px);
    overflow-y:auto;overscroll-behavior:contain;
  }
  .nv-notice-toast {
    inset-inline:auto;left:auto;
    right:calc(var(--nv-dock-main-inset) + var(--nv-dock-gap));
    bottom:calc(var(--nv-dock-bottom) + var(--nv-dock-button-height) + 10px);
    max-width:min(510px,calc(100vw - var(--nv-dock-main-inset) - 2 * var(--nv-dock-gap)));
  }
  /* A modal or drawer owns the interaction; docks cannot cover its controls. */
  .app-shell:has(.drawer-backdrop,.modal-backdrop,.create-modal,.command-backdrop,.training-modal-backdrop)
    :is(.official-contact-dock,.nv-notice-trigger,.nv-notices,.nv-notice-toast) {
    visibility:hidden;pointer-events:none;
  }
  .app-shell:has(.official-contact-dock.open) .nv-notice-trigger,
  .app-shell:has(.nv-notices) .official-contact-toggle { visibility:hidden;pointer-events:none; }
  @media(max-width:767px) {
    :root {
      --nv-dock-main-inset:0px;
      --nv-dock-bottom:calc(var(--nv-mobile-nav,48px) + 12px + env(safe-area-inset-bottom,0px));
      --nv-dock-button-height:40px;
    }
    .content { padding-bottom:calc(112px + env(safe-area-inset-bottom,0px)); }
    .customer-notice-trigger.nv-notice-trigger { width:40px;min-width:40px;font-size:0!important; }
    .app-shell:has(.sidebar.open)
      :is(.official-contact-dock,.nv-notice-trigger,.nv-notices,.nv-notice-toast) { visibility:hidden;pointer-events:none; }
    .sidebar { padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
    .sidebar:not(.open) { visibility:hidden;pointer-events:none; }
    .sidebar.open { visibility:visible;pointer-events:auto; }
  }
}

/* Approved option 04: inset glass selection, 2026-10-16.
   Only selected navigation materials change; content opacity and layout stay intact. */
@media screen {
  :root {
    --nv-selection-inset-bg:rgba(113,154,181,.16);
    --nv-selection-inset-border:rgba(109,148,175,.24);
    --nv-selection-inset-shadow:inset 0 3px 7px rgba(49,88,121,.153),inset 0 -1px 0 rgba(255,255,255,.769);
  }
  html[data-theme=dark] {
    --nv-selection-inset-bg:rgba(0,14,27,.30);
    --nv-selection-inset-border:rgba(111,150,173,.267);
    --nv-selection-inset-shadow:inset 0 3px 8px rgba(0,0,0,.333),inset 0 -1px 0 rgba(183,214,226,.184);
  }
  .nav-list button.active,.hub-sibling-item.active,.bottom-nav button.active,
  :is(.segmented,.page-tabs,.drawer-tabs,.customer360-tabs,.project-tabs,.invoice-tabs,.invoice-tabs-v2,.acct-tabs,.workforce-tabs,.training-tabs,.installation-tabs,.proposal-step-nav,.acct-report-switch,.exec-range-switch) button.active,
  [data-nv-console] :is(.tabs button.active,.filters button.active,.tw-filters button.active,.team-list button.active) {
    background:var(--nv-selection-inset-bg)!important;
    color:var(--nv-heading)!important;
    border-color:var(--nv-selection-inset-border)!important;
    border-radius:15px!important;
    box-shadow:var(--nv-selection-inset-shadow)!important;
    text-shadow:none!important;
  }
  .nav-list button.active:hover,.hub-sibling-item.active:hover { transform:none!important; }
  .nav-list button.active .nav-dot,.hub-sibling-item.active .hub-sibling-active-dot { display:none!important; }
  .hub-sibling-item.active .hub-sibling-item-icon {
    background:var(--nv-glass-field)!important;
    color:var(--nv-heading)!important;
    border-color:var(--nv-border)!important;
    box-shadow:none!important;
  }
  .nav-list button.active:focus-visible,.hub-sibling-item.active:focus-visible,.bottom-nav button.active:focus-visible {
    outline:2px solid var(--nv-focus);outline-offset:3px;
  }
}

/* Day-theme glass hover, 2026-10-16.
   Background alpha changes, never content opacity. Fine pointers only to avoid sticky touch hover. */
@media screen and (hover:hover) and (pointer:fine) {
  html:not([data-theme=dark]) {
    --nv-day-hover-surface:rgba(255,255,255,.44);
    --nv-day-hover-border:rgba(95,147,174,.38);
  }
  html:not([data-theme=dark]) :is(
    .module-hub-card,.quick-launch-card,.role-quick-card,.hub-card,.hub-sibling-item,
    .nav-list button,.user-chip,.proposal-list>button,.team-monitor-row,
    button.platform-record-card,a.platform-record-card,.global-search,.icon-btn,.btn-secondary,.hub-sibling-home
  ),
  html:not([data-theme=dark]) :is(
    .segmented,.page-tabs,.drawer-tabs,.customer360-tabs,.project-tabs,.invoice-tabs,.invoice-tabs-v2,
    .acct-tabs,.workforce-tabs,.training-tabs,.installation-tabs,.proposal-step-nav,.acct-report-switch,.exec-range-switch
  ) button {
    transition-property:background-color,border-color,box-shadow,transform;
    transition-duration:160ms;
    transition-timing-function:ease;
  }
  html:not([data-theme=dark]) :is(
    .module-hub-card,.quick-launch-card,.role-quick-card,.hub-card,.hub-sibling-item,
    .nav-list button,.user-chip,.proposal-list>button,.team-monitor-row,
    button.platform-record-card,a.platform-record-card,.global-search,.icon-btn,.btn-secondary,.hub-sibling-home
  ):not(:disabled):not([aria-disabled=true]):not(.active):not([aria-current=page]):not([aria-selected=true]):is(:hover,:focus-visible),
  html:not([data-theme=dark]) :is(
    .segmented,.page-tabs,.drawer-tabs,.customer360-tabs,.project-tabs,.invoice-tabs,.invoice-tabs-v2,
    .acct-tabs,.workforce-tabs,.training-tabs,.installation-tabs,.proposal-step-nav,.acct-report-switch,.exec-range-switch
  ) button:not(:disabled):not([aria-disabled=true]):not(.active):not([aria-selected=true]):is(:hover,:focus-visible),
  html:not([data-theme=dark])[data-nv-console] :is(.tabs button,.filters button,.tw-filters button,.team-list button):not(:disabled):not([aria-disabled=true]):not(.active):is(:hover,:focus-visible),
  html:not([data-theme=dark]) .home-kpi-button:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible) .card {
    background:var(--nv-glass-reflection),var(--nv-day-hover-surface)!important;
    border-color:var(--nv-day-hover-border)!important;
  }
  html:not([data-theme=dark]) .home-kpi-button .card,
  html:not([data-theme=dark])[data-nv-console] :is(.tabs button,.filters button,.tw-filters button,.team-list button) {
    transition-property:background-color,border-color,box-shadow,transform;
    transition-duration:160ms;
    transition-timing-function:ease;
  }
}
@media screen and (prefers-reduced-motion:reduce) {
  html:not([data-theme=dark]) :is(
    .module-hub-card,.quick-launch-card,.role-quick-card,.hub-card,.hub-sibling-item,
    .nav-list button,.user-chip,.proposal-list>button,.team-monitor-row,
    button.platform-record-card,a.platform-record-card,.global-search,.icon-btn,.btn-secondary,.hub-sibling-home,
    .home-kpi-button .card,
    .segmented button,.page-tabs button,.drawer-tabs button,.customer360-tabs button,.project-tabs button,
    .invoice-tabs button,.invoice-tabs-v2 button,.acct-tabs button,.workforce-tabs button,.training-tabs button,
    .installation-tabs button,.proposal-step-nav button,.acct-report-switch button,.exec-range-switch button
  ),
  html:not([data-theme=dark])[data-nv-console] :is(.tabs button,.filters button,.tw-filters button,.team-list button) {
    transition:none!important;
  }
}