/* Fonte única das cores do NascHub. Claro “creme” (padrão, o mesmo do login) em html.nh-theme-light; escuro “Noite Royal” opcional no botão de tema. */
:root{
 --ds-primary:#4A74FF;--ds-primary-hover:#6688FF;--ds-primary-pressed:#3A62F0;--ds-on-primary:#0B0A1A;
 --ds-secondary:#9D7BFA;--ds-accent:#E8B65A;--ds-accent-fill:#E8B65A;--ds-on-accent:#1E1400;
 --ds-bg:#0B0A1A;--ds-bg-2:#100E22;--ds-surface:#15132B;--ds-raised:#1B1836;--ds-border:#2A2650;
 --ds-text:#F1EEFA;--ds-text-2:#A9A3C4;--ds-text-3:#8A84A8;
 --ds-focus:rgba(74,116,255,.5);--ds-active-bg:#1E1C4A;
 --ds-success:#46C98A;--ds-error:#F2777E;--ds-warning:#F0B44C;--ds-info:#72B4FF;
 --ds-fin:#E8B65A;--ds-tr:#4A74FF;--ds-sv:#9D7BFA;
 --ds-shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.32);
}
html.nh-theme-light{
 --ds-primary:#0B3BC4;--ds-primary-hover:#0930A3;--ds-primary-pressed:#072682;--ds-on-primary:#FFFFFF;
 --ds-secondary:#4A1FA8;--ds-accent:#7A5310;--ds-accent-fill:#E2AE57;--ds-on-accent:#2A1B00;
 --ds-bg:#F3EBDC;--ds-bg-2:#ECE2D0;--ds-surface:#F8F2E7;--ds-raised:#EFE6D6;--ds-border:#DDD0B8;
 --ds-text:#12172B;--ds-text-2:#4A4F62;--ds-text-3:#5E6376;
 --ds-focus:rgba(11,59,196,.32);--ds-active-bg:#E4E1EC;
 --ds-success:#126B3E;--ds-error:#B02E34;--ds-warning:#7A4E00;--ds-info:#1A57B5;
 --ds-fin:#7A5310;--ds-tr:#072682;--ds-sv:#4A1FA8;
 --ds-shadow:none;
}
/* Vertentes: cada módulo troca a cor de ação pela sua, mantendo neutros e semânticas da marca. */
:is(.nh-fin-dashboard,.nh-sv-dashboard){--ds-primary-hover:color-mix(in srgb,var(--ds-primary) 86%,var(--ds-text));--ds-primary-pressed:color-mix(in srgb,var(--ds-primary) 76%,var(--ds-text));--ds-active-bg:color-mix(in srgb,var(--ds-primary) 14%,var(--ds-surface));--ds-focus:color-mix(in srgb,var(--ds-primary) 40%,transparent)}
.nh-fin-dashboard{--ds-primary:var(--ds-fin)}
.nh-sv-dashboard{--ds-primary:var(--ds-sv)}
:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}
::selection{background:var(--ds-active-bg);color:var(--ds-text)}
/* Logo oficial animada na sidebar: placa com o fundo creme da arte, proporção preservada; o movimento vem do próprio SVG. */
:root .nh-immersive .nh-sidebar .nh-brand img.nh-logo-oficial{width:196px!important;max-width:100%!important;height:auto!important;aspect-ratio:1448/1086;object-fit:contain;border-radius:12px;filter:none!important;animation:none!important;box-shadow:0 10px 26px color-mix(in srgb,#000 35%,transparent),0 0 0 1px color-mix(in srgb,var(--ds-accent-fill) 28%,transparent)}
:root .nh-immersive.is-nav-collapsed .nh-sidebar .nh-brand img.nh-logo-oficial{width:60px!important;border-radius:6px}
:root .nh-immersive .nh-sidebar .nh-brand:has(.nh-logo-oficial){height:auto!important;min-height:0!important;padding:6px 0 10px!important;flex-shrink:0}
:root .nh-immersive .nh-sidebar .nh-brand img.nh-logo-oficial{margin:0 auto!important;position:static!important;transform:none!important}
/* Noite Royal: dourado da logo como assinatura nos pontos de foco (somente tema escuro). */
html:not(.nh-theme-light):root .nh-immersive .nh-hero h1{color:var(--ds-accent-fill)}
html:not(.nh-theme-light):root .nh-immersive .nh-nav.selected{box-shadow:inset 2px 0 0 var(--ds-accent-fill)!important}
html:not(.nh-theme-light):root .nh-immersive .nh-panel{border-top-color:color-mix(in srgb,var(--ds-accent-fill) 38%,var(--ds-border))}
/* ===== Layout editorial: sem cards. Seções planas separadas por fio fino e espaço; escala de 4/8/12/16/24/32/48. ===== */
:root{--ds-s1:4px;--ds-s2:8px;--ds-s3:12px;--ds-s4:16px;--ds-s5:24px;--ds-s6:32px;--ds-s7:48px;--ds-hair:1px solid var(--ds-border)}
html:root body .nh-shell.nh-immersive :is(.nh-panel,.card,.nh-kpi-box,.nh-table-wrap,.kanban,.nh-empty,.nh-operation-overview,.nh-hero .nh-hero-agenda,.nh-center>.nh-panel:has(.nh-quick)){background:transparent!important;border:0!important;border-top:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
html:root body .nh-shell.nh-immersive :is(.nh-panel,.card)::before,html:root body .nh-shell.nh-immersive :is(.nh-panel,.card)::after{display:none!important}
html:root body .nh-shell.nh-immersive .nh-panel{padding-top:var(--ds-s5)!important;padding-bottom:var(--ds-s5)!important}
html:root body .nh-shell.nh-immersive .nh-panel-head{padding-left:0!important;padding-right:0!important}
html:root body .nh-shell.nh-immersive .nh-panel :is(h2,h3){font-family:Inter,system-ui,sans-serif!important;font-weight:600!important;font-size:13px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--ds-text-2)!important}
html:root body .nh-shell.nh-immersive .nh-quick{background:transparent!important;border:0!important}
html:root body .nh-shell.nh-immersive .nh-quick :is(button,a){background:transparent!important;border:0!important;border-left:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-quick :is(button,a):first-child{border-left:0!important}
html:root body .nh-shell.nh-immersive .nh-quick :is(button,a):hover{background:var(--ds-active-bg)!important}
html:root body .nh-shell.nh-immersive .nh-kpi-box+.nh-kpi-box{border-left:var(--ds-hair)!important}
html:root body .nh-shell.nh-immersive .nh-sidebar{background:var(--ds-bg-2)!important;border-right:var(--ds-hair)!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-top{background:color-mix(in srgb,var(--ds-bg) 94%,transparent)!important;border-bottom:var(--ds-hair)!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-nav.selected{background:var(--ds-active-bg)!important;border-color:transparent!important;border-radius:6px!important;box-shadow:inset 2px 0 0 var(--ds-primary)!important}
html:root body .nh-shell.nh-immersive :is(.btn,.nh-button){box-shadow:none!important;border-radius:6px!important}
html.nh-theme-light:root body .nh-shell.nh-immersive .nh-workspace::before{display:none!important}
/* Logo na sidebar clara: sem moldura, bordas dissolvidas no creme. */
html.nh-theme-light:root .nh-immersive .nh-sidebar .nh-brand img.nh-logo-oficial{box-shadow:none!important;border-radius:0!important;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);mask-composite:intersect}
/* Sem decoração: marca d'água, rótulo "immersive" e cromos de cartão saem; ações secundárias viram linhas. */
html:root body .nh-shell.nh-immersive #nh-immersive-mark,html:root body .nh-shell.nh-immersive .nh-hero .nh-eyebrow{display:none!important}
html:root body .nh-shell.nh-immersive .nh-kpis{background:transparent!important;border:0!important;border-top:var(--ds-hair)!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important;gap:0!important}
html:root body .nh-shell.nh-immersive .nh-kpis .nh-kpi-box{border-top:0!important;padding:var(--ds-s4) var(--ds-s5)!important}
html:root body .nh-shell.nh-immersive .nh-kpis .nh-kpi{background:transparent!important;color:var(--ds-text)!important}
html:root body .nh-shell.nh-immersive .nh-kpis :is(strong,b){color:var(--ds-text)!important}
html:root body .nh-shell.nh-immersive .nh-right .nh-button{background:transparent!important;color:var(--ds-text)!important;border:0!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important;justify-content:flex-start!important;text-align:left!important;font-weight:500!important;padding:var(--ds-s3) 0!important}
html:root body .nh-shell.nh-immersive .nh-right .nh-button:hover{color:var(--ds-primary)!important;background:transparent!important}
html:root body .nh-shell.nh-immersive .nh-minimize{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ds-text-3)!important}
html:root body .nh-shell.nh-immersive .nh-minimize:hover{color:var(--ds-text)!important}
html:root body .nh-shell.nh-immersive .nh-market{background:transparent!important;border:0!important;border-bottom:var(--ds-hair)!important;box-shadow:none!important;border-radius:0!important}
html:root body .nh-shell.nh-immersive :is(.nh-kpi-box,.nh-kpi,.nh-panel-head)::after,html:root body .nh-shell.nh-immersive :is(.nh-kpi-box,.nh-kpi)::before{display:none!important}
html:root body .nh-shell.nh-immersive :is(.nh-nav,.nh-nav-group>summary){color:var(--ds-text-2)!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
html:root body .nh-shell.nh-immersive .nh-nav-group>summary:hover{color:var(--ds-text)!important}
html:root body .nh-shell.nh-immersive .nh-nav:hover{color:var(--ds-text)!important;background:color-mix(in srgb,var(--ds-active-bg) 60%,transparent)!important}
html:root body .nh-shell.nh-immersive .nh-nav.selected{color:var(--ds-primary)!important}
html:root body .nh-shell.nh-immersive .nh-nav :is(span,b,strong,small){color:inherit!important}
html:root body .nh-shell.nh-immersive .nh-hero :is(p,small,time,span):not(h1 *){color:var(--ds-text-2)!important}
/* Listas como linhas: itens separados por fio, sem caixas arredondadas. */
html:root body .nh-shell.nh-immersive :is(article[class*="accordion"],.card>article,.nh-panel article,.card>details,.nh-panel details:not(.nh-nav-group)){background:transparent!important;border:0!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html:root body .nh-shell.nh-immersive :is(article[class*="accordion"],.card>article,.nh-panel article):hover{background:color-mix(in srgb,var(--ds-active-bg) 45%,transparent)!important}
/* Campos e filtros: mesma altura, raio e fio dos campos do login. */
html:root body .nh-shell.nh-immersive :is(.inp,select.inp,input.inp,textarea.inp){background:var(--ds-surface)!important;border:var(--ds-hair)!important;border-radius:6px!important;box-shadow:none!important;color:var(--ds-text)!important}
html:root body .nh-shell.nh-immersive :is(.inp,select.inp,input.inp,textarea.inp):focus{border-color:var(--ds-primary)!important;outline:2px solid var(--ds-focus)!important;outline-offset:0!important}
/* Texto corrido sempre neutro: azul fica só para ações e links. */
html:root body .nh-shell.nh-immersive :is(p,.sub,.nh-muted,.nh-page-title small):not([class*="badge"]):not([class*="status"]):not([class*="pill"]){color:var(--ds-text-2)!important}
html:root body .nh-shell.nh-immersive :is(p,.sub) :is(a,button){color:var(--ds-primary)}
/* Agenda: grade com fios, sem caixinhas arredondadas. */
html:root body .nh-shell.nh-immersive .cal{gap:0!important;border-top:var(--ds-hair);border-left:var(--ds-hair)}
html:root body .nh-shell.nh-immersive .cal .cday{background:transparent!important;border:0!important;border-right:var(--ds-hair)!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .cal .cday:hover{background:color-mix(in srgb,var(--ds-active-bg) 50%,transparent)!important}
html:root body .nh-shell.nh-immersive .cal .cday.today,html:root body .nh-shell.nh-immersive .cal .cday[class*="hoje"]{box-shadow:inset 0 0 0 1.5px var(--ds-primary)!important}
/* Coluna lateral estreita com tabela: a tabela vai para baixo, em largura total, para não quebrar texto letra a letra. */
html:root body .nh-shell.nh-immersive .grid-main:has(>.card:last-child table){grid-template-columns:1fr!important}
html:root body .nh-shell.nh-immersive :is(.nh-panel,.card) :is(h4,h5){color:var(--ds-text)!important;font-weight:600!important}
/* Modais e gavetas: mesma linguagem das páginas. */
html:root body:has(.nh-immersive) :is(.modal-c,.drawer){background:var(--ds-surface)!important;border:var(--ds-hair)!important;border-radius:10px!important;box-shadow:0 24px 60px color-mix(in srgb,var(--ds-text) 18%,transparent)!important}
html:root body:has(.nh-immersive) :is(.modal-c,.drawer) :is(h2,h3,h4){color:var(--ds-text)!important}
html:root body:has(.nh-immersive) :is(.modal-c,.drawer) label{color:var(--ds-text-2)!important;letter-spacing:.04em}
html:root body:has(.nh-immersive) :is(.modal-c,.drawer) p:not([class*="badge"]){color:var(--ds-text-2)!important}
html:root body:has(.nh-immersive) :is(.modal-c,.drawer) .inp{background:var(--ds-bg)!important;border:var(--ds-hair)!important;border-radius:6px!important}
/* Kanban editorial: colunas separadas por fio vertical; contatos como linhas, sem cartões. */
html:root body .nh-shell.nh-immersive .kanban{border:0!important;gap:0!important;background:transparent!important}
html:root body .nh-shell.nh-immersive .kanban .kcol{background:transparent!important;border:0!important;border-left:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important;padding:0 var(--ds-s4)!important}
html:root body .nh-shell.nh-immersive .kanban .kcol:first-child{border-left:0!important;padding-left:0!important}
html:root body .nh-shell.nh-immersive .kanban .kcol>h4{color:var(--ds-text-2)!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:0 0 var(--ds-s3)!important;border-bottom:var(--ds-hair)!important;margin:0!important}
html:root body .nh-shell.nh-immersive .kanban .kcard{background:transparent!important;border:0!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important;padding:var(--ds-s3) 0!important;margin:0!important}
html:root body .nh-shell.nh-immersive .kanban .kcard:hover{background:color-mix(in srgb,var(--ds-active-bg) 45%,transparent)!important}
/* Botão nativo de arquivo no mesmo estilo dos botões secundários. */
html:root body .nh-shell.nh-immersive input[type=file]::file-selector-button{font:500 12.5px Inter,system-ui,sans-serif;color:var(--ds-text);background:var(--ds-surface);border:var(--ds-hair);border-radius:6px;padding:7px 12px;margin-right:10px;cursor:pointer}
html:root body .nh-shell.nh-immersive input[type=file]::file-selector-button:hover{border-color:var(--ds-primary);color:var(--ds-primary)}
html:root body .nh-shell.nh-immersive .nh-sidebar-page-title h1{font-family:Inter,system-ui,sans-serif!important;font-weight:600!important;font-size:15px!important;letter-spacing:-.01em!important;color:var(--ds-text)!important}
html:root body .nh-shell.nh-immersive .nh-sidebar-page-title small{color:var(--ds-text-3)!important}
/* Barra superior: botões de ícone iguais, discretos, sem preenchimento nem anéis. */
html:root body .nh-shell.nh-immersive .nh-top :is(.iconbtn,.nh-theme-toggle,.nh-area-controls button){background:transparent!important;border:var(--ds-hair)!important;border-radius:8px!important;box-shadow:none!important;color:var(--ds-text-2)!important}
html:root body .nh-shell.nh-immersive .nh-top :is(.iconbtn,.nh-theme-toggle):is(:hover,:focus-visible){color:var(--ds-primary)!important;border-color:color-mix(in srgb,var(--ds-primary) 40%,var(--ds-border))!important}
html:root body .nh-shell.nh-immersive .nh-top .nh-vertente{background:transparent!important;border:0!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-top .nh-search :is(input,.inp){background:var(--ds-surface)!important;border:var(--ds-hair)!important;border-radius:8px!important;box-shadow:none!important}
/* Saudação na mesma tipografia do título do login; sem fios decorativos no meio do texto. */
html:root body .nh-shell.nh-immersive .nh-hero h1{font-family:Inter,system-ui,sans-serif!important;font-weight:450!important;letter-spacing:-.03em!important}
html:root body .nh-shell.nh-immersive .nh-hero .nh-manifesto::before,html:root body .nh-shell.nh-immersive .nh-hero .nh-manifesto::after{display:none!important}
/* Títulos de seção sempre alinhados à esquerda. */
html:root body .nh-shell.nh-immersive .nh-panel-head.nh-centered-heading{justify-content:space-between!important;text-align:left!important}
html:root body .nh-shell.nh-immersive .nh-panel-head.nh-centered-heading :is(h2,h3){text-align:left!important;margin-left:0!important}
html:root body .nh-shell.nh-immersive .nh-hero h1{font-size:clamp(34px,2.9vw,44px)!important;line-height:1.1!important}
html:root body .nh-shell.nh-immersive .nh-top .nh-area-window{border:0!important;background:transparent!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-panel-head :is(h2,h3){padding-left:0!important;text-indent:0!important}
/* Números dos indicadores em Inter com algarismos tabulares, alinhados entre si. */
html:root body .nh-shell.nh-immersive .nh-kpis :is(strong,b,.nh-kpi-value){font-family:Inter,system-ui,sans-serif!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.02em!important}
html:root body .nh-shell.nh-immersive table :is(td,th){font-variant-numeric:tabular-nums}
/* Controles de recolher/mover aparecem só ao passar o mouse ou com foco do teclado. */
html:root body .nh-shell.nh-immersive :is(.nh-kpi-box,.nh-panel) .nh-minimize{opacity:0;transition:opacity .15s}
html:root body .nh-shell.nh-immersive :is(.nh-kpi-box,.nh-panel):is(:hover,:focus-within) .nh-minimize,html:root body .nh-shell.nh-immersive .nh-panel.is-collapsed .nh-minimize,html:root body .nh-shell.nh-immersive .nh-minimize[aria-expanded="false"]{opacity:1}
@media (hover:none){html:root body .nh-shell.nh-immersive :is(.nh-kpi-box,.nh-panel) .nh-minimize{opacity:1}}
html:root body .nh-shell.nh-immersive .nh-panel-head{border-bottom-color:var(--ds-border)!important;box-shadow:none!important}
/* Alinhamento único: todo conteúdo de seção começa na mesma margem; ritmo vertical = fio + 24px. */
html:root body .nh-shell.nh-immersive :is(.nh-center,.nh-right)>.nh-panel,html:root body .nh-shell.nh-immersive .nh-two>.nh-panel{padding-left:0!important;padding-right:0!important}
html:root body .nh-shell.nh-immersive .nh-center{row-gap:var(--ds-s2)!important}
html:root body .nh-shell.nh-immersive .nh-panel>.nh-panel-head{border-bottom:var(--ds-hair)!important;padding-bottom:var(--ds-s3)!important;margin-bottom:var(--ds-s2)!important}
/* Ações secundárias (Ver todas, Consultar, Atualizar…): sem preenchimento, fio fino, texto azul. */
html:root body .nh-shell.nh-immersive :is(.nh-link,.btn-ghost,.btn-secondary){background:transparent!important;border:var(--ds-hair)!important;border-radius:6px!important;box-shadow:none!important;color:var(--ds-primary)!important;font-weight:600!important}
html:root body .nh-shell.nh-immersive :is(.nh-link,.btn-ghost,.btn-secondary):hover{background:color-mix(in srgb,var(--ds-primary) 7%,transparent)!important;border-color:color-mix(in srgb,var(--ds-primary) 35%,var(--ds-border))!important}
/* Prioridades com tom semântico leve, sem caixas cinzas. */
html:root body .nh-shell.nh-immersive .nh-pill{border-radius:999px!important;padding:2px 9px!important;font-weight:600!important;font-size:11px!important;border:0!important}
html:root body .nh-shell.nh-immersive .nh-pill.high{background:color-mix(in srgb,var(--ds-error) 12%,transparent)!important;color:var(--ds-error)!important}
html:root body .nh-shell.nh-immersive .nh-pill.medium{background:color-mix(in srgb,var(--ds-warning) 14%,transparent)!important;color:var(--ds-warning)!important}
html:root body .nh-shell.nh-immersive .nh-pill.low{background:color-mix(in srgb,var(--ds-success) 12%,transparent)!important;color:var(--ds-success)!important}
/* Perfil no rodapé da sidebar: linha simples, sem cartão. */
html:root body .nh-shell.nh-immersive :is(.nh-sidebar-profile,.nh-sidebar-account){background:transparent!important;border:0!important;border-top:var(--ds-hair)!important;border-radius:0!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-sidebar-account :is(strong,b,span){color:var(--ds-text)!important}
html:root body .nh-shell.nh-immersive .nh-sidebar-account small{color:var(--ds-text-3)!important}
/* Tabelas: valores, datas e rótulos curtos nunca quebram no meio; a tabela rola na horizontal se faltar espaço. */
html:root body .nh-shell.nh-immersive .tbl :is(th,td:not(:first-child)){white-space:nowrap}
html:root body .nh-shell.nh-immersive .tbl th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-3)!important;font-weight:600;border-bottom:var(--ds-hair)!important}
html:root body .nh-shell.nh-immersive .tbl td{border-bottom:var(--ds-hair)!important;vertical-align:middle}
html:root body .nh-shell.nh-immersive .tbl tbody tr:hover{background:color-mix(in srgb,var(--ds-active-bg) 45%,transparent)!important}
/* Avisos: faixa com fio colorido à esquerda, sem caixa arredondada. */
html:root body .nh-shell.nh-immersive .note{border:0!important;border-left:3px solid currentColor!important;border-radius:0!important;box-shadow:none!important;padding:var(--ds-s3) var(--ds-s4)!important}
html:root body .nh-shell.nh-immersive .note.amber{color:var(--ds-warning)!important;background:color-mix(in srgb,var(--ds-warning) 8%,transparent)!important}
html:root body .nh-shell.nh-immersive .note.red{color:var(--ds-error)!important;background:color-mix(in srgb,var(--ds-error) 7%,transparent)!important}
html:root body .nh-shell.nh-immersive .note.blue,html:root body .nh-shell.nh-immersive .note.mint{color:var(--ds-info)!important;background:color-mix(in srgb,var(--ds-info) 7%,transparent)!important}
html:root body .nh-shell.nh-immersive .note :is(span,p,b,strong){color:var(--ds-text)!important}
/* Até 1440px a coluna lateral desce para baixo do conteúdo principal; nomes não quebram no meio da palavra. */
@media (max-width:1440px){html:root body .nh-shell.nh-immersive .grid-main{grid-template-columns:1fr!important}}
html:root body .nh-shell.nh-immersive .tbl td:first-child{min-width:150px;word-break:normal!important;overflow-wrap:normal!important;hyphens:none}
/* Etiquetas de status (Ativa, Renovar, Proposta, Expirada) com a mesma linguagem das prioridades. */
html:root body .nh-shell.nh-immersive .pill{border:0!important;border-radius:999px!important;padding:3px 10px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.03em!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .pill.p-mint{background:color-mix(in srgb,var(--ds-success) 12%,transparent)!important;color:var(--ds-success)!important}
html:root body .nh-shell.nh-immersive .pill.p-amber{background:color-mix(in srgb,var(--ds-warning) 14%,transparent)!important;color:var(--ds-warning)!important}
html:root body .nh-shell.nh-immersive .pill.p-red{background:color-mix(in srgb,var(--ds-error) 11%,transparent)!important;color:var(--ds-error)!important}
html:root body .nh-shell.nh-immersive .pill.p-violet{background:color-mix(in srgb,var(--ds-secondary) 11%,transparent)!important;color:var(--ds-secondary)!important}
html:root body .nh-shell.nh-immersive .pill :is(i,b,span,.dot){color:inherit!important}
html:root body .nh-shell.nh-immersive :is(.tbl,table) :is(thead,thead tr,thead th){background:transparent!important}
/* Foco de teclado visível e igual em todo o sistema; transições curtas e consistentes. */
html:root body .nh-shell :is(a,button,summary,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--ds-primary)!important;outline-offset:2px!important}
html:root body .nh-shell :is(a,button,summary,.nh-nav,.nh-link,.pill,.nh-pill,.tbl tr,.kcard,article){transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}
@media (prefers-reduced-motion:reduce){html:root body .nh-shell *{transition-duration:0s!important}}
/* Agenda do dia: estado vazio em texto simples, sem itálico/negrito de efeito. */
html:root body .nh-shell.nh-immersive .nh-hero .nh-hero-agenda :is(em,i,strong,b):not(.ic){font-style:normal!important;font-weight:500!important;color:var(--ds-text)!important}
/* Acesso rápido: ícone em azul, rótulo sempre na cor do texto. */
html:root body .nh-shell.nh-immersive .nh-quick :is(button,a){color:var(--ds-text)!important;font-weight:500!important}
html:root body .nh-shell.nh-immersive .nh-quick :is(button,a) :is(span,b,strong,small){color:inherit!important}
html:root body .nh-shell.nh-immersive .nh-quick :is(button,a) svg{color:var(--ds-primary)!important}
html:root body .nh-shell.nh-immersive .nh-quick :is(button,a):hover{color:var(--ds-primary)!important}
/* Datas por extenso: só a primeira letra em maiúscula ("Sábado, 31 de outubro de 2026"). */
html:root body .nh-shell .nh-dashboard-context time{text-transform:none!important}
html:root body .nh-shell .nh-dashboard-context time::first-letter{text-transform:uppercase}
/* Assistente: sem o orbe com brilho; o número de prioridades vira o destaque, como nos KPIs. */
html:root body .nh-shell.nh-immersive .nh-assistant-intro .nh-orb{display:none!important}
html:root body .nh-shell.nh-immersive .nh-assistant-intro{padding:var(--ds-s2) 0 var(--ds-s3)!important;border-bottom:var(--ds-hair)}
html:root body .nh-shell.nh-immersive .nh-assistant-intro :is(strong,b){font-size:15px!important;font-weight:600!important;color:var(--ds-text)!important}
/* ===== Apólices: cada contrato em uma faixa própria, com respiro, colunas alinhadas e detalhe destacado ao abrir. ===== */
html:root body .nh-shell.nh-immersive .nh-policy-accordion-list{display:flex!important;flex-direction:column;gap:6px!important;border-top:0!important;padding-top:var(--ds-s2)!important}
html:root body .nh-shell.nh-immersive .nh-policy-accordion-list article.nh-policy-accordion{display:grid!important;grid-template-columns:28px 1fr;align-items:start;gap:var(--ds-s3);padding:var(--ds-s4) var(--ds-s4)!important;border:var(--ds-hair)!important;border-left:3px solid transparent!important;border-radius:8px!important;background:color-mix(in srgb,var(--ds-surface) 55%,transparent)!important}
html:root body .nh-shell.nh-immersive .nh-policy-accordion-list article.nh-policy-accordion:hover{border-color:color-mix(in srgb,var(--ds-primary) 30%,var(--ds-border))!important;border-left-color:color-mix(in srgb,var(--ds-primary) 45%,transparent)!important;background:var(--ds-surface)!important}
html:root body .nh-shell.nh-immersive .nh-policy-accordion-list article.nh-policy-accordion:has(details[open]){border-left-color:var(--ds-primary)!important;background:var(--ds-surface)!important}
html:root body .nh-shell.nh-immersive .nh-policy-accordion-list article.is-selected{border-left-color:var(--ds-secondary)!important}
html:root body .nh-shell.nh-immersive .nh-policy-accordion summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ds-s4);cursor:pointer;list-style:none}
html:root body .nh-shell.nh-immersive .nh-policy-accordion summary::-webkit-details-marker{display:none}
html:root body .nh-shell.nh-immersive .nh-policy-summary-main b{font-size:15px;font-weight:600;color:var(--ds-text)}
html:root body .nh-shell.nh-immersive .nh-policy-summary-main small{display:block;margin-top:3px;color:var(--ds-text-3);font-size:12.5px}
html:root body .nh-shell.nh-immersive .nh-policy-summary-meta{display:grid;grid-template-columns:110px 112px 16px;align-items:center;justify-items:end;gap:var(--ds-s3);color:var(--ds-text-2);font-size:13px}
html:root body .nh-shell.nh-immersive .nh-policy-summary-meta>i{transition:transform .15s;color:var(--ds-text-3)}
html:root body .nh-shell.nh-immersive .nh-policy-accordion details[open] .nh-policy-summary-meta>i{transform:rotate(180deg)}
html:root body .nh-shell.nh-immersive .nh-policy-expanded{margin-top:var(--ds-s4);padding-top:var(--ds-s4);border-top:var(--ds-hair);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-s4);flex-wrap:wrap}
html:root body .nh-shell.nh-immersive .nh-policy-expanded dl{display:grid;grid-template-columns:repeat(3,minmax(140px,auto));gap:var(--ds-s2) var(--ds-s6);margin:0}
html:root body .nh-shell.nh-immersive .nh-policy-expanded dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-3)}
html:root body .nh-shell.nh-immersive .nh-policy-expanded dd{margin:2px 0 0;font-weight:600;color:var(--ds-text);font-variant-numeric:tabular-nums}
@media (max-width:780px){html:root body .nh-shell.nh-immersive .nh-policy-summary-meta{grid-template-columns:auto auto 16px}html:root body .nh-shell.nh-immersive .nh-policy-expanded dl{grid-template-columns:1fr}}
/* ===== Frota: itens segurados recolhíveis, um por linha, com expandir/recolher todos. ===== */
html:root body .nh-shell .nh-fleet-items{margin:var(--ds-s4) 0;border-top:var(--ds-hair)}
html:root body .nh-shell .nh-fleet-items-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--ds-s3);padding:var(--ds-s3) 0;color:var(--ds-text)}
html:root body .nh-shell .nh-fleet-items-head span{display:flex;flex-wrap:wrap;gap:var(--ds-s2)}
html:root body .nh-shell details.nh-fleet-item{border:0!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;background:transparent!important;margin:0!important}
html:root body .nh-shell details.nh-fleet-item>summary{display:grid;grid-template-columns:72px 104px minmax(0,1fr) 56px 16px;align-items:center;gap:var(--ds-s3);padding:var(--ds-s3) var(--ds-s2);cursor:pointer;list-style:none}
html:root body .nh-shell details.nh-fleet-item>summary::-webkit-details-marker{display:none}
html:root body .nh-shell details.nh-fleet-item>summary:hover{background:color-mix(in srgb,var(--ds-active-bg) 45%,transparent)}
html:root body .nh-shell .nh-fleet-item-n{font-weight:600;color:var(--ds-text)}
html:root body .nh-shell .nh-fleet-item-plate{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:var(--ds-text)}
html:root body .nh-shell .nh-fleet-item-model{color:var(--ds-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root body .nh-shell .nh-fleet-item-year{color:var(--ds-text-3);text-align:right;font-variant-numeric:tabular-nums}
html:root body .nh-shell details.nh-fleet-item>summary>i{color:var(--ds-text-3);transition:transform .15s}
html:root body .nh-shell details.nh-fleet-item[open]>summary>i{transform:rotate(180deg)}
html:root body .nh-shell details.nh-fleet-item[open]>summary{border-left:3px solid var(--ds-primary)}
html:root body .nh-shell .nh-fleet-item-body{padding:var(--ds-s2) var(--ds-s4) var(--ds-s4);border-left:3px solid var(--ds-primary)}
html:root body .nh-shell .nh-fleet-item-body dl{display:grid;grid-template-columns:repeat(3,minmax(120px,auto));gap:var(--ds-s2) var(--ds-s6);margin:0 0 var(--ds-s3)}
html:root body .nh-shell .nh-fleet-item-body dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-3)}
html:root body .nh-shell .nh-fleet-item-body dd{margin:2px 0 0;font-weight:600;color:var(--ds-text)}
html:root body .nh-shell .nh-fleet-item-body h4{font-size:12px!important;letter-spacing:.04em;color:var(--ds-text-2)!important;margin:0 0 var(--ds-s2)}
html:root body .nh-shell .nh-fleet-item-body .nh-fleet-text{white-space:pre-wrap;background:var(--ds-bg-2);border:var(--ds-hair);border-radius:6px;padding:var(--ds-s3);font-size:12.5px;max-height:320px;overflow:auto}
@media (max-width:780px){html:root body .nh-shell details.nh-fleet-item>summary{grid-template-columns:auto 1fr 16px}html:root body .nh-shell .nh-fleet-item-model,html:root body .nh-shell .nh-fleet-item-year{display:none}html:root body .nh-shell .nh-fleet-item-body dl{grid-template-columns:1fr}}
html:root body .nh-shell.nh-immersive .nh-policy-expanded dl>div{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}

/* ===== Detalhe da apólice (gaveta): seções com fio, rótulos pequenos, valores em destaque; só dados reais. ===== */
html:root body #drawer-root .drawer{background:var(--ds-bg)!important;border-left:var(--ds-hair)!important;box-shadow:-24px 0 60px color-mix(in srgb,var(--ds-text) 16%,transparent)!important}
html:root body #drawer-root .nh-apo-head{align-items:flex-start!important;padding:22px 24px 18px!important;border-bottom:var(--ds-hair)!important}
html:root body #drawer-root .nh-apo-head small{color:var(--ds-text-3);font-size:12px}
html:root body #drawer-root .nh-apo-head h3{font:600 19px/1.25 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:var(--ds-text);margin:4px 0 2px}
html:root body #drawer-root .nh-apo-head p{margin:0;color:var(--ds-text-2);font-size:13px}
html:root body #drawer-root .nh-apo-head-side{display:flex;align-items:center;gap:10px}
html:root body #drawer-root .nh-apo-body{padding:4px 24px 24px!important}
html:root body #drawer-root .nh-apo-sec{padding:18px 0;border-bottom:var(--ds-hair)}
html:root body #drawer-root .nh-apo-sec>h4{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;font:600 11.5px Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--ds-text-2)}
html:root body #drawer-root .nh-apo-sec>h4 small{text-transform:none;letter-spacing:0;font-weight:500;color:var(--ds-text-3)}
html:root body #drawer-root .nh-apo-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0}
html:root body #drawer-root .nh-apo-kv dt{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-3)}
html:root body #drawer-root .nh-apo-kv dd{margin:3px 0 0;font-weight:600;color:var(--ds-text);font-variant-numeric:tabular-nums}
html:root body #drawer-root .nh-apo-prog{height:4px;background:var(--ds-border);border-radius:999px;margin-top:14px;overflow:hidden}
html:root body #drawer-root .nh-apo-prog i{display:block;height:100%;background:var(--ds-primary)}
html:root body #drawer-root .nh-apo-list{list-style:none;margin:0;padding:0}
html:root body #drawer-root .nh-apo-list li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0;border-bottom:var(--ds-hair);font-size:13px;color:var(--ds-text)}
html:root body #drawer-root .nh-apo-list li:last-child{border-bottom:0}
html:root body #drawer-root .nh-apo-list li small{display:block;color:var(--ds-text-3);font-size:11.5px}
html:root body #drawer-root .nh-apo-empty{margin:0;color:var(--ds-text-3);font-size:13px}
html:root body #drawer-root .nh-apo-actions{display:flex;gap:10px;justify-content:flex-end;padding:18px 0 4px}
html:root body #drawer-root .note{margin-top:12px}
html:root body #drawer-root .pill{border:0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}
html:root body #drawer-root .pill.p-mint{background:color-mix(in srgb,var(--ds-success) 12%,transparent);color:var(--ds-success)}
html:root body #drawer-root .pill.p-amber{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning)}
html:root body #drawer-root .pill.p-red{background:color-mix(in srgb,var(--ds-error) 11%,transparent);color:var(--ds-error)}
html:root body #drawer-root .pill.p-violet{background:color-mix(in srgb,var(--ds-secondary) 11%,transparent);color:var(--ds-secondary)}
html:root body #drawer-root .pill.p-gray{background:color-mix(in srgb,var(--ds-text-3) 12%,transparent);color:var(--ds-text-2)}
html:root body #drawer-root .nh-fleet-items{margin:var(--ds-s4) 0;border-top:var(--ds-hair)}
html:root body #drawer-root .nh-fleet-items-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--ds-s3);padding:var(--ds-s3) 0;color:var(--ds-text)}
html:root body #drawer-root .nh-fleet-items-head span{display:flex;flex-wrap:wrap;gap:var(--ds-s2)}
html:root body #drawer-root details.nh-fleet-item{border:0!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;background:transparent!important;margin:0!important}
html:root body #drawer-root details.nh-fleet-item>summary{display:grid;grid-template-columns:72px 104px minmax(0,1fr) 56px 16px;align-items:center;gap:var(--ds-s3);padding:var(--ds-s3) var(--ds-s2);cursor:pointer;list-style:none}
html:root body #drawer-root details.nh-fleet-item>summary::-webkit-details-marker{display:none}
html:root body #drawer-root details.nh-fleet-item>summary:hover{background:color-mix(in srgb,var(--ds-active-bg) 45%,transparent)}
html:root body #drawer-root .nh-fleet-item-n{font-weight:600;color:var(--ds-text)}
html:root body #drawer-root .nh-fleet-item-plate{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:var(--ds-text)}
html:root body #drawer-root .nh-fleet-item-model{color:var(--ds-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root body #drawer-root .nh-fleet-item-year{color:var(--ds-text-3);text-align:right;font-variant-numeric:tabular-nums}
html:root body #drawer-root details.nh-fleet-item>summary>i{color:var(--ds-text-3);transition:transform .15s}
html:root body #drawer-root details.nh-fleet-item[open]>summary>i{transform:rotate(180deg)}
html:root body #drawer-root details.nh-fleet-item[open]>summary{border-left:3px solid var(--ds-primary)}
html:root body #drawer-root .nh-fleet-item-body{padding:var(--ds-s2) var(--ds-s4) var(--ds-s4);border-left:3px solid var(--ds-primary)}
html:root body #drawer-root .nh-fleet-item-body dl{display:grid;grid-template-columns:repeat(3,minmax(120px,auto));gap:var(--ds-s2) var(--ds-s6);margin:0 0 var(--ds-s3)}
html:root body #drawer-root .nh-fleet-item-body dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-3)}
html:root body #drawer-root .nh-fleet-item-body dd{margin:2px 0 0;font-weight:600;color:var(--ds-text)}
html:root body #drawer-root .nh-fleet-item-body h4{font-size:12px!important;letter-spacing:.04em;color:var(--ds-text-2)!important;margin:0 0 var(--ds-s2)}
html:root body #drawer-root .nh-fleet-item-body .nh-fleet-text{white-space:pre-wrap;background:var(--ds-bg-2);border:var(--ds-hair);border-radius:6px;padding:var(--ds-s3);font-size:12.5px;max-height:320px;overflow:auto}
@media (max-width:780px){html:root body #drawer-root details.nh-fleet-item>summary{grid-template-columns:auto 1fr 16px}html:root body #drawer-root .nh-fleet-item-model,html:root body #drawer-root .nh-fleet-item-year{display:none}html:root body #drawer-root .nh-fleet-item-body dl{grid-template-columns:1fr}}
/* ===== NascFIN na mesma linguagem do sistema: sem cartões nem sombras; dourado do módulo só como acento. ===== */
html:root body .nh-shell.nh-immersive .nh-fin-dashboard :is(.nh-fin-brand,.nh-fin-visual,.nh-fin-menu>div,.nh-fin-summary>div,.nh-fin-header){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard :is(.nh-fin-visual,.nh-fin-menu,.nh-fin-summary){border-top:var(--ds-hair)!important;padding-top:var(--ds-s5)!important;margin-top:var(--ds-s5)!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-menu{gap:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-menu>div+div,html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-summary>div+div{border-left:var(--ds-hair)!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-menu>div,html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-summary>div{padding:0 var(--ds-s5)!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard :is(.nh-action-icon,.nh-action-button>span:first-child,.nh-fin-menu .ic-wrap){background:color-mix(in srgb,var(--ds-fin) 14%,transparent)!important;color:var(--ds-fin)!important;border:0!important;box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-action-button{background:transparent!important;border:0!important;border-bottom:var(--ds-hair)!important;border-radius:0!important;justify-content:flex-start!important;color:var(--ds-text)!important;font-weight:500!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-action-button:hover{color:var(--ds-fin)!important;background:color-mix(in srgb,var(--ds-fin) 6%,transparent)!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-orbit{box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-bar-row>div{height:8px!important;border-radius:999px!important;background:var(--ds-border)!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-bar-row>div>i{border-radius:999px!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-visual-grid{grid-template-columns:1fr!important}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-visual-head small{color:var(--ds-text-3)!important;letter-spacing:.07em}
html:root body .nh-shell.nh-immersive .nh-fin-dashboard .nh-fin-visual-head strong{font:600 18px Inter,system-ui,sans-serif!important;color:var(--ds-text)!important}
/* Respiro antes de um novo bloco que vem logo depois de uma tabela (ex.: Criar usuário). */
html:root body .nh-shell.nh-immersive :is(table,.tblwrap,.nh-table-wrap)+:is(h2,h3,form){margin-top:var(--ds-s6)!important;padding-top:var(--ds-s5)!important;border-top:var(--ds-hair)!important}
/* Logo no tema claro: multiplica com o fundo, então o creme da arte assume exatamente a cor do site (sem área mais clara). */
html.nh-theme-light:root .nh-immersive .nh-sidebar .nh-brand img.nh-logo-oficial{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)!important;-webkit-mask-composite:source-in!important;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)!important;mask-composite:intersect!important;border-radius:0!important;box-shadow:none!important}
html.nh-theme-light:root .nh-immersive .nh-sidebar .nh-brand{isolation:auto!important;background:var(--ds-bg-2)!important}
/* Aviso da conferência de dados no painel. */
html:root body .nh-shell.nh-immersive .nh-audit-note{display:flex!important;align-items:center;justify-content:space-between;gap:var(--ds-s4);margin:0 0 var(--ds-s3)!important}
html:root body .nh-shell.nh-immersive .nh-audit-note small{display:block;margin-top:2px;color:var(--ds-text-2)!important;font-size:12.5px}
/* Confirmação de fim de vigência em lote. */
html:root body .nh-expire-list{max-height:220px;overflow:auto;margin:8px 0 12px;padding-left:18px;font-size:12.5px;color:var(--ds-text-2)}
html:root body .nh-expire-error{color:var(--ds-error);font-size:12.5px;min-height:1em}
/* Notch flutuante do menu lateral (movimento com mola; respeita movimento reduzido). */
html:root body .nh-shell.nh-immersive .nh-sidebar nav.has-notch{position:relative}
html:root body .nh-shell.nh-immersive .nh-sidebar nav.has-notch .nh-nav.selected{box-shadow:none!important}
html:root body .nh-shell.nh-immersive .nh-notch{position:absolute;left:0;top:0;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--ds-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--ds-primary) 18%,transparent),0 0 12px color-mix(in srgb,var(--ds-primary) 45%,transparent);opacity:0;pointer-events:none;z-index:2;will-change:transform,height;transition:transform .42s cubic-bezier(.34,1.56,.64,1),height .32s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}
html:root body .nh-shell.nh-immersive .nh-notch.is-on{opacity:1}
html:not(.nh-theme-light):root body .nh-shell.nh-immersive .nh-notch{background:var(--ds-accent-fill)}
@media (prefers-reduced-motion:reduce){html:root body .nh-shell.nh-immersive .nh-notch{transition:opacity .15s ease!important}}
/* Logos dos módulos (NFIN, NTR, NSV): só o monograma, sem escrita, no mesmo tamanho em todas as páginas. */
html:root body .nh-shell .nh-brand-page-mark{width:200px!important;height:100px!important;object-fit:contain!important;animation:none!important;vertical-align:middle}
html:root body .nh-immersive .nh-top .nh-area-selector .nh-vertente img.nh-brand-page-mark{width:76px!important;height:38px!important}
html:root body .nh-immersive .nh-top .nh-area-selector .nh-vertente small{display:none!important}
/* Tema escuro: versão da logo NH com o fundo creme trocado pelo fundo do site (brilho suave em volta das letras). */
html:not(.nh-theme-light):root .nh-immersive .nh-sidebar .nh-brand img.nh-logo-oficial{content:url(naschub-logo-escura.svg);mix-blend-mode:normal!important;background:transparent!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important}
/* NascTR: página editorial, sem cartões; blocos separados por linhas finas. */
html:root body .nh-shell .nh-tr{display:grid;gap:28px;padding:4px 0 32px}
.nh-tr-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding-bottom:22px;border-bottom:var(--ds-hair,1px solid var(--ds-border))}
.nh-tr-mark{display:grid;place-items:center}
.nh-tr-eyebrow{margin:0 0 6px;font-size:10.5px;letter-spacing:2.2px;font-weight:700;color:var(--ds-primary)}
.nh-tr-head h2{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.01em;color:var(--ds-text)}
.nh-tr-head p:not(.nh-tr-eyebrow){margin:6px 0 0;max-width:56ch;color:var(--ds-text-2);font-size:13.5px;line-height:1.55}
.nh-tr-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nh-tr-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:var(--ds-hair,1px solid var(--ds-border));border-bottom:var(--ds-hair,1px solid var(--ds-border))}
.nh-tr-kpi{display:grid;gap:4px;padding:16px 18px;border-left:var(--ds-hair,1px solid var(--ds-border))}
.nh-tr-kpi:first-child{border-left:0;padding-left:0}
.nh-tr-kpi small{font-size:11.5px;color:var(--ds-text-2);font-weight:600}
.nh-tr-kpi strong{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ds-text)}
.nh-tr-kpi span{font-size:11.5px;color:var(--ds-text-3,var(--ds-text-2))}
.nh-tr-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px}
.nh-tr-block h3{margin:0 0 12px;font-size:14px;font-weight:650;color:var(--ds-text);display:flex;align-items:center;gap:8px}
.nh-tr-sub{margin-top:22px!important}
.nh-tr-lines,.nh-tr-list{list-style:none;margin:0;padding:0}
.nh-tr-lines li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(80px,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-bottom:var(--ds-hair,1px solid var(--ds-border))}
.nh-tr-lines li div:first-child{display:grid;gap:2px}
.nh-tr-lines b{font-size:13px;color:var(--ds-text)}
.nh-tr-lines span{font-size:11.5px;color:var(--ds-text-2);line-height:1.4}
.nh-tr-lines li.is-empty{opacity:.55}
.nh-tr-bar{height:6px;border-radius:99px;background:color-mix(in srgb,var(--ds-primary) 10%,transparent);overflow:hidden}
.nh-tr-bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--ds-primary),#7b2cff)}
.nh-tr-lines em{font-style:normal;font-size:12px;color:var(--ds-text-2);white-space:nowrap}
.nh-tr-list li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;padding:11px 8px;margin:0 -8px;border-bottom:var(--ds-hair,1px solid var(--ds-border));border-radius:6px;cursor:pointer}
.nh-tr-list li:hover,.nh-tr-list li:focus-visible{background:color-mix(in srgb,var(--ds-primary) 6%,transparent)}
.nh-tr-list li div{display:grid;gap:2px;min-width:0}
.nh-tr-list li div b{font-size:13px;color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nh-tr-list li div span{font-size:11.5px;color:var(--ds-text-2)}
.nh-tr-days{display:grid;justify-items:center;font-size:10.5px;color:var(--ds-text-2);line-height:1.1}
.nh-tr-days b{font-size:19px;color:var(--ds-text);font-variant-numeric:tabular-nums}
.nh-tr-days.is-near b{color:var(--ds-warning)}
.nh-tr-days.is-claim{color:var(--ds-error)}
.nh-tr-note{margin:0;padding:12px 0;color:var(--ds-text-2);font-size:12.5px}
.nh-tr-table tbody tr{cursor:pointer}
.nh-tr-table td small{display:block;margin-top:2px;font-size:11px;color:var(--ds-text-2)}
.nh-tr-num{text-align:right!important}
.nh-tr-empty{padding:8px 0;max-width:72ch}
.nh-tr-empty h3{margin:0 0 8px;font-size:16px;color:var(--ds-text)}
.nh-tr-empty p{margin:0 0 16px;color:var(--ds-text-2);font-size:13px;line-height:1.6}
.nh-tr-empty ul{list-style:none;margin:0;padding:0}
.nh-tr-empty li{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 0;border-bottom:var(--ds-hair,1px solid var(--ds-border));font-size:12.5px}
.nh-tr-empty li span{color:var(--ds-text-2)}
@media(max-width:1100px){.nh-tr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.nh-tr-kpi:nth-child(4){border-left:0;padding-left:0}.nh-tr-kpi:nth-child(n+4){border-top:var(--ds-hair,1px solid var(--ds-border))}.nh-tr-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.nh-tr-head{grid-template-columns:1fr}.nh-tr-actions{justify-content:flex-start}.nh-tr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.nh-tr-kpi{border-left:0!important;padding-left:0!important;border-top:var(--ds-hair,1px solid var(--ds-border))}.nh-tr-lines li{grid-template-columns:1fr auto}.nh-tr-bar{grid-column:1/-1;order:3}}

/* Arquivo: medidor de uso da carteira ativa (com marca da reserva) e lista de contratos arquivados. */
html:root body .nh-store{display:grid;gap:8px;margin:14px 0 22px;padding:14px 0;border-top:var(--ds-hair);border-bottom:var(--ds-hair)}
html:root body .nh-store-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
html:root body .nh-store-head span{color:var(--ds-text-2);font-variant-numeric:tabular-nums}
html:root body .nh-store-bar{position:relative;height:8px;border-radius:999px;background:color-mix(in srgb,var(--ds-text) 8%,transparent);overflow:visible}
html:root body .nh-store-bar i{display:block;height:100%;border-radius:999px;background:var(--ds-primary);transition:width .4s ease}
html:root body .nh-store-mid .nh-store-bar i{background:var(--ds-warning,#b7791f)}
html:root body .nh-store-high .nh-store-bar i{background:var(--ds-error)}
html:root body .nh-store-bar em{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ds-text-2);opacity:.55}
html:root body .nh-store small{color:var(--ds-text-2);font-size:12.5px}
html:root body .nh-store-part{display:grid;gap:6px}
html:root body .nh-arq-row{border-bottom:var(--ds-hair);padding:8px 0}
html:root body .nh-arq-row summary{display:grid;grid-template-columns:minmax(120px,auto) 1fr auto auto auto;gap:12px;align-items:center;cursor:pointer;font-size:13px}
html:root body .nh-arq-row summary span{color:var(--ds-text-2)}
html:root body .nh-arq-row h4{margin:10px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-2)}
html:root body .nh-arq-row ul{margin:0;padding-left:18px;font-size:12.5px}
@media (max-width:700px){html:root body .nh-arq-row summary{grid-template-columns:1fr;gap:2px}}
/* Abertura: globo pontilhado (carregando / servidor offline) */
.nh-boot{position:fixed;inset:0;z-index:60;overflow:auto;background:#F3EBDC;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;text-align:center;color:#12172B;color-scheme:light}
.nh-boot-stage{position:relative;width:min(220px,58vw)}
.nh-boot-globe{display:none}
.nh-boot-logo{position:static;display:block;width:100%;height:auto;transform:none;filter:none;mix-blend-mode:multiply;pointer-events:none}
.nh-boot h2{margin:12px 0 0;font-size:clamp(22px,5vw,30px);letter-spacing:-.01em;color:#12172B}
.nh-boot p{margin:0;max-width:420px;color:#4A4F62}
.nh-boot-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px!important}
