/* ZP Nexus HUD v1 — camada futurista de IA (neon, LEDs piscantes, cantos HUD, varredura).
   Ativa via classe html.nx-hud (nexus-hud.js). Desligar: botão "IA ONLINE" no canto ou Alt+H. */
html.nx-hud{--hud:#3df5c4;--hud-s:rgba(61,245,196,.22);--hud-r:#ff4d6d;--hud-a:#ffb547;--hud-b:#4aa8ff}
/* fundo: grade + scanlines + vinheta */
#nx-hudbg,#nx-scan{display:none}
html.nx-hud #nx-hudbg{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;
 background:repeating-linear-gradient(0deg,rgba(61,245,196,.028) 0 1px,transparent 1px 3px),
 linear-gradient(rgba(61,245,196,.045) 1px,transparent 1px) 0 0/48px 48px,
 linear-gradient(90deg,rgba(61,245,196,.045) 1px,transparent 1px) 0 0/48px 48px;
 -webkit-mask-image:radial-gradient(120% 95% at 50% 35%,#000 35%,transparent 100%);mask-image:radial-gradient(120% 95% at 50% 35%,#000 35%,transparent 100%)}
html.nx-hud #nx-scan{display:block;position:fixed;left:0;right:0;top:0;height:120px;z-index:0;pointer-events:none;
 background:linear-gradient(180deg,transparent,rgba(61,245,196,.05) 85%,rgba(61,245,196,.28) 99%,transparent);animation:nxScan 9s linear infinite}
@keyframes nxScan{0%{transform:translateY(-130px)}100%{transform:translateY(100vh)}}
/* cartões: borda neon + cantos de mira */
html.nx-hud .c{position:relative;border:1px solid var(--hud-s)!important;box-shadow:0 0 0 1px rgba(61,245,196,.04),0 0 24px rgba(61,245,196,.07),inset 0 0 34px rgba(61,245,196,.035)!important;transition:box-shadow .3s,border-color .3s}
html.nx-hud .c:hover{border-color:rgba(61,245,196,.4)!important;box-shadow:0 0 0 1px rgba(61,245,196,.08),0 0 32px rgba(61,245,196,.14),inset 0 0 40px rgba(61,245,196,.05)!important}
html.nx-hud .c:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;opacity:.9;
 background:linear-gradient(var(--hud),var(--hud)) 0 0/16px 2px no-repeat,linear-gradient(var(--hud),var(--hud)) 0 0/2px 16px no-repeat,
 linear-gradient(var(--hud),var(--hud)) 100% 0/16px 2px no-repeat,linear-gradient(var(--hud),var(--hud)) 100% 0/2px 16px no-repeat,
 linear-gradient(var(--hud),var(--hud)) 0 100%/16px 2px no-repeat,linear-gradient(var(--hud),var(--hud)) 0 100%/2px 16px no-repeat,
 linear-gradient(var(--hud),var(--hud)) 100% 100%/16px 2px no-repeat,linear-gradient(var(--hud),var(--hud)) 100% 100%/2px 16px no-repeat;
 filter:drop-shadow(0 0 3px rgba(61,245,196,.9))}
/* LEDs piscantes na moldura do cartão */
.nx-leds{display:none}
html.nx-hud .nx-leds{display:flex;gap:5px;position:absolute;top:-3px;right:26px;z-index:2;pointer-events:none}
html.nx-hud .nx-leds i{width:5px;height:5px;border-radius:50%;background:var(--hud);box-shadow:0 0 6px var(--hud),0 0 12px var(--hud);animation:nxLed 2s steps(1) infinite}
html.nx-hud .nx-leds i:nth-child(2){background:var(--hud-b);box-shadow:0 0 6px var(--hud-b),0 0 12px var(--hud-b)}
html.nx-hud .nx-leds i:nth-child(3){background:var(--hud-a);box-shadow:0 0 6px var(--hud-a),0 0 12px var(--hud-a)}
@keyframes nxLed{0%,100%{opacity:1}40%{opacity:.15}55%{opacity:1}70%{opacity:.35}}
/* títulos e rótulos com neon */
html.nx-hud .eyebrow{color:var(--hud)!important;letter-spacing:.22em!important;text-shadow:0 0 8px rgba(61,245,196,.65)}
html.nx-hud .eyebrow:before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 1px 1px;vertical-align:middle;background:var(--hud);transform:rotate(45deg);box-shadow:0 0 8px var(--hud);animation:nxBlink 1.8s steps(1) infinite}
@keyframes nxBlink{0%,100%{opacity:1}50%{opacity:.2}}
html.nx-hud .content h1,html.nx-hud .c h2,html.nx-hud .c h3{text-shadow:0 0 16px rgba(78,232,209,.35),0 0 2px rgba(255,255,255,.25)}
/* menu lateral */
html.nx-hud .sidebar{border-right:1px solid rgba(61,245,196,.22)!important;box-shadow:0 0 34px rgba(61,245,196,.08)!important}
html.nx-hud .sidebar a[aria-current],html.nx-hud .sidebar a.active,html.nx-hud .sidebar a.on{box-shadow:inset 3px 0 0 var(--hud),0 0 18px rgba(61,245,196,.18)!important;text-shadow:0 0 10px rgba(61,245,196,.55)}
/* botões e campos */
html.nx-hud .b,html.nx-hud button:not([class]){box-shadow:0 0 14px rgba(61,245,196,.22),0 0 2px rgba(61,245,196,.6)}
html.nx-hud .b:hover,html.nx-hud button:not([class]):hover{box-shadow:0 0 24px rgba(61,245,196,.45),0 0 3px rgba(61,245,196,.9)}
html.nx-hud input:focus,html.nx-hud select:focus,html.nx-hud textarea:focus{outline:0;box-shadow:0 0 0 1px var(--hud),0 0 16px rgba(61,245,196,.35)!important}
html.nx-hud table tr:hover>td{background:rgba(61,245,196,.05)}
html.nx-hud ::-webkit-scrollbar{width:9px;height:9px}
html.nx-hud ::-webkit-scrollbar-thumb{background:rgba(61,245,196,.28);border-radius:8px;box-shadow:0 0 8px rgba(61,245,196,.4)}
html.nx-hud ::-webkit-scrollbar-track{background:transparent}
/* chip "IA ONLINE" (liga/desliga) */
 border:1px solid rgba(61,245,196,.35);background:rgba(4,14,20,.82);color:#bdfbe9;font:700 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;
 cursor:pointer;backdrop-filter:blur(6px);box-shadow:0 0 16px rgba(61,245,196,.18);opacity:.82;transition:opacity .2s}
@media print{#nx-hudbg,#nx-scan,#nx-hudchip,.nx-leds{display:none!important}}
/* ===== HUD v3 — mais chamativo ===== */
html.nx-hud .nx-leds i{width:6px;height:6px}
/* KPIs: número digital com brilho na cor do estado, linha de luz e LED */
html.nx-hud .hm-k{--k:#3df5c4;position:relative;overflow:hidden;border:1px solid rgba(61,245,196,.3)!important;background:linear-gradient(180deg,rgba(61,245,196,.08),rgba(4,14,24,.55))!important;box-shadow:0 0 18px rgba(61,245,196,.10),inset 0 0 24px rgba(61,245,196,.05)!important;transition:transform .2s,box-shadow .25s}
html.nx-hud .hm-k.warn{--k:#ffb547;border-color:rgba(255,181,71,.45)!important;background:linear-gradient(180deg,rgba(255,181,71,.09),rgba(4,14,24,.55))!important;box-shadow:0 0 18px rgba(255,181,71,.12),inset 0 0 24px rgba(255,181,71,.05)!important}
html.nx-hud .hm-k.bad{--k:#ff4d6d;border-color:rgba(255,77,109,.55)!important;background:linear-gradient(180deg,rgba(255,77,109,.11),rgba(4,14,24,.55))!important;animation:nxAlarm 1.6s ease-in-out infinite}
@keyframes nxAlarm{0%,100%{box-shadow:0 0 12px rgba(255,77,109,.18),inset 0 0 14px rgba(255,77,109,.06)}50%{box-shadow:0 0 30px rgba(255,77,109,.55),inset 0 0 22px rgba(255,77,109,.2)}}
html.nx-hud .hm-k:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--k),transparent) no-repeat;background-size:45% 100%;animation:nxRun 3.4s linear infinite;pointer-events:none}
html.nx-hud .hm-k:after{content:"";position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--k);box-shadow:0 0 8px var(--k),0 0 16px var(--k);animation:nxBlink 1.5s steps(1) infinite;pointer-events:none}
html.nx-hud .hm-k .v{font-family:Orbitron,ui-monospace,SFMono-Regular,Consolas,monospace!important;font-weight:800!important;color:var(--k)!important;letter-spacing:.05em!important;text-shadow:0 0 10px var(--k),0 0 24px var(--k)}
html.nx-hud .hm-k:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(61,245,196,.28),inset 0 0 26px rgba(61,245,196,.08)!important}
@keyframes nxRun{0%{background-position:-60% 0}100%{background-position:160% 0}}
/* barra do topo: linha de luz correndo */
html.nx-hud .desktop-topbar{border-bottom:1px solid rgba(61,245,196,.25)!important;box-shadow:0 10px 30px rgba(61,245,196,.07)!important}
html.nx-hud .desktop-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#3df5c4,#4aa8ff,transparent) no-repeat;background-size:30% 100%;animation:nxRun 4.5s linear infinite;filter:drop-shadow(0 0 6px #3df5c4)}
/* status central: anéis girando */
.nx-ring{display:none}
html.nx-hud .nx-ring{display:block;position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgba(61,245,196,.6);animation:nxSpin 10s linear infinite;pointer-events:none}
html.nx-hud .nx-ring+.nx-ring{inset:-17px;border:2px solid transparent;border-top-color:#3df5c4;border-right-color:rgba(61,245,196,.35);animation-duration:3.2s;animation-direction:reverse;filter:drop-shadow(0 0 5px #3df5c4)}
@keyframes nxSpin{to{transform:rotate(360deg)}}
html.nx-hud .hero-status{border:1px solid rgba(61,245,196,.3)!important;box-shadow:0 0 26px rgba(61,245,196,.12),inset 0 0 40px rgba(61,245,196,.05)!important}
/* título da página: brilho + glitch ocasional */
html.nx-hud .pagehead h1{text-shadow:0 0 18px rgba(61,245,196,.55),0 0 2px #fff;animation:nxGlitch 7s infinite}
@keyframes nxGlitch{0%,91%,100%{text-shadow:0 0 18px rgba(61,245,196,.55),0 0 2px #fff;transform:none}92%{text-shadow:-3px 0 rgba(255,0,110,.85),3px 0 rgba(0,255,230,.85);transform:translateX(2px)}94%{text-shadow:3px 0 rgba(255,0,110,.85),-3px 0 rgba(0,255,230,.85);transform:translateX(-2px)}96%{text-shadow:0 0 18px rgba(61,245,196,.55),0 0 2px #fff;transform:none}}
/* menu lateral: brilho ao passar o mouse */
html.nx-hud .sidebar a:hover{background:linear-gradient(90deg,rgba(61,245,196,.16),transparent 85%)!important;box-shadow:inset 2px 0 0 #3df5c4!important;text-shadow:0 0 8px rgba(61,245,196,.6)}
/* partículas de luz subindo */
html.nx-hud .nx-pt{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;background:var(--c,#3df5c4);box-shadow:0 0 8px var(--c,#3df5c4),0 0 18px var(--c,#3df5c4);opacity:0;animation:nxRise linear infinite}
@keyframes nxRise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}80%{opacity:.6}100%{transform:translateY(-105vh);opacity:0}}
@media (max-width:860px){html.nx-hud .nx-pt:nth-child(n+10){display:none}}
@media (prefers-reduced-motion:reduce){html.nx-hud .nx-pt,html.nx-hud .nx-ring,html.nx-hud .pagehead h1,html.nx-hud .hm-k,html.nx-hud .hm-k:before,html.nx-hud .hm-k:after,html.nx-hud .desktop-topbar:after{animation:none!important}html.nx-hud .nx-pt{display:none}}
/* ===== HUD v4 — Hangar e Plano de Voo ===== */
/* contadores digitais */
html.nx-hud .hg-chip,html.nx-hud .pv-chip{border:1px solid rgba(61,245,196,.24)!important;background:rgba(61,245,196,.05)!important;border-radius:8px!important;box-shadow:inset 0 0 12px rgba(61,245,196,.05);opacity:1!important;transition:box-shadow .2s,border-color .2s}
html.nx-hud .hg-chip b,html.nx-hud .pv-chip b{font-family:Orbitron,ui-monospace,monospace!important;font-weight:800;color:#3df5c4;text-shadow:0 0 8px #3df5c4,0 0 18px rgba(61,245,196,.6);letter-spacing:.04em}
html.nx-hud .hg-chip.on{border-color:#3df5c4!important;background:rgba(61,245,196,.15)!important;box-shadow:0 0 16px rgba(61,245,196,.4),inset 0 0 14px rgba(61,245,196,.14)}
html.nx-hud .hg-chip.warn{border-color:rgba(255,181,71,.55)!important;background:rgba(255,181,71,.08)!important;animation:nxWarn 2.2s ease-in-out infinite}
html.nx-hud .hg-chip.warn b{color:#ffb547;text-shadow:0 0 8px #ffb547,0 0 18px rgba(255,181,71,.6)}
html.nx-hud .hg-chip.z b{color:#5d7a86;text-shadow:none}
html.nx-hud .hg-chip:hover,html.nx-hud .pv-chip:hover{border-color:rgba(61,245,196,.6)!important;box-shadow:0 0 16px rgba(61,245,196,.32)}
@keyframes nxWarn{0%,100%{box-shadow:0 0 6px rgba(255,181,71,.15)}50%{box-shadow:0 0 18px rgba(255,181,71,.5)}}
/* barra "Agora" do Hangar */
html.nx-hud .hg-next{position:relative;border:1px solid rgba(61,245,196,.32)!important;border-radius:10px;background:linear-gradient(90deg,rgba(61,245,196,.09),rgba(74,168,255,.05) 60%,transparent)!important;box-shadow:0 0 22px rgba(61,245,196,.12)}
html.nx-hud .hg-next:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#3df5c4,transparent) no-repeat;background-size:35% 100%;animation:nxRun 3s linear infinite}
html.nx-hud .hg-next .lb{color:#3df5c4!important;text-shadow:0 0 8px #3df5c4;letter-spacing:.2em!important}
html.nx-hud .hg-next .lb:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:middle;background:#ff4d6d;box-shadow:0 0 8px #ff4d6d,0 0 14px #ff4d6d;animation:nxBlink 1s steps(1) infinite}
html.nx-hud .hg-now .nw{box-shadow:0 0 0 1px rgba(61,245,196,.4);border-radius:8px;animation:nxGlow 2.4s ease-in-out infinite}
@keyframes nxGlow{0%,100%{box-shadow:0 0 0 1px rgba(61,245,196,.35),0 0 6px rgba(61,245,196,.2)}50%{box-shadow:0 0 0 1px rgba(61,245,196,.7),0 0 18px rgba(61,245,196,.55)}}
/* caixa do post-it do Hangar */
html.nx-hud #hg-add .hg-pn{box-shadow:0 0 0 1px rgba(61,245,196,.55),0 0 34px rgba(61,245,196,.28),0 8px 22px rgba(0,0,0,.4)!important}
/* colunas do quadro */
html.nx-hud .hg-kc,html.nx-hud .pv-col{position:relative;border:1px solid rgba(61,245,196,.22)!important;background-color:rgba(4,16,26,.55)!important;box-shadow:inset 0 0 30px rgba(61,245,196,.04),0 0 18px rgba(61,245,196,.07)!important}
html.nx-hud .hg-kc:after,html.nx-hud .pv-col:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;
 background:linear-gradient(#3df5c4,#3df5c4) 0 0/12px 2px no-repeat,linear-gradient(#3df5c4,#3df5c4) 0 0/2px 12px no-repeat,linear-gradient(#3df5c4,#3df5c4) 100% 0/12px 2px no-repeat,linear-gradient(#3df5c4,#3df5c4) 100% 0/2px 12px no-repeat,
 linear-gradient(#3df5c4,#3df5c4) 0 100%/12px 2px no-repeat,linear-gradient(#3df5c4,#3df5c4) 0 100%/2px 12px no-repeat,linear-gradient(#3df5c4,#3df5c4) 100% 100%/12px 2px no-repeat,linear-gradient(#3df5c4,#3df5c4) 100% 100%/2px 12px no-repeat;filter:drop-shadow(0 0 3px #3df5c4)}
html.nx-hud .hg-kc h5,html.nx-hud .pv-ch{text-transform:uppercase;letter-spacing:.14em!important;color:#bdfbe9!important;text-shadow:0 0 10px rgba(61,245,196,.6);border-bottom:1px solid rgba(61,245,196,.25)!important;padding-bottom:7px!important}
/* tarefas (Hangar) e frentes (Plano de Voo) */
html.nx-hud .hg-row,html.nx-hud .pv-card{position:relative;box-shadow:0 0 0 1px rgba(61,245,196,.18),0 4px 14px rgba(0,0,0,.28);transition:transform .15s,box-shadow .2s}
html.nx-hud .hg-row:not([data-cl]),html.nx-hud .pv-card{background-color:rgba(10,26,40,.78)!important}
html.nx-hud .hg-row:hover,html.nx-hud .pv-card:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(61,245,196,.55),0 0 20px rgba(61,245,196,.28)}
html.nx-hud .hg-row.run,html.nx-hud .pv-card.pv-work{animation:nxGlowG 2s ease-in-out infinite!important}
@keyframes nxGlowG{0%,100%{box-shadow:0 0 0 1px rgba(82,224,164,.5),0 0 10px rgba(82,224,164,.18)}50%{box-shadow:0 0 0 1px rgba(82,224,164,.95),0 0 28px rgba(82,224,164,.5)}}
html.nx-hud .hg-row.run:before,html.nx-hud .pv-card.pv-work:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(82,224,164,.16) 50%,transparent 70%) no-repeat;background-size:250% 100%;animation:nxSweep 2.6s linear infinite}
@keyframes nxSweep{0%{background-position:120% 0}100%{background-position:-120% 0}}
html.nx-hud .hg-row.run.stale{animation:nxGlowA 2.4s ease-in-out infinite!important}
@keyframes nxGlowA{0%,100%{box-shadow:0 0 0 1px rgba(255,181,71,.45),0 0 8px rgba(255,181,71,.15)}50%{box-shadow:0 0 0 1px rgba(255,181,71,.9),0 0 24px rgba(255,181,71,.45)}}
html.nx-hud .hg-row.late:after{content:"";position:absolute;right:8px;top:-3px;width:7px;height:7px;border-radius:50%;pointer-events:none;background:#ff4d6d;box-shadow:0 0 8px #ff4d6d,0 0 16px #ff4d6d;animation:nxBlink 1.1s steps(1) infinite}
html.nx-hud .hg-row .ck{box-shadow:0 0 0 1px rgba(61,245,196,.7),0 0 8px rgba(61,245,196,.4)!important}
html.nx-hud .hg-row.run .ck{box-shadow:0 0 0 2px #52e0a4,0 0 14px rgba(82,224,164,.8)!important}
html.nx-hud .hg-tag.run,html.nx-hud .pv-tag.ai{box-shadow:0 0 0 1px rgba(61,245,196,.55),0 0 12px rgba(61,245,196,.4);text-shadow:0 0 6px rgba(61,245,196,.7)}
html.nx-hud .pv-tag.ok{box-shadow:0 0 0 1px rgba(82,224,164,.5),0 0 10px rgba(82,224,164,.3)}
html.nx-hud .pv-co{text-shadow:0 0 8px currentColor}
html.nx-hud .hg-row .ttx,html.nx-hud .pv-t>span{text-shadow:0 0 10px rgba(78,232,209,.25)}
html.nx-hud .hg-ic:hover,html.nx-hud .pv-card button:hover{box-shadow:0 0 0 1px rgba(61,245,196,.6),0 0 12px rgba(61,245,196,.45)!important}
@media (prefers-reduced-motion:reduce){html.nx-hud .hg-chip.warn,html.nx-hud .hg-next:before,html.nx-hud .hg-next .lb:before,html.nx-hud .hg-now .nw,html.nx-hud .hg-row.run,html.nx-hud .pv-card.pv-work,html.nx-hud .hg-row.run:before,html.nx-hud .pv-card.pv-work:before,html.nx-hud .hg-row.late:after{animation:none!important}}
/* ===== HUD v5 — logo pulsando (topo, menu e login) ===== */
html.nx-hud .brand-logo-shell{position:relative;isolation:isolate}
html.nx-hud .brand-logo-shell:before{content:"";position:absolute;inset:-65%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(61,245,196,.8) 0%,rgba(74,168,255,.38) 40%,transparent 70%);filter:blur(5px);animation:nxHalo 2.6s ease-in-out infinite}
html.nx-hud .brand-logo,html.nx-hud .mobilebar>a>img{animation:nxLogo 2.6s ease-in-out infinite}
@keyframes nxHalo{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}
@keyframes nxLogo{0%,100%{box-shadow:0 0 0 1px rgba(61,245,196,.35),0 0 8px rgba(61,245,196,.35);filter:brightness(1);transform:scale(1)}50%{box-shadow:0 0 0 1px rgba(61,245,196,.95),0 0 18px rgba(61,245,196,.95),0 0 38px rgba(74,168,255,.7);filter:brightness(1.25);transform:scale(1.07)}}html.nx-hud .brand-logo,html.nx-hud .mobilebar>a>img{border-radius:9px}html.nx-hud .mobilebar>a:has(>img){position:relative;isolation:isolate}html.nx-hud .mobilebar>a:has(>img):before{content:"";position:absolute;inset:-55%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(61,245,196,.8) 0%,rgba(74,168,255,.38) 40%,transparent 70%);filter:blur(5px);animation:nxHalo 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){html.nx-hud .brand-logo-shell:before,html.nx-hud .brand-logo,html.nx-hud .mobilebar>a>img{animation:none}}
/* ===== Topbar: nunca cortar itens no desktop (quebra linha se faltar espaço) ===== */
@media (min-width:861px){
 .desktop-topbar{flex-wrap:wrap!important;row-gap:8px;min-width:0;max-width:100%;box-sizing:border-box}
 .main{min-width:0}
}

/* ===== Interruptor discreto do visual futurista (canto inferior direito) ===== */
#nx-hudchip{position:fixed;right:12px;bottom:12px;left:auto;z-index:9000;width:42px;height:24px;padding:0;margin:0;border-radius:999px;border:1px solid rgba(61,245,196,.35);background:rgba(4,14,20,.78);cursor:pointer;opacity:.8;box-shadow:0 0 10px rgba(61,245,196,.12);transition:opacity .2s,background .2s,box-shadow .2s}
#nx-hudchip:hover{opacity:1}
#nx-hudchip:focus-visible{outline:2px solid #3df5c4;outline-offset:2px}
#nx-hudchip .nx-tr{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#6b7d90;transition:transform .2s,background .2s,box-shadow .2s}
#nx-hudchip[aria-checked=true]{background:rgba(61,245,196,.16);box-shadow:0 0 14px rgba(61,245,196,.35)}
#nx-hudchip[aria-checked=true] .nx-tr{transform:translateX(18px);background:#3df5c4;box-shadow:0 0 8px #3df5c4}
@media print{#nx-hudchip{display:none!important}}
/* ===== Hangar no celular: rodapé em grade, sem quebrar o layout ===== */
@media (max-width:860px){
 .hg-ar2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important;align-items:end!important}
 .hg-ar2>.hg-ctl:not(.hg-ctb){display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;grid-column:1/-1;min-width:0;width:100%}
 .hg-ar2 .hg-dt{min-width:0!important;width:100%!important;max-width:none!important;flex:none!important;height:auto!important;box-sizing:border-box}
 .hg-ar2 .hg-dt input[type=date],.hg-ar2 .hg-dt select{width:100%!important;min-width:0!important;box-sizing:border-box!important;font-size:13px!important}
 .hg-ar2 .hg-dt .hg-cb{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}
 .hg-ar2 .hg-dt:nth-child(4),.hg-ar2 .hg-dt:nth-child(5){grid-column:1/-1}
 .hg-ar2>.sep{display:none!important}
 .hg-ar2>.hg-auto{grid-column:1/-1;display:flex!important;align-items:center;flex-wrap:wrap;gap:8px!important;margin:0!important}
 .hg-ar2>.hg-auto input{width:64px!important;height:32px!important;box-sizing:border-box}
 .hg-ar2>.hg-ctb{grid-column:1/-1;display:flex!important;gap:8px!important;width:100%!important;margin:0!important;align-items:stretch}
 .hg-ar2>.hg-ctb>button:first-child{flex:0 0 auto}
 .hg-ar2>.hg-ctb>button:last-child{flex:1 1 auto}
}
/* ===== Hangar celular v2: campos em duas colunas, datas lado a lado ===== */
@media (max-width:860px){
 #hg-add .hg-ar2{padding:12px!important;gap:10px!important}
 #hg-add .hg-ar2>.hg-ctl:not(.hg-ctb){display:flex!important;flex-wrap:wrap!important;gap:10px 8px!important;width:100%!important}
 #hg-add .hg-ar2>.hg-ctl:not(.hg-ctb)>.hg-dt{width:calc(50% - 4px)!important;flex:0 0 calc(50% - 4px)!important;grid-column:auto!important;gap:4px!important}
 #hg-add .hg-ar2>.hg-ctl:not(.hg-ctb)>.hg-dt:first-child,#hg-add .hg-ar2>.hg-ctl:not(.hg-ctb)>.hg-dt:nth-child(4),#hg-add .hg-ar2>.hg-ctl:not(.hg-ctb)>.hg-dt:nth-child(5){width:100%!important;flex:0 0 100%!important}
 #hg-add .hg-dt>span{font-size:10px!important;letter-spacing:.08em!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
 #hg-add .hg-dt input[type=date]{width:100%!important;max-width:100%!important;height:40px!important;font-size:13px!important;padding:0 8px!important;letter-spacing:0!important;white-space:nowrap!important;border-radius:10px!important}
 #hg-add .hg-dt select,#hg-add .hg-dt .hg-cb,#hg-add .hg-dt .hg-cb-b{width:100%!important;max-width:100%!important;height:40px!important;font-size:14px!important}
 #hg-add .hg-ar2>.hg-auto{padding:2px 2px 0!important}
}