.nh-immersive .nh-kpi svg.nh-kpi-ring{position:absolute;right:12px;bottom:24px;width:42px;height:42px;color:var(--accent)!important;opacity:1}
.nh-immersive .nh-top .nh-brand-entrances.nh-area-selector{display:flex!important;flex:0 0 104px;align-items:center;gap:4px;width:104px;height:52px;padding:0;border:0;overflow:visible}
.nh-area-window{height:52px;width:78px;overflow:hidden;position:relative;border-radius:6px}
.nh-area-track{display:flex;flex-direction:column;transition:transform 280ms cubic-bezier(.22,1,.36,1)}
.nh-immersive .nh-top .nh-area-selector .nh-vertente{display:flex!important;flex-direction:column;align-items:center;justify-content:center;flex:0 0 52px;width:78px!important;height:52px!important;min-height:52px;gap:2px;padding:2px;border:0;background:transparent}
.nh-immersive .nh-top .nh-area-selector .nh-vertente img{display:block;width:45px!important;height:32px!important;object-fit:contain;animation:none!important}
.nh-immersive .nh-top .nh-area-selector .nh-vertente small{display:block!important;font-size:8px;color:var(--nh-copy,var(--ds-text));line-height:12px;letter-spacing:.8px}
.nh-area-controls{display:flex;flex-direction:column;gap:2px}
.nh-area-controls button{display:grid;place-items:center;width:22px;height:24px;padding:0;background:transparent;border:1px solid color-mix(in srgb,var(--ds-primary) 27%,transparent);border-radius:4px;color:var(--ds-text);cursor:pointer;font-size:12px}
.nh-area-controls button:hover{background:color-mix(in srgb,var(--ds-primary) 13%,transparent)}.nh-area-window:focus-visible,.nh-area-controls button:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}
html.nh-theme-light .nh-area-controls button{color:var(--ds-primary);border-color:var(--ds-border)}
@media(max-width:600px){.nh-immersive .nh-top .nh-brand-entrances.nh-area-selector{flex-basis:76px;width:76px}.nh-area-window{width:50px}.nh-immersive .nh-top .nh-area-selector .nh-vertente{width:50px!important}.nh-immersive .nh-top .nh-area-selector .nh-vertente img{width:35px!important;height:30px!important}}
@media(prefers-reduced-motion:reduce){.nh-area-track{transition:none}}
.is-motion-paused .nh-area-track{transition:none}
@media print{.nh-area-controls{display:none}.nh-area-track{transition:none}}

/* Atalhos: faixa de ações com leitura mais direta que os cartões isolados. */
.nh-immersive .nh-center>.nh-panel:has(.nh-quick){padding:0;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--ds-raised) 94%,transparent),color-mix(in srgb,var(--ds-bg-2) 94%,transparent));border-color:color-mix(in srgb,var(--ds-primary) 30%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ds-primary) 8%,transparent),0 16px 36px #0003}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-panel-head{margin:0;padding:16px 20px 13px;border-bottom:1px solid color-mix(in srgb,var(--ds-primary) 15%,transparent)}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:color-mix(in srgb,var(--ds-bg-2) 33%,transparent)}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button{position:relative;min-height:88px;padding:14px 9px 12px;border:0;border-right:1px solid color-mix(in srgb,var(--ds-primary) 12%,transparent);border-radius:0;background:transparent;color:var(--ds-text);gap:9px;font-size:10px;line-height:1.35;transition:background 180ms ease,color 180ms ease,transform 180ms ease}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:last-child{border-right:0}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:before{content:'';position:absolute;inset:0 auto auto 18%;width:64%;height:2px;background:var(--ds-primary);opacity:0;transform:scaleX(.55);transition:opacity 180ms ease,transform 180ms ease}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:hover{background:color-mix(in srgb,var(--ds-primary) 7%,transparent);color:var(--ds-text);transform:translateY(-1px)}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:hover:before,.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:focus-visible:before{opacity:1;transform:scaleX(1)}
.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick svg{width:21px;height:21px;color:var(--ds-primary);filter:drop-shadow(0 2px 5px #0008)}
.nh-immersive .nh-dashboard-greeting>div:first-child :is(.nh-eyebrow,h1,.nh-dashboard-context,p){text-shadow:0 2px 12px #02080de0}
.nh-immersive .nh-dashboard-greeting>div:first-child h1{ text-shadow:0 3px 16px #02080df2}
html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick){background:linear-gradient(145deg,var(--ds-raised),var(--ds-raised));border-color:var(--ds-primary);box-shadow:inset 0 1px var(--ds-surface),0 16px 34px color-mix(in srgb,var(--ds-primary) 12%,transparent)}
html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick{background:#ffffff80}
html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button{color:var(--ds-text);border-right-color:color-mix(in srgb,var(--ds-primary) 21%,transparent)}
html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:hover{background:color-mix(in srgb,var(--ds-primary) 13%,transparent);color:var(--ds-text)}
html.nh-theme-light .nh-immersive .nh-dashboard-greeting>div:first-child :is(.nh-eyebrow,h1,.nh-dashboard-context,p){text-shadow:0 1px 2px #fff9}
@media(max-width:900px){.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:nth-child(3n){border-right:0}.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:nth-child(n+4){border-top:1px solid color-mix(in srgb,var(--ds-primary) 12%,transparent)}}
@media(max-width:600px){.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-panel-head{padding:15px 16px 12px}.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button{min-height:78px}.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:nth-child(3n){border-right:1px solid color-mix(in srgb,var(--ds-primary) 12%,transparent)}.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:nth-child(2n){border-right:0}.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:nth-child(n+3){border-top:1px solid color-mix(in srgb,var(--ds-primary) 12%,transparent)}}
@media(prefers-reduced-motion:reduce){.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button,.nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick button:before{transition:none}}

/* Tema claro: creme mais fechado, com contraste preservado para os dados. */
@media screen{
 html.nh-theme-light body:has(.nh-immersive){background:var(--ds-bg);color:var(--ds-text)}
 html.nh-theme-light .nh-immersive{--nh-bg:var(--ds-bg);--nh-surface:var(--ds-surface);--nh-raised:var(--ds-raised);--nh-border:var(--ds-border);--nh-copy:var(--ds-text);--nh-secondary:var(--ds-text-2);background:var(--ds-bg)}
 html.nh-theme-light .nh-immersive .nh-workspace:before{background:radial-gradient(ellipse at 84% 12%,color-mix(in srgb,var(--ds-primary) 7%,transparent),transparent 45%),radial-gradient(ellipse at 12% 90%,color-mix(in srgb,var(--ds-accent-fill) 9%,transparent),transparent 48%);opacity:1}
 html.nh-theme-light .nh-immersive .nh-sidebar{background:var(--ds-raised)!important;border-right-color:var(--ds-border);box-shadow:none}
 html.nh-theme-light .nh-immersive .nh-top{background:color-mix(in srgb,var(--ds-surface) 92%,transparent)!important;border-bottom-color:var(--ds-border);box-shadow:0 1px 0 var(--ds-border)}
 html.nh-theme-light .nh-immersive .nh-market{background:var(--ds-surface);border-bottom-color:var(--ds-border)}
 html.nh-theme-light .nh-immersive .nh-panel,html.nh-theme-light .nh-immersive .card{background:var(--ds-surface);border-color:var(--ds-border);box-shadow:var(--ds-shadow)}
 html.nh-theme-light .nh-immersive .nh-kpi-box{background:var(--ds-raised);box-shadow:none}
 html.nh-theme-light .nh-immersive .nh-hero .nh-hero-agenda{background:var(--ds-surface)!important;border-color:var(--ds-border)!important;box-shadow:var(--ds-shadow)}
 html.nh-theme-light .nh-immersive .nh-nav.selected{background:var(--ds-active-bg)!important;border-color:color-mix(in srgb,var(--ds-primary) 35%,transparent)!important;color:var(--ds-primary)}
 html.nh-theme-light .nh-immersive .nh-brand img{filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--ds-text) 14%,transparent))}
 html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick){background:var(--ds-surface);border-color:var(--ds-border);box-shadow:var(--ds-shadow)}
 html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick{background:transparent}
}

/* Leitura e superfícies do tema claro. */
.nh-immersive .nh-sidebar-profile{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.nh-immersive .nh-sidebar-profile:hover{background:#ffffff0b!important}
@media screen{
 html.nh-theme-light .nh-immersive{color:var(--ds-text)}
 html.nh-theme-light .nh-immersive .nh-page-title h1,html.nh-theme-light .nh-immersive .nh-panel h3,html.nh-theme-light .nh-immersive .nh-panel :is(h2,h4,b,strong),html.nh-theme-light .nh-immersive .nh-agenda-heading{color:var(--ds-text);text-shadow:0 1px 0 #fff9}
 html.nh-theme-light .nh-immersive :is(.nh-panel>p,.nh-muted,.nh-system-state,.nh-hero p,.nh-hero .nh-manifesto,.nh-hero .nh-manifesto span,.nh-hero .nh-manifesto em,.nh-dashboard-context){color:var(--ds-primary)!important;font-weight:600}
 html.nh-theme-light .nh-immersive .nh-dashboard-context{font-size:12px;text-shadow:0 1px 0 #fff9}
 html.nh-theme-light .nh-immersive .nh-notice{color:var(--ds-primary);font-weight:700}
 html.nh-theme-light .nh-immersive .nh-nav{color:var(--ds-primary);font-weight:650}
 html.nh-theme-light .nh-immersive .nh-nav-group summary,html.nh-theme-light .nh-immersive .nh-sidebar-profile>span:last-child small{color:var(--ds-primary)!important;font-weight:650}
 html.nh-theme-light .nh-immersive .nh-sidebar-profile{color:var(--ds-primary)!important;padding:8px 5px!important}
 html.nh-theme-light .nh-immersive .nh-sidebar-profile:hover{background:color-mix(in srgb,var(--ds-primary) 13%,transparent)!important}
 html.nh-theme-light .nh-immersive .nh-panel,html.nh-theme-light .nh-immersive .card{border-radius:10px!important;box-shadow:0 10px 24px color-mix(in srgb,var(--ds-text) 9%,transparent),0 1px 0 #fff8!important;backdrop-filter:none!important}
 html.nh-theme-light .nh-immersive .nh-panel:hover,html.nh-theme-light .nh-immersive .card:hover{transform:none!important;border-color:var(--ds-primary)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--ds-text) 13%,transparent),0 1px 0 #fff8!important}
 html.nh-theme-light .nh-immersive .nh-panel:after{width:58px;height:2px}
 html.nh-theme-light .nh-immersive .nh-hero .nh-hero-agenda,html.nh-theme-light .nh-immersive .nh-endorsement-item{border-radius:10px!important;box-shadow:0 10px 24px color-mix(in srgb,var(--ds-text) 9%,transparent),0 1px 0 #fff8!important}
 html.nh-theme-light .nh-immersive .nh-kpis{border-radius:10px;box-shadow:0 10px 24px color-mix(in srgb,var(--ds-text) 9%,transparent)}
 html.nh-theme-light .nh-immersive .nh-kpi-box{border-radius:0;box-shadow:none}
 html.nh-theme-light .nh-immersive .nh-brand img{filter:contrast(1.16) saturate(1.2) drop-shadow(0 10px 8px color-mix(in srgb,var(--ds-text) 29%,transparent)) drop-shadow(0 2px 2px color-mix(in srgb,var(--ds-bg) 85%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--ds-primary) 46%,transparent))}
 html.nh-theme-light .nh-immersive .nh-area-window{background:color-mix(in srgb,var(--ds-bg) 95%,transparent);border:1px solid color-mix(in srgb,var(--ds-primary) 50%,transparent);box-shadow:inset 0 1px #fff9,0 4px 12px color-mix(in srgb,var(--ds-text) 11%,transparent)}
 html.nh-theme-light .nh-immersive .nh-top .nh-area-selector .nh-vertente img{filter:contrast(1.28) saturate(1.35) drop-shadow(0 2px 3px color-mix(in srgb,var(--ds-text) 33%,transparent))}
 html.nh-theme-light .nh-area-controls button{background:var(--ds-raised);color:var(--ds-primary);border-color:color-mix(in srgb,var(--ds-primary) 53%,transparent)}
}

/* Título da área fica junto à marca e libera o cabeçalho para as ações. */
.nh-immersive .nh-sidebar-page-title{display:flex!important;flex-direction:column;gap:3px;width:calc(100% - 20px);margin:-12px 10px 2px;padding:0 4px 12px;border-bottom:1px solid color-mix(in srgb,var(--ds-primary) 33%,transparent);min-width:0}
.nh-immersive .nh-sidebar-page-title h1{margin:0!important;font:400 15px/1.08 Georgia,'Times New Roman',serif!important;letter-spacing:.1px;color:var(--ds-text);white-space:normal}
.nh-immersive .nh-sidebar-page-title small{font:700 7px/1.45 Inter,system-ui,sans-serif!important;letter-spacing:1.4px;color:var(--ds-text-2)!important;white-space:normal}
.nh-immersive.is-nav-collapsed .nh-sidebar-page-title{display:none!important}

/* Painéis de trabalho: superfícies planas e borda editorial, sem efeito de cartões flutuantes. */
.nh-immersive .nh-panel,.nh-immersive .card{border-radius:7px!important;box-shadow:0 7px 18px #0000001c!important}
.nh-immersive .nh-panel:hover,.nh-immersive .card:hover{transform:none!important}
.nh-immersive :is(.nh-hero-agenda,.nh-endorsement-item,.nh-kpis){border-radius:7px!important}
@media screen{
 html.nh-theme-light .nh-immersive .nh-sidebar-page-title{border-bottom-color:color-mix(in srgb,var(--ds-primary) 50%,transparent)}
 html.nh-theme-light .nh-immersive .nh-sidebar-page-title h1{color:var(--ds-primary);text-shadow:0 1px 0 #fff9}
 html.nh-theme-light .nh-immersive .nh-sidebar-page-title small{color:var(--ds-text-2)!important}
 html.nh-theme-light .nh-immersive .nh-sidebar .nh-brand img{filter:contrast(1.18) saturate(1.25) drop-shadow(1px 0 0 var(--ds-primary)) drop-shadow(-1px 0 0 var(--ds-primary)) drop-shadow(0 1px 0 var(--ds-primary)) drop-shadow(0 -1px 0 var(--ds-primary)) drop-shadow(0 10px 9px color-mix(in srgb,var(--ds-text) 29%,transparent)) drop-shadow(0 2px 2px color-mix(in srgb,var(--ds-bg) 85%,transparent))!important}
 html.nh-theme-light .nh-immersive .nh-panel,html.nh-theme-light .nh-immersive .card{background:var(--ds-surface)!important;border:1px solid var(--ds-border)!important;border-top:2px solid var(--ds-primary)!important;border-radius:7px!important;box-shadow:0 6px 16px color-mix(in srgb,var(--ds-text) 9%,transparent),0 1px 0 #fff8!important}
 html.nh-theme-light .nh-immersive .nh-panel:hover,html.nh-theme-light .nh-immersive .card:hover{border-color:var(--ds-primary)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--ds-text) 12%,transparent),0 1px 0 #fff8!important}
 html.nh-theme-light .nh-immersive .nh-panel:after{display:none}
 html.nh-theme-light .nh-immersive .nh-panel-head{padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--ds-primary) 33%,transparent)}
 html.nh-theme-light .nh-immersive .nh-panel-head:after{width:42px;height:2px;bottom:-1px;background:var(--ds-primary)}
 html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick){background:var(--ds-bg-2)!important;border-top-color:var(--ds-primary)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--ds-text) 9%,transparent)!important}
 html.nh-theme-light .nh-immersive .nh-center>.nh-panel:has(.nh-quick) .nh-quick{background:color-mix(in srgb,var(--ds-primary) 18%,transparent)}
 html.nh-theme-light .nh-immersive .nh-kpis{background:var(--ds-primary);border-color:var(--ds-primary);border-radius:7px;box-shadow:0 6px 16px color-mix(in srgb,var(--ds-text) 9%,transparent)}
 html.nh-theme-light .nh-immersive .nh-kpi-box{background:var(--ds-bg-2);border-radius:0;box-shadow:none}
 html.nh-theme-light .nh-immersive .nh-hero .nh-hero-agenda{background:var(--ds-bg-2)!important;border:1px solid var(--ds-primary)!important;border-top:3px solid var(--ds-primary)!important;border-radius:7px!important;box-shadow:0 6px 16px color-mix(in srgb,var(--ds-text) 9%,transparent)!important}
}
@media(max-width:600px){.nh-immersive .nh-sidebar-page-title{margin:-10px 8px 0;width:calc(100% - 16px)}.nh-immersive .nh-sidebar-page-title h1{font-size:13px!important}}
/* Motions de navegação e microinterações. Tudo desligado com movimento reduzido. */
@media (prefers-reduced-motion:no-preference){
  /* Entrada em cascata ao trocar de tela. */
  .nh-enter{animation:nh-enter .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--nh-i,0)*38ms)}
  tr.nh-enter{animation-name:nh-enter-row}
  @keyframes nh-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes nh-enter-row{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
  /* Anel dos KPIs preenchendo junto com a contagem. */
  .nh-immersive .nh-kpi svg.nh-kpi-ring circle+circle{animation:nh-ring 1s cubic-bezier(.22,1,.36,1) both}
  @keyframes nh-ring{from{stroke-dasharray:0 100}}
  /* Login: linha de foco que cresce do centro, rótulo acompanhando o campo e logo com parallax. */
  .nh-login-page .inp{background-image:linear-gradient(var(--ds-primary),var(--ds-primary))!important;background-repeat:no-repeat!important;background-position:50% 100%!important;background-size:0% 2px!important;transition:background-size .35s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease!important}
  .nh-login-page .inp:focus{background-size:100% 2px!important}
  .nh-login-page label{transition:color .2s ease,transform .25s cubic-bezier(.22,1,.36,1);display:inline-block}
  .nh-login-page label:has(+ .inp:focus){color:var(--ds-primary)!important;transform:translateX(3px)}
  .nh-login-identity .nh-logo-oficial{translate:var(--nh-px,0) var(--nh-py,0);transition:translate .6s cubic-bezier(.22,1,.36,1)}
  /* Microinterações: botões afundam ao clicar, pills com brilho ao passar o mouse. */
  :is(.btn,.nh-link,.nh-kpi,.iconbtn,.nh-nav,button.pill){transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .2s ease}
  :is(.btn,.iconbtn,.nh-kpi,button.pill):active:not(:disabled){transform:scale(.96)}
  .nh-kpi:hover{transform:translateY(-2px)}
  :is(.pill,.nh-pill){position:relative;overflow:hidden}
  :is(.pill,.nh-pill)::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,#fff 55%,transparent) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
  tr:hover :is(.pill,.nh-pill)::after,:is(.pill,.nh-pill):hover::after{transition:transform .7s ease;transform:translateX(120%)}
  /* Drawer e modal abrindo com mola; seções do drawer em cascata. */
  html:root body #drawer-root .drawer{animation:nh-drawer .5s cubic-bezier(.34,1.3,.64,1) both!important}
  #drawer-root .drawer>*,#drawer-root .drawer :is(section,.nh-apo-section){animation:nh-enter .45s cubic-bezier(.22,1,.36,1) both}
  #drawer-root .drawer :is(section,.nh-apo-section):nth-of-type(2){animation-delay:.06s}#drawer-root .drawer :is(section,.nh-apo-section):nth-of-type(3){animation-delay:.12s}
  #drawer-root .drawer :is(section,.nh-apo-section):nth-of-type(4){animation-delay:.18s}#drawer-root .drawer :is(section,.nh-apo-section):nth-of-type(n+5){animation-delay:.24s}
  #drawer-root .bd,#mroot .bd{animation:nh-fade .3s ease both}
  #mroot .modal-c{animation:nh-modal .42s cubic-bezier(.34,1.45,.64,1) both!important}
  @keyframes nh-drawer{from{transform:translateX(56px);opacity:0}to{transform:none;opacity:1}}
  @keyframes nh-modal{from{transform:translateY(12px) scale(.94);opacity:0}to{transform:none;opacity:1}}
  @keyframes nh-fade{from{opacity:0}}
}
