/* Tec admin: casca nova (menu lateral / barra inferior), Painel, Jurídico, Administradora, Configurações.
   Usa os mesmos tokens do index.html (azul-céu, branco e preto; claro e escuro automáticos). Só vale para o admin (body.com-shell). */

/* ---------- casca ---------- */
body.com-shell{padding-bottom:0}
.shell{display:flex;min-height:100vh;min-height:100dvh}
.sb{width:256px;flex:none;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;background:var(--cartao);border-right:1px solid var(--linha);display:flex;flex-direction:column;padding:16px 12px 12px;scrollbar-width:thin}
.sb-marca{display:flex;align-items:center;padding:4px 8px 14px;text-decoration:none}
.sb-marca .logo{height:34px}
.sb-grupo{margin-top:6px}
.sb-tit{font:700 .7rem "Barlow",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:12px 12px 6px}
.sb-i{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:11px;color:var(--texto);text-decoration:none;font:600 .98rem "Barlow",sans-serif;border:0;background:none;cursor:pointer;text-align:left;min-height:42px}
.sb-i svg{width:21px;height:21px;flex:none;color:var(--muted)}
.sb-i:hover{background:var(--papel)}
.sb-i.ativa{background:var(--ceu-claro);color:var(--link)}
.sb-i.ativa svg{color:var(--ceu)}
.sb-i .sb-rot{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-bol{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--avaria);color:#fff;font:700 .74rem "Barlow",sans-serif;display:inline-grid;place-items:center;flex:none}
.sb-bol.suave{background:var(--ceu);}
.sb-rodape{margin-top:auto;padding-top:12px;border-top:1px solid var(--linha)}
.sb-user{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;color:var(--muted);min-width:0}
.sb-user b{display:block;color:var(--tinta);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-av{width:34px;height:34px;border-radius:50%;background:var(--ceu);color:#fff;display:grid;place-items:center;font:700 1rem "Barlow Semi Condensed",sans-serif;flex:none}
.sb-main{flex:1;min-width:0;display:flex;flex-direction:column}
.tb{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 22px;background:color-mix(in srgb,var(--papel) 90%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.tb-logo{display:none}
.tb-busca{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--linha);background:var(--cartao);color:var(--muted);font:500 1rem "Barlow",sans-serif;cursor:pointer;text-align:left}
.tb-busca svg{width:20px;height:20px;flex:none}
.tb-busca kbd{margin-left:auto;font:600 .75rem "Barlow",sans-serif;border:1px solid var(--linha);border-radius:6px;padding:1px 7px;color:var(--muted)}
.tb-busca:hover{border-color:var(--ceu)}
.tb-dir{margin-left:auto;display:flex;align-items:center;gap:10px}
.tb-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--linha);background:var(--cartao);color:var(--tinta);font:600 .95rem "Barlow",sans-serif;text-decoration:none;cursor:pointer}
.tb-btn svg{width:19px;height:19px}
.tb-0800{color:var(--link)}
.sb-main .wrap{max-width:1240px;margin:0;padding:24px 24px 60px;width:100%}
.sb-main .wrap.estreito{max-width:860px;margin:0 auto}

/* barra inferior e Menu (celular) */
.bb{display:none}
.sheet-fundo{position:fixed;inset:0;z-index:60;background:rgba(5,12,18,.5);display:none}
.sheet-fundo.on{display:block}
.sheet{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:var(--cartao);border-radius:22px 22px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.25)}
.sheet-topo{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px}
.sheet-topo b{font:700 1.2rem "Barlow Semi Condensed",sans-serif;color:var(--tinta)}
.sheet-x{width:42px;height:42px;border-radius:50%;border:0;background:var(--papel);color:var(--tinta);font-size:1.4rem;cursor:pointer}
.sheet .sb-tit{padding:12px 6px 6px}
.sheet-grade{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.sheet .sb-i{border:1px solid var(--linha);border-radius:14px;padding:12px;min-height:52px}
.sheet .sb-i.ativa{border-color:var(--ceu)}

@media (max-width:900px){
  .sb{display:none}
  .tb{padding:10px 14px}
  .tb-logo{display:flex;align-items:center}.tb-logo .logo{height:30px}
  .tb-busca{flex:none;width:46px;padding:0;justify-content:center;max-width:none}
  .tb-busca span,.tb-busca kbd{display:none}
  .tb-dir{margin-left:auto}.tb-btn span{display:none}.tb-btn{padding:0 12px}
  .sb-main .wrap{padding:16px 14px calc(104px + env(safe-area-inset-bottom,0px))}
  .bb{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--cartao) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--linha);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
  .bb a,.bb button{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font:600 .72rem "Barlow",sans-serif;padding:6px 0;border:0;background:none;cursor:pointer;min-height:54px}
  .bb svg{width:25px;height:25px}
  .bb .ativa{color:var(--ceu)}
  .bb .sb-bol{position:absolute;top:2px;left:calc(50% + 6px);min-width:19px;height:19px;font-size:.68rem}
}

/* ---------- busca rápida ---------- */
.busca-fundo{position:fixed;inset:0;z-index:70;background:rgba(5,12,18,.55);display:none;align-items:flex-start;justify-content:center;padding:70px 14px 14px}
.busca-fundo.on{display:flex}
.busca-cx{width:100%;max-width:620px;background:var(--cartao);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.busca-cx input{width:100%;border:0;border-bottom:1px solid var(--linha);background:transparent;color:var(--tinta);font:500 1.15rem "Barlow",sans-serif;padding:18px 20px;outline:none}
.busca-res{max-height:60vh;overflow:auto;padding:6px}
.busca-res a{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--tinta)}
.busca-res a:hover,.busca-res a:focus-visible{background:var(--ceu-claro)}
.busca-res .placas{display:flex;gap:6px;flex-wrap:wrap}
.busca-dica{padding:16px 20px;color:var(--muted);font-size:.92rem}
@media (max-width:900px){.busca-fundo{padding-top:calc(14px + env(safe-area-inset-top,0px))}}

/* ---------- Painel (Visão geral) ---------- */
.pn-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pn-saud{font:600 1rem "Barlow",sans-serif;color:var(--muted)}
.pn-topo h1{font-size:2rem}
.pn-data{color:var(--muted);font-size:.95rem}
.pn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}
.pn-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--cartao);border:1px solid var(--linha);box-shadow:var(--sombra);text-decoration:none;color:var(--texto);min-height:112px;overflow:hidden}
.pn-card:hover{border-color:var(--ceu)}
.pn-card .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ceu-claro);color:var(--ceu)}
.pn-card .ic svg{width:21px;height:21px}
.pn-card b{font:700 2rem/1 "Barlow Semi Condensed",sans-serif;color:var(--tinta);margin-top:2px}
.pn-card span.r{font:600 .9rem "Barlow",sans-serif;color:var(--muted);line-height:1.2}
.pn-card small{color:var(--muted);font-size:.8rem}
.pn-card.c-ok .ic{background:var(--ok-claro);color:var(--ok)}
.pn-card.c-ambar .ic{background:var(--ambar-claro);color:var(--ambar)}
.pn-card.c-avaria .ic{background:var(--avaria-claro);color:var(--avaria)}
.pn-card.c-forte{background:var(--ceu);border-color:var(--ceu);color:#fff}
.pn-card.c-forte b,.pn-card.c-forte span.r,.pn-card.c-forte small{color:#fff}
.pn-card.c-forte .ic{background:rgba(255,255,255,.2);color:#fff}
.pn-card.c-escuro{background:var(--noite);border-color:var(--noite)}
.pn-card.c-escuro b,.pn-card.c-escuro span.r,.pn-card.c-escuro small{color:#fff}
.pn-card.c-escuro .ic{background:rgba(255,255,255,.14);color:#fff}
.pn-card .pulso{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--avaria);box-shadow:0 0 0 0 var(--avaria);animation:pulso 1.8s infinite}
@keyframes pulso{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.pn-card .pulso{animation:none}}
.pn-grade{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:16px}
.pn-bloco{grid-column:span 6;background:var(--cartao);border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombra);padding:18px;min-width:0}
.pn-bloco.l4{grid-column:span 4}.pn-bloco.l8{grid-column:span 8}.pn-bloco.l12{grid-column:span 12}
.pn-bloco h2{font-size:1.15rem;margin-bottom:2px}
.pn-bloco .sub{color:var(--muted);font-size:.88rem;margin-bottom:12px}
@media (max-width:1100px){.pn-bloco,.pn-bloco.l4,.pn-bloco.l8{grid-column:span 12}}
@media (max-width:560px){.pn-cards{grid-template-columns:repeat(2,1fr);gap:10px}.pn-card{padding:13px;min-height:100px}.pn-card b{font-size:1.75rem}.pn-card span.r{font-size:.84rem}.pn-topo h1{font-size:1.7rem}}
.graf{width:100%;height:auto;display:block;overflow:visible}
.graf text{font-family:"Barlow",sans-serif;fill:var(--muted);font-size:11px}
.graf .g-eixo{stroke:var(--linha);stroke-width:1}
.graf .g-barra{fill:var(--ceu)}
.graf .g-barra2{fill:var(--noite)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .graf .g-barra2{fill:#6CC6F0}}
:root[data-theme="dark"] .graf .g-barra2{fill:#6CC6F0}
.graf .g-val{fill:var(--tinta);font-weight:700;font-size:11px}
.graf-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-top:8px}
.graf-leg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.rosca-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.rosca{width:170px;height:170px;flex:none}
.rosca-leg{display:grid;gap:7px;font-size:.92rem;flex:1;min-width:160px}
.rosca-leg div{display:flex;align-items:center;gap:8px;color:var(--texto)}
.rosca-leg i{width:12px;height:12px;border-radius:4px;flex:none}
.rosca-leg b{margin-left:auto;color:var(--tinta)}
.hbar{display:grid;gap:9px}
.hbar-l{display:grid;grid-template-columns:minmax(80px,32%) 1fr auto;gap:10px;align-items:center;font-size:.93rem}
.hbar-l .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--texto)}
.hbar-l .t{height:12px;border-radius:99px;background:var(--papel);overflow:hidden}
.hbar-l .t i{display:block;height:100%;border-radius:99px;background:var(--ceu)}
.hbar-l b{color:var(--tinta);min-width:22px;text-align:right}
.pn-vazio{color:var(--muted);font-size:.93rem;padding:10px 0}
.pn-aten{display:grid;gap:10px}
.pn-aten-i{display:block;border:1px solid var(--linha);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--texto);background:var(--cartao)}
.pn-aten-i:hover{border-color:var(--ceu)}
.pn-aten-cab{display:flex;align-items:center;gap:10px}
.pn-aten-cab strong{flex:1;color:var(--tinta);font-size:.98rem;line-height:1.25}
.pn-aten-sub{display:block;margin-top:6px;font-size:.88rem;color:var(--muted)}
.pn-aten-sub a{color:var(--link);text-decoration:none;display:block;padding:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-agenda{display:grid;gap:8px}
.pn-ag{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--linha);border-radius:14px}
.pn-ag .h{font:700 1.15rem "Barlow Semi Condensed",sans-serif;color:var(--tinta)}
.pn-ag .m{min-width:0}.pn-ag .m b{display:block;color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-ag .m span{font-size:.86rem;color:var(--muted)}
.pn-breve{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pn-breve span{border:1px dashed var(--linha);border-radius:12px;padding:8px 12px;color:var(--muted);font-size:.9rem}

/* ---------- padrão de listas, etiquetas e cartões (todas as áreas novas) ---------- */
.lista-c{display:grid;gap:10px}
.cart-l{display:block;width:100%;text-align:left;font:inherit;color:var(--texto);background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:14px 16px;box-shadow:var(--sombra);text-decoration:none;cursor:pointer}
a.cart-l:hover,button.cart-l:hover{border-color:var(--ceu)}
.cart-l .l1{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cart-l .l1 strong{color:var(--tinta);font-size:1.02rem}
.cart-l .l2{margin-top:4px;color:var(--muted);font-size:.9rem;display:flex;gap:6px 12px;flex-wrap:wrap}
.cart-l .l3{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
.pill-valor{font:700 .95rem "Barlow",sans-serif;color:var(--tinta)}
.alerta-sug{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1.5px solid var(--ceu);background:var(--ceu-claro);border-radius:16px;padding:14px 16px;margin-top:14px}
.alerta-sug p{flex:1;min-width:220px;color:var(--tinta)}
.alerta-novo{border:1.5px solid var(--ambar);background:var(--ambar-claro);border-radius:16px;padding:12px 16px;margin-top:14px;color:var(--tinta)}
.par-tri{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}
.par-op{border:2px solid var(--linha);border-radius:14px;padding:12px 8px;background:var(--cartao);font:700 1rem "Barlow",sans-serif;color:var(--tinta);cursor:pointer;min-height:50px}
.par-op.on.aprovado{border-color:var(--ok);background:var(--ok-claro);color:var(--ok)}
.par-op.on.suspenso{border-color:var(--ambar);background:var(--ambar-claro);color:var(--ambar)}
.par-op.on.negado{border-color:var(--avaria);background:var(--avaria-claro);color:var(--avaria)}
.par-op.on.sem{border-color:var(--ceu);background:var(--ceu-claro);color:var(--link)}
.calc-adm{display:grid;gap:6px;margin-top:12px;padding:12px 14px;background:var(--papel);border-radius:14px}
.calc-adm div{display:flex;justify-content:space-between;gap:10px}
.calc-adm .t{border-top:1px solid var(--linha);padding-top:6px;font-weight:700;color:var(--tinta)}
.anexos-l{display:grid;gap:8px;margin-top:10px}
.anexos-l .ax{display:flex;align-items:center;gap:10px;border:1px solid var(--linha);border-radius:12px;padding:8px 12px}
.anexos-l .ax a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--link);text-decoration:none;font-weight:600}
.linha-tempo{display:grid;gap:0;margin-top:6px;border-left:2px solid var(--linha);margin-left:6px}
.linha-tempo .lt{position:relative;padding:2px 0 14px 18px}
.linha-tempo .lt::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--ceu);border:2px solid var(--cartao)}
.linha-tempo .lt.env::before{background:var(--ok)}
.linha-tempo .lt.sta::before{background:var(--ambar)}
.linha-tempo .lt b{display:block;color:var(--tinta);font-size:.95rem}
.linha-tempo .lt span{font-size:.84rem;color:var(--muted)}
.ed-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ed-grade .full{grid-column:1/-1}
.ed-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}
.ed-foto{position:relative;border:1px solid var(--linha);border-radius:12px;overflow:hidden;background:var(--papel)}
.ed-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ed-foto .doc{aspect-ratio:4/3;display:grid;place-items:center;color:var(--muted);font-weight:700}
.ed-foto span{display:block;padding:6px 8px;font-size:.8rem;color:var(--muted)}
.ed-foto button{position:absolute;top:6px;right:6px;border:0;background:rgba(13,26,36,.8);color:#fff;border-radius:9px;padding:5px 9px;font:600 .8rem "Barlow",sans-serif;cursor:pointer}
.chip-dest{display:inline-flex;align-items:center;gap:6px}

/* ---------- Configurações / Usuários e cadastros ---------- */
.cfg-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px}
.cfg-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--cartao);border:1px solid var(--linha);box-shadow:var(--sombra);text-decoration:none;color:var(--texto)}
.cfg-card:hover{border-color:var(--ceu)}
.cfg-card .ic{width:40px;height:40px;border-radius:12px;background:var(--ceu-claro);color:var(--ceu);display:grid;place-items:center}
.cfg-card .ic svg{width:22px;height:22px}
.cfg-card strong{color:var(--tinta);font-size:1.05rem}
.cfg-card span{font-size:.9rem;color:var(--muted)}
.cad-abas{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.cad-abas button{border:1px solid var(--linha);background:var(--cartao);color:var(--tinta);border-radius:999px;padding:9px 16px;font:600 .95rem "Barlow",sans-serif;cursor:pointer;min-height:42px}
.cad-abas button.on{background:var(--ceu);border-color:var(--ceu);color:#fff}
.cad-abas button small{opacity:.8;margin-left:4px}
.cred-box{border:1.5px solid var(--ok);background:var(--ok-claro);border-radius:16px;padding:14px 16px;margin-top:14px;color:var(--tinta)}
.cred-box code{font:700 1.15rem ui-monospace,Menlo,monospace;background:var(--cartao);border-radius:8px;padding:2px 8px}
.cred-box pre{white-space:pre-wrap;font:inherit;margin:8px 0 0;background:var(--cartao);border-radius:10px;padding:10px 12px;font-size:.92rem}

/* ---------- tabelas viram cartões empilhados no celular ---------- */
@media (max-width:760px){
  .tabela-wrap{overflow:visible;background:transparent;border:0}
  table.empilha,table.empilha tbody,table.empilha tr,table.empilha td{display:block;width:100%}
  table.empilha thead{display:none}
  table.empilha tr{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:8px 14px;margin-bottom:10px;box-shadow:var(--sombra)}
  table.empilha td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border:0;text-align:right;font-size:.95rem}
  table.empilha td::before{content:attr(data-r);font:600 .8rem "Barlow",sans-serif;color:var(--muted);text-align:left;flex:none}
  table.empilha td.num{text-align:right}
  table.empilha tfoot,table.empilha tfoot tr{display:block}
  table.empilha td.sem-r::before{display:none}
}
@media (max-width:900px){
  .btn,.btn-peq{min-height:44px}
  .cart-l{padding:14px}
}
@media print{.sb,.tn,.tb,.bb,.sheet-fundo,.busca-fundo{display:none!important}.sb-main .wrap{padding:0;max-width:none}}

/* =====================================================================
   VISUAL PRO (admin): menu em barra superior, cartões, tabelas e animações
   Camada por cima das regras acima; o menu lateral (.sb) não existe mais.
   ===================================================================== */
:root{--tn-h:64px;--raio-g:18px;--sombra-pro:0 1px 2px rgba(13,26,36,.05),0 10px 30px rgba(13,26,36,.08);--ease:cubic-bezier(.2,.8,.2,1)}
.shell{display:block}
.sb-main{display:block}
.sb-main .wrap{max-width:1360px;margin:0 auto;padding:28px 28px 70px}
.sb-main .wrap.estreito{max-width:880px}

/* barra superior */
.tn{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--cartao) 86%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--linha);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 24px rgba(13,26,36,.04);animation:tn-desce .5s var(--ease) both}
.tn::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--ceu),transparent);opacity:.55;transform-origin:left;animation:tn-linha 1.1s var(--ease) .15s both}
.tn-in{max-width:1560px;margin:0 auto;height:var(--tn-h);display:flex;align-items:center;gap:18px;padding:0 24px}
.tn-logo{display:flex;align-items:center;flex:none;text-decoration:none;transition:transform .3s var(--ease)}
.tn-logo:hover{transform:scale(1.04)}
.tn-logo .logo{height:34px}
.tn-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.tn-g{position:relative}
.tn-b{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border:0;border-radius:11px;background:none;color:var(--texto);font:600 .97rem "Barlow",sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.tn-b:hover,.tn-g.on>.tn-b,.tn-g:hover>.tn-b{background:var(--ceu-claro);color:var(--link)}
.tn-b.ativa,.tn-g.ativa>.tn-b{color:var(--link)}
.tn-b.ativa::after,.tn-g.ativa>.tn-b::after{content:"";position:absolute;left:13px;right:13px;bottom:-12px;height:3px;border-radius:3px 3px 0 0;background:var(--ceu);animation:tn-marca .35s var(--ease) both}
.tn-seta{width:14px;height:14px;opacity:.6;transition:transform .25s var(--ease)}
.tn-g.on .tn-seta,.tn-g:hover .tn-seta{transform:rotate(180deg)}
.tn-b .sb-bol{height:19px;min-width:19px;font-size:.68rem;padding:0 5px}
.tn-dd{position:absolute;left:0;top:calc(100% + 6px);min-width:250px;padding:8px;background:var(--cartao);border:1px solid var(--linha);border-radius:16px;box-shadow:0 18px 50px rgba(13,26,36,.18),0 2px 6px rgba(13,26,36,.06);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:opacity .18s,transform .22s var(--ease),visibility .18s;z-index:60}
.tn-dd::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.tn-dd-dir{left:auto;right:0;transform-origin:top right}
.tn-g.on>.tn-dd,.tn-g:hover>.tn-dd,.tn-g:focus-within>.tn-dd{opacity:1;visibility:visible;transform:none}
.tn-dd .sb-i{padding:9px 12px;border-radius:10px;animation:tn-item .3s var(--ease) both}
.tn-dd .sb-i:nth-child(2){animation-delay:.03s}.tn-dd .sb-i:nth-child(3){animation-delay:.06s}.tn-dd .sb-i:nth-child(4){animation-delay:.09s}.tn-dd .sb-i:nth-child(5){animation-delay:.12s}.tn-dd .sb-i:nth-child(6){animation-delay:.15s}.tn-dd .sb-i:nth-child(n+7){animation-delay:.18s}
.tn-dd .sb-i:hover{background:var(--ceu-claro);color:var(--link)}.tn-dd .sb-i:hover svg{color:var(--ceu)}
.tn-quem{padding:10px 12px 12px;border-bottom:1px solid var(--linha);margin-bottom:6px}.tn-quem b{display:block;color:var(--tinta)}.tn-quem span{font-size:.85rem;color:var(--muted)}
.tn-dir{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.tn-icone{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px;border-radius:11px;border:1px solid var(--linha);background:var(--cartao);color:var(--tinta);font:600 .92rem "Barlow",sans-serif;text-decoration:none;cursor:pointer;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}
.tn-icone:hover{border-color:var(--ceu);transform:translateY(-1px);box-shadow:0 6px 16px rgba(28,157,218,.18)}
.tn-icone svg{width:18px;height:18px}
.tn-icone kbd{font:600 .7rem "Barlow",sans-serif;border:1px solid var(--linha);border-radius:5px;padding:0 6px;color:var(--muted)}
.tn-0800{color:var(--link)}
.tn-0800 svg{animation:tn-fone 3.2s ease-in-out infinite;transform-origin:50% 50%}
.tn-user{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 8px 0 5px;border:1px solid var(--linha);border-radius:999px;background:var(--cartao);color:var(--tinta);font:600 .92rem "Barlow",sans-serif;cursor:pointer;transition:border-color .2s}
.tn-user:hover,.tn-eu.on .tn-user{border-color:var(--ceu)}
.tn-user .tn-seta{margin-right:2px}
.tn .tb-busca{flex:none;max-width:none;width:auto;height:40px;padding:0 13px;border-radius:11px}

/* entrada da página */
.sb-main>*{animation:pg-entra .5s var(--ease) both}
.sb-main .wrap>*{animation:pg-entra .55s var(--ease) both}
.sb-main .wrap>*:nth-child(2){animation-delay:.05s}.sb-main .wrap>*:nth-child(3){animation-delay:.1s}.sb-main .wrap>*:nth-child(4){animation-delay:.15s}.sb-main .wrap>*:nth-child(5){animation-delay:.2s}.sb-main .wrap>*:nth-child(n+6){animation-delay:.25s}

/* cartões, painéis e tabelas com acabamento */
.sb-main .cart,.sb-main .painel,.sb-main .cart-l,.sb-main .pn-bloco{border-radius:var(--raio-g);box-shadow:var(--sombra-pro);border-color:color-mix(in srgb,var(--linha) 80%,transparent);transition:box-shadow .25s,transform .25s var(--ease),border-color .25s}
.pn-card{border-radius:var(--raio-g);box-shadow:var(--sombra-pro);position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.pn-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--ceu),color-mix(in srgb,var(--ceu) 20%,transparent));opacity:.85}
.pn-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(28,157,218,.18)}
.pn-cards>*{animation:pg-entra .55s var(--ease) both}.pn-cards>*:nth-child(2){animation-delay:.06s}.pn-cards>*:nth-child(3){animation-delay:.12s}.pn-cards>*:nth-child(4){animation-delay:.18s}.pn-cards>*:nth-child(5){animation-delay:.24s}.pn-cards>*:nth-child(n+6){animation-delay:.3s}
.sb-main h1{letter-spacing:-.01em}
.sb-main .tabela-wrap{border-radius:var(--raio-g);box-shadow:var(--sombra-pro);overflow-x:auto}
.sb-main thead th{position:sticky;top:0;background:color-mix(in srgb,var(--papel) 70%,var(--cartao));text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}
.sb-main tbody tr{transition:background .15s}.sb-main tbody tr:hover{background:color-mix(in srgb,var(--ceu-claro) 55%,transparent)}
.sb-main .btn{border-radius:12px;transition:transform .15s var(--ease),box-shadow .2s,border-color .2s,background .2s}
.sb-main .btn:hover{transform:translateY(-1px)}
.sb-main .btn:active{transform:scale(.97)}
.sb-main .btn-pri{background:linear-gradient(180deg,color-mix(in srgb,var(--ceu) 92%,#fff),var(--ceu));box-shadow:0 6px 16px rgba(28,157,218,.28)}
.sb-main .btn-pri:hover{box-shadow:0 10px 22px rgba(28,157,218,.36)}
.sb-main input:not([type=checkbox]):not([type=radio]),.sb-main select,.sb-main textarea{transition:border-color .2s,box-shadow .2s}
.sb-main input:focus,.sb-main select:focus,.sb-main textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--ceu) 22%,transparent)}

/* busca rápida mais elegante */
.busca-fundo{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.busca-fundo.on .busca-cx{animation:pg-entra .3s var(--ease) both}

@keyframes tn-desce{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
@keyframes tn-linha{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tn-marca{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tn-item{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes pg-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes tn-fone{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}98%{transform:rotate(4deg)}}

@media (max-width:1500px){.tn-in{gap:10px;padding:0 16px}.tn-b{padding:0 10px;font-size:.93rem}.tn-icone span,.tn-icone kbd,.tn-user-n{display:none}.tn-icone{padding:0 11px}.tn-user{padding:0 6px 0 4px}}
@media (max-width:1180px){.tn-b{padding:0 7px;font-size:.88rem;gap:4px}.tn-b .sb-bol{display:none}.tn-logo .logo{height:28px}}
@media (max-width:900px){
  .tn-nav,.tn-0800,.tn-eu{display:none}
  .tn-in{height:56px}.tn-logo .logo{height:30px}
  .tn-dir{margin-left:auto}.tn .tb-busca{width:44px;justify-content:center;padding:0}
  .sb-main .wrap{padding:16px 14px calc(104px + env(safe-area-inset-bottom,0px))}
  :root{--tn-h:56px}
}
@media (prefers-reduced-motion:reduce){.tn,.tn::after,.sb-main>*,.sb-main .wrap>*,.pn-cards>*,.tn-dd .sb-i,.tn-0800 svg,.tn-b::after{animation:none!important}.tn-dd{transition:none}}
@media print{.tn{display:none!important}}

/* ================= VISUAL AZUL (24/10/2026): mesmo azul do app do associado e do Vistoria ================= */
:root{
  --ceu:#1A5FA0;--ceu-forte:#0E3F6E;--ceu-claro:#EAF4FC;--link:#0E3F6E;
  --papel:#F2F7FC;--linha:#DCE7F2;
  --raio-g:24px;
  --sombra-pro:0 1px 2px rgba(13,26,36,.04),0 18px 30px -24px rgba(13,26,36,.35);
}
/* topo: logo nova + selo TEC */
.tn-logo .logo-tec{height:38px;width:auto;display:block}
.tn-logo .logo-tec .blob{fill:var(--ceu)}.tn-logo .logo-tec .mx{fill:#fff}.tn-logo .logo-tec .au,.tn-logo .logo-tec .sm{fill:#fff}
.tn-logo::after{content:"TEC";margin-left:8px;font:800 .66rem "Barlow",sans-serif;letter-spacing:.14em;color:#fff;background:var(--noite);border-radius:999px;padding:3px 9px}
.tn{border-bottom:1px solid var(--linha)}
.tn-b.ativa::after,.tn-g.ativa>.tn-b::after{background:var(--ceu)}
.tn-icone:hover{box-shadow:0 6px 16px rgba(18,129,189,.2)}
/* painel: cartões de números */
.pn-card{border-radius:24px}
.pn-card b{font:800 2.1rem/1 "Barlow",sans-serif;letter-spacing:-.03em}
.pn-card.c-forte{background:linear-gradient(150deg,#2FA4E7 0%,#1A5FA0 55%,#0E3F6E 100%);border:0;box-shadow:0 26px 36px -26px rgba(10,106,160,.9)}
.pn-card.c-forte::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;border:24px solid rgba(255,255,255,.1)}
.pn-card[class*="escuro"],.pn-card.c-noite{background:linear-gradient(150deg,#0E3F6E 0%,#084E78 100%);border:0;color:#fff}
.pn-card[class*="escuro"] b,.pn-card.c-noite b,.pn-card[class*="escuro"] span.r,.pn-card.c-noite span.r,.pn-card[class*="escuro"] small,.pn-card.c-noite small{color:#fff}
.pn-card .ic{border-radius:14px}
/* títulos e cartões em geral */
h1{font-family:"Barlow",sans-serif;letter-spacing:-.03em;font-weight:800}
.painel,.cart,.cfg-card{border-radius:24px}
.btn{border-radius:14px}
.btn-pri{background:var(--ceu);border-color:var(--ceu);box-shadow:0 10px 20px -10px rgba(18,129,189,.8)}
.btn-pri:hover{background:var(--ceu-forte);border-color:var(--ceu-forte)}
.ag-dia.ativo{background:linear-gradient(150deg,#2FA4E7,#1A5FA0);border-color:var(--ceu)}

/* ---- Telas internas: números, tabelas, filtros e abas ---- */
.stat{border-radius:18px;padding:12px 16px;box-shadow:var(--sombra-pro);transition:transform .2s var(--ease),border-color .2s}
.stat b{font:800 1.9rem/1.05 "Barlow",sans-serif;letter-spacing:-.03em}
.stat:hover{transform:translateY(-2px)}
.filtros .stat.on,.stat.on{border-color:var(--ceu);background:var(--ceu-claro)}
.tabela-wrap{border-radius:22px;box-shadow:var(--sombra-pro)}
th{background:var(--ceu-claro);color:var(--ceu-forte);font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
tbody tr{transition:background .15s}
tbody tr:hover{background:color-mix(in srgb,var(--ceu-claro) 55%,transparent)}
td{padding:12px}
input[type=search],input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=password],select,textarea{border-radius:14px}
.chip{border-radius:999px;font-weight:700}
.chip.ok{background:var(--ok-claro);color:var(--ok)}
.cad-abas button,.abas-s button,.fil-abas button{border-radius:999px}
.pn-topo h1,main>h1{font-size:2rem}
.vazio,.vazio-box{border-radius:24px}
@media (prefers-reduced-motion:reduce){.stat{transition:none}}

/* ---- Agenda: horários como cartões ---- */
.ag-lista{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.ag-slot{border-top:0;padding:0;align-items:stretch;gap:12px}
.ag-hora{min-width:62px;height:34px;display:grid;place-items:center;margin-top:12px;border-radius:999px;background:var(--ceu-claro);color:var(--ceu-forte);font:800 .98rem "Barlow",sans-serif;padding:0}
.ag-slot.ocupado{background:var(--cartao);border:1px solid var(--linha);border-left:5px solid var(--ceu);border-radius:20px;padding:12px 14px;box-shadow:var(--sombra-pro)}
.ag-slot.ocupado .ag-hora{margin-top:0}
.ag-slot.ocupado:has(.chip.ok){border-left-color:var(--ok)}
.ag-slot.ocupado:has(.chip.avaria){border-left-color:var(--avaria)}
.ag-slot.ocupado:has(.chip.neutro){border-left-color:var(--na);opacity:.85}
.ag-info .linha strong{font:800 1.08rem "Barlow",sans-serif;letter-spacing:-.01em}
.ag-slot .botoes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.ag-slot .botoes .btn{border-radius:999px}
.ag-slot .botoes .link{margin-left:auto;color:var(--avaria);font-weight:700}
.ag-livre{border-radius:16px;border:1.5px dashed #BFD8EA;background:transparent;color:var(--ceu-forte);padding:11px 14px;transition:background .15s,border-color .15s}
.ag-livre:hover{background:var(--ceu-claro);border-color:var(--ceu)}
.ag-slot.passou{opacity:.45}
.ag-slot.passou .ag-info{align-self:center}
.ag-dia{border-radius:18px;padding:12px 6px;transition:transform .2s var(--ease),box-shadow .2s}
.ag-dia:hover:not(.ativo){transform:translateY(-2px);box-shadow:var(--sombra-pro)}
@media (max-width:640px){.ag-slot.ocupado{flex-direction:column;gap:8px}.ag-slot.ocupado .ag-hora{align-self:flex-start}.ag-slot{gap:8px}}

/* ---- Adesões, Eventos, Ouvidoria e afins: cartões de lista com faixa de situação ---- */
.ouv-cartao{border-left:5px solid var(--ceu);border-radius:22px;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.ouv-cartao:hover{transform:translateY(-2px);box-shadow:0 20px 34px -24px rgba(13,26,36,.45)}
.ouv-cartao:has(.chip.ok){border-left-color:var(--ok)}
.ouv-cartao:has(.chip.avaria){border-left-color:var(--avaria)}
.ouv-cartao:has(.chip.ambar){border-left-color:#E0A21A}
.ouv-cartao:has(.chip.neutro){border-left-color:#B8C4CF}
.ouv-prot{font:800 1.02rem "Barlow",sans-serif;letter-spacing:-.01em;color:var(--ceu-forte)}
.ouv-cartao .placa{transform:scale(.92);transform-origin:left center}
.ouv-cartao .linha{margin-bottom:4px}
@media (prefers-reduced-motion:reduce){.ouv-cartao{transition:none}.ouv-cartao:hover{transform:none}}

/* ===== NOVO VISUAL (azul-marinho, Schibsted Grotesk + Archivo) ===== */
:root{
  --ceu:#1A5FA0;--ceu-forte:#0E3F6E;--ceu-claro:#EAF4FC;--link:#1A5FA0;
  --tinta:#0E2A47;--texto:#1B3550;--muted:#56677A;--linha:#DCE2E9;--papel:#F3F5F8;--brilho:#2FA4E7;
}
body,.btn,input,select,textarea,button{font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.stat b{font-family:"Schibsted Grotesk",system-ui,sans-serif;letter-spacing:-.01em;font-weight:700}
.ag-hora,.ouv-prot,.placa-num{font-family:"Archivo",sans-serif;font-stretch:75%;font-weight:800;letter-spacing:.04em}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--brilho);outline-offset:2px}
.btn-pri{background:var(--ceu);border-color:var(--ceu);color:#fff}
.stat,.tabela-wrap,.painel{border-color:var(--linha)}

/* ===== MENU MARINHO + INÍCIO (dashboard) — protótipo "Novo Tec Admin" v2 ===== */
:root{--marinho:#0E2A47;--marinho-2:#0A2036;--marinho-borda:#23415F;--ceu:#2FA4E7;--link:#1A5FA0}
.tn{background:var(--marinho);border-bottom:1px solid var(--marinho-borda);backdrop-filter:none;-webkit-backdrop-filter:none}
.tn-b{color:#C5D4E2;font-family:"Schibsted Grotesk",sans-serif}
.tn-b:hover,.tn-g.on>.tn-b,.tn-g:hover>.tn-b{background:rgba(255,255,255,.08);color:#fff}
.tn-b.ativa,.tn-g.ativa>.tn-b{color:#fff}
.tn-b.ativa::after,.tn-g.ativa>.tn-b::after{background:var(--ceu)}
.tn-logo::after{background:rgba(255,255,255,.14)}
.tn-icone,.tn-user{background:rgba(255,255,255,.06);border-color:var(--marinho-borda);color:#E6EEF6;font-family:"Schibsted Grotesk",sans-serif}
.tn-icone kbd{border-color:var(--marinho-borda);color:#9DB3C9}
.tn-icone:hover,.tn-user:hover,.tn-eu.on .tn-user{border-color:var(--ceu);box-shadow:none}
.tn-dd{border-radius:12px;box-shadow:0 18px 40px -12px rgba(14,42,71,.45)}
.tn-dd .sb-i:hover{background:#EEF3F8;color:var(--marinho)}
.tn .sb-bol{background:#C2413A;color:#fff}
/* Início */
.dv{background:var(--fundo,#F3F5F8);margin:-1px 0 0}
.dv-faixa{background:var(--marinho);color:#fff;padding:26px 0 74px}
.dv-in,.dv-corpo{max-width:1280px;margin:0 auto;padding:0 24px}
.dv-data{color:#9DB3C9;font-size:.92rem}
.dv-linha{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:6px 0 22px}
.dv-faixa h1{color:#fff;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.12;margin:0;max-width:860px;font-weight:700;letter-spacing:-.02em}
.dv-carr{color:#C5D4E2}
.dv-acoes{display:flex;gap:10px}
.dv-b1,.dv-b2{height:46px;padding:0 20px;border-radius:12px;display:inline-flex;align-items:center;font-weight:700;text-decoration:none}
.dv-b1{background:var(--ceu);color:#0A2036}.dv-b2{border:1px solid #3A5A7A;color:#fff}
.dv-estr-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.dv-estr-cab h2{color:#fff;font-size:1.1rem;margin:0}
.dv-estr-cab a{color:#7CC4F0;font-size:.9rem}
.dv-estrada{background:var(--marinho-2);border:1px solid var(--marinho-borda);border-radius:14px;padding:6px 6px 8px;overflow-x:auto}
.dv-trilho{position:relative;display:flex;gap:6px;min-width:max-content}
.dv-trilho::before{content:"";position:absolute;left:0;right:0;top:calc(50% + 10px);border-top:2px dashed #3A5A7A;z-index:0}
.dv-col{position:relative;z-index:1;width:122px;flex:none;display:flex;flex-direction:column;gap:4px}
.dv-col time{font:.78rem "Archivo",monospace;color:#9DB3C9;padding:2px 4px;font-variant-numeric:tabular-nums}
.dv-slot{display:flex;flex-direction:column;gap:5px;min-height:112px;padding:10px;border-radius:10px;background:#E8EEF4;color:var(--marinho);text-decoration:none;font-size:.82rem;line-height:1.25}
.dv-slot .dv-n{flex:1;font-weight:600}
.dv-slot em{font-style:normal;font-size:.76rem;color:#56677A;display:flex;align-items:center;gap:6px}
.dv-slot em i{width:7px;height:7px;border-radius:50%;background:#7C8B9A}
.dv-slot.ok{background:#C9D6E3}.dv-slot.ok em{color:#1F7A5C}.dv-slot.ok em i{background:#1F7A5C}
.dv-slot.agora{background:#fff;box-shadow:0 0 0 2px var(--ceu)}.dv-slot.agora em{color:#1A5FA0}.dv-slot.agora em i{background:var(--ceu)}
.dv-slot.av em{color:#A3302A}.dv-slot.av em i{background:#C2413A}
.dv-slot.livre{background:transparent;border:1.5px dashed #3A5A7A;color:#9DB3C9;align-items:center;justify-content:center;text-align:center}
.dv-slot.livre span{font-size:1.4rem;line-height:1}
.dv-slot.livre:hover{border-color:var(--ceu);color:#fff}
.dv-placa{display:inline-flex;flex-direction:column;align-self:flex-start;border:2px solid var(--marinho);border-radius:5px;overflow:hidden;background:#fff}
.dv-placa i{height:5px;background:#1F4FA8}
.dv-placa b{font:800 .95rem/1.1 "Archivo",sans-serif;font-stretch:75%;letter-spacing:1px;padding:1px 6px;color:var(--marinho)}
.dv-fim{align-self:center;color:#6C86A0;font-size:.74rem;width:90px;flex:none;text-align:center;position:relative;z-index:1}
.dv-agora{position:absolute;top:0;bottom:0;width:2px;background:var(--ceu);z-index:2;pointer-events:none}
.dv-agora b{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);background:var(--ceu);color:#0A2036;font-size:.74rem;padding:2px 9px;border-radius:99px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dv-corpo{margin-top:-52px;position:relative;padding-bottom:40px}
.dv-res{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--borda,#DCE2E9);border-radius:14px;box-shadow:0 14px 34px -18px rgba(14,42,71,.4);overflow:hidden}
.dv-r{padding:18px 22px;text-decoration:none;color:var(--marinho);border-left:1px solid #E6EBF0;display:flex;flex-direction:column;gap:2px}
.dv-r:first-child{border-left:0}
.dv-r span{color:#56677A;font-size:.9rem}.dv-r b{font-size:2rem;line-height:1.15;font-variant-numeric:tabular-nums}
.dv-r em{font-style:normal;font-size:.83rem;color:#56677A}.dv-r em.ok{color:#1F7A5C}.dv-r em.av{color:#A3302A}.dv-r em.li{color:#1A5FA0;font-weight:600}
.dv-r:hover{background:#F8FAFC}
.dv-grade2{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px}
.dv-grade3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.dv-p{background:#fff;border:1px solid var(--borda,#DCE2E9);border-radius:14px;padding:20px 22px;min-width:0}
.dv-ph{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.dv-ph h2{font-size:1.15rem;margin:0;color:var(--marinho)}.dv-ph>span,.dv-ph>a{font-size:.85rem;color:#56677A}.dv-ph>a{color:#1A5FA0;font-weight:600}
.dv-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 8px}
.dv-d{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #E6EBF0}
.dv-d:first-of-type{border-top:0}
.dv-d b{display:block;color:var(--marinho)}.dv-d div span{font-size:.85rem;color:#56677A}
.dv-tag{font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:6px;text-align:center}
.dv-tag.u{background:#FBE9E8;color:#A3302A}.dv-tag.r{background:#E3F0FA;color:#1A5FA0}.dv-tag.h{background:#FDF1DC;color:#7A5000}
.dv-btn{height:42px;padding:0 18px;border:1px solid #C9D3DD;border-radius:10px;display:inline-flex;align-items:center;color:var(--marinho);font-weight:700;text-decoration:none;white-space:nowrap}
.dv-btn:hover{border-color:var(--marinho)}
.dv-rosca{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.dv-rosca svg{width:170px;height:170px;flex:none}
.dv-rt{font:700 30px "Schibsted Grotesk",sans-serif;fill:var(--marinho)}.dv-rs{font-size:11px;fill:#56677A}
.dv-rosca ul{list-style:none;margin:0;padding:0;flex:1;min-width:200px}
.dv-rosca li{display:grid;grid-template-columns:14px 1fr auto 44px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #E6EBF0}
.dv-rosca li i{width:10px;height:10px;border-radius:2px}.dv-rosca li span{color:#56677A;text-align:right}
.dv-reativ{margin-top:16px;background:#F3F5F8;border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.dv-reativ a{font-weight:700;color:#1A5FA0}
.dv-bar{width:100%;height:auto}.dv-eixo{font-size:12px;fill:#56677A}
.dv-nota{font-size:.82rem;color:#56677A;margin:10px 0 0}
.dv-fl,.dv-as{display:grid;grid-template-columns:120px 1fr 34px;gap:10px;align-items:center;margin:11px 0;font-size:.93rem}
.dv-fl>div{height:24px;background:#EEF2F6;border-radius:4px;overflow:hidden}.dv-fl>div i{display:block;height:100%}
.dv-fl b,.dv-as b{text-align:right;font-variant-numeric:tabular-nums}
.dv-as div{display:flex;gap:3px}.dv-as div i{flex:1;height:22px;border-radius:3px;background:#EEF2F6}.dv-as div i.on{background:var(--marinho)}
@media (max-width:1000px){.dv-res{grid-template-columns:1fr 1fr}.dv-r:nth-child(3){border-left:0}.dv-r:nth-child(n+3){border-top:1px solid #E6EBF0}.dv-grade2,.dv-grade3{grid-template-columns:1fr}}
@media (max-width:640px){
  .dv-in,.dv-corpo{padding:0 16px}.dv-faixa{padding:18px 0 62px}
  .dv-acoes{width:100%}.dv-b1,.dv-b2{flex:1;justify-content:center}
  .dv-trilho{flex-direction:column;min-width:0}.dv-trilho::before{display:none}
  .dv-col{width:100%;flex-direction:row;align-items:center;gap:10px}.dv-col time{width:48px;flex:none}.dv-col .dv-slot{flex:1;min-height:0;flex-direction:row;align-items:center;flex-wrap:wrap}
  .dv-agora,.dv-fim{display:none}
  .dv-d{grid-template-columns:1fr auto}.dv-d .dv-tag{grid-column:1/-1;justify-self:start}
  .dv-fl,.dv-as{grid-template-columns:96px 1fr 30px}
  .dv-r{padding:14px 16px}.dv-r b{font-size:1.6rem}
}
@media (prefers-reduced-motion:reduce){.dv *{animation:none!important;transition:none!important}}

/* =====================================================================
   NOVO VISUAL ESCURO "foto + vidro" no Tec admin (tec-admin-novo-visual do Sergio)
   ===================================================================== */
:root,:root:not([data-theme="light"]),:root[data-theme="dark"],:root[data-theme="light"]{
  --papel:#07111C;--fundo:#07111C;--cartao:#0F1D2C;--cartao2:#162739;--tinta:#F2F7FB;--texto:#D6E2EC;--muted:#9FB2C3;--linha:rgba(255,255,255,.10);--borda:rgba(255,255,255,.10);
  --ceu:#2AAAE2;--ceu-forte:#7FD3F7;--ceu-claro:rgba(42,170,226,.16);--link:#7FD3F7;--noite:#07111C;--brilho:#2AAAE2;
  --ok:#3DD6A0;--ok-claro:rgba(61,214,160,.14);--avaria:#FF7A66;--avaria-claro:rgba(255,122,102,.15);--ambar:#FFC83D;--ambar-claro:rgba(255,200,61,.14);
  --sombra:0 10px 30px rgba(0,0,0,.35);--sombra-pro:0 10px 30px rgba(0,0,0,.35);--marinho:#07111C;--marinho-2:#0A1826;--marinho-borda:rgba(255,255,255,.10);color-scheme:dark}
html,body{background:#07111C;color:var(--texto)}
body,.btn,input,select,textarea,button,.tn-b,.tn-icone,.tn-user{font-family:"Figtree","Schibsted Grotesk",system-ui,sans-serif}
h1,h2,h3,.stat b,.pn-card b,.tx-ind b,.tx-hero h1{font-family:"Bricolage Grotesque","Figtree",sans-serif;color:var(--tinta)}
.btn{background:var(--cartao2);color:var(--tinta);border-color:var(--linha)}
.btn-pri{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#07111C;border:0;box-shadow:0 8px 22px rgba(42,170,226,.28)}
.campo input,.campo select,.campo textarea,input,select,textarea{background:var(--cartao2);color:var(--tinta);border-color:var(--linha)}
.painel,.stat,.tabela-wrap,.ouv-cartao,.pn-bloco,.pn-card,.cartao,.sb-dd,.modal,.sheet{background:var(--cartao);border-color:var(--linha);color:var(--texto)}
.erro{background:rgba(255,122,102,.12);color:#FFB4A8;border-color:rgba(255,122,102,.4)}
.ok-box{background:rgba(61,214,160,.12);color:#9BE8CC}
.chip{background:var(--cartao2);color:var(--texto)}.chip.ok{background:var(--ok-claro);color:var(--ok)}.chip.ambar{background:var(--ambar-claro);color:var(--ambar)}.chip.avaria{background:var(--avaria-claro);color:var(--avaria)}
table th{background:rgba(255,255,255,.05);color:var(--muted)}table td{border-color:var(--linha)}
/* barra do topo em vidro escuro */
.tn{background:rgba(7,17,28,.9);border-bottom:1px solid var(--linha);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.tn-b.ativa,.tn-g.ativa>.tn-b{background:rgba(255,255,255,.08);color:#fff}.tn-b.ativa::after,.tn-g.ativa>.tn-b::after{display:none}
.tn-dd{background:var(--cartao2);border-color:var(--linha)}.tn-dd .sb-i{color:var(--texto)}.tn-dd .sb-i:hover{background:rgba(255,255,255,.07);color:#fff}
.tn-logo::after{background:#FFC83D;color:#07111C}
/* barra de baixo (celular) com "+" no centro */
.bb{background:rgba(15,29,44,.94);border-top:1px solid var(--linha)}
.bb a.bb-mais{flex:0 0 66px;align-items:center;justify-content:center}
.bb-mais span{display:grid;place-items:center;width:58px;height:58px;margin-top:-26px;border-radius:50%;background:linear-gradient(160deg,#45B9EC,#1E8FC4);color:#07111C;font:700 2rem/1 "Figtree",sans-serif;border:4px solid #07111C;box-shadow:0 10px 26px rgba(42,170,226,.4)}
/* ===== Início (tx-*) ===== */
.tx{background:#07111C}
.tx-hero{position:relative;overflow:hidden;padding:28px 0 30px}
.tx-foto{position:absolute;inset:0;background:var(--foto) center 35%/cover no-repeat;transform:scale(1.04)}
.tx-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,28,.78) 0%,rgba(7,17,28,.62) 55%,#07111C 100%)}
.tx-in,.tx-corpo{position:relative;max-width:1320px;margin:0 auto;padding:0 28px}
.tx-data{color:rgba(255,255,255,.82);font-size:.92rem}
.tx-hero h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:800;color:#fff;margin:6px 0 20px;letter-spacing:-.02em}
.tx-sub{color:#C5D4E2}
.tx-busca{display:flex;align-items:center;gap:14px;width:100%;max-width:780px;height:60px;padding:0 20px;border-radius:20px;background:rgba(13,27,42,.55);border:1px solid rgba(255,255,255,.18);color:#9FB2C3;font-size:1.05rem;text-align:left;cursor:text;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.tx-busca svg{width:22px;height:22px;color:var(--ceu-forte);flex:none}.tx-busca span{flex:1}.tx-busca kbd{border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:0 8px;color:#9FB2C3}
.tx-atalhos{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.tx-atalhos a{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:999px;background:rgba(13,27,42,.55);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.tx-atalhos a svg{width:19px;height:19px}.tx-atalhos a.pri{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#07111C;border:0;box-shadow:0 8px 22px rgba(42,170,226,.3)}
.tx-corpo{padding-bottom:50px;margin-top:6px}
.tx-inds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tx-ind{position:relative;display:flex;flex-direction:column;gap:2px;padding:20px;border-radius:24px;background:var(--cartao);border:1px solid var(--linha);text-decoration:none;color:var(--tinta)}
.tx-ind b{font-size:2.4rem;line-height:1.1;margin-top:14px;font-variant-numeric:tabular-nums}.tx-ind small{color:var(--muted);font-size:.92rem}
.tx-ind em{position:absolute;top:22px;right:20px;font-style:normal;font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--cartao2);color:var(--muted)}
.tx-ind em.ok{background:var(--ok-claro);color:var(--ok)}.tx-ind em.am{background:var(--ambar-claro);color:var(--ambar)}.tx-ind em.az{background:var(--ceu-claro);color:var(--ceu-forte)}.tx-ind em.co{background:var(--avaria-claro);color:var(--avaria)}
.tx-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--cartao2);color:var(--ceu-forte);flex:none}.tx-ic svg{width:22px;height:22px}
.tx-ic.ok{background:var(--ok-claro);color:var(--ok)}.tx-ic.am{background:var(--ambar-claro);color:var(--ambar)}.tx-ic.az{background:var(--ceu-claro);color:var(--ceu-forte)}.tx-ic.co{background:var(--avaria-claro);color:var(--avaria)}
.tx-g2{display:grid;grid-template-columns:1.9fr 1fr;gap:16px;margin-top:16px}.tx-g2.b{grid-template-columns:1.9fr 1fr}
.tx-p{background:var(--cartao);border:1px solid var(--linha);border-radius:24px;padding:22px 24px;min-width:0;margin-top:0}
.tx>.tx-corpo>.tx-p{margin-top:16px}
.tx-ph{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.tx-ph h2{font-size:1.45rem;margin:0}.tx-ph>a{color:var(--ceu-forte);font-weight:600}.tx-ph>span{color:var(--muted);font-size:.9rem}
.tx-n{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:99px;background:var(--avaria);color:#07111C;font:700 .78rem "Figtree",sans-serif;margin-left:10px;vertical-align:middle;padding:0 7px}
.tx-d{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:12px 14px;margin-top:10px;border-radius:18px;background:var(--cartao2)}
.tx-d b{display:block;color:var(--tinta)}.tx-d div span{font-size:.86rem;color:var(--muted)}
.tx-bt{height:44px;padding:0 20px;border-radius:14px;background:rgba(255,255,255,.1);color:var(--tinta);font-weight:700;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.tx-bt.pri{background:linear-gradient(180deg,#45B9EC,#2AAAE2);color:#07111C}
.tx-h{display:grid;grid-template-columns:52px 14px 1fr;gap:10px;align-items:start;padding:10px 0;text-decoration:none;color:var(--tinta)}
.tx-h time{color:var(--ceu-forte);font-weight:700;font-variant-numeric:tabular-nums}.tx-h i{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--ceu)}.tx-h i.ok{background:var(--menta,#3DD6A0)}.tx-h i.co{background:var(--avaria)}
.tx-h b{display:block}.tx-h small{color:var(--muted)}
.tx-barras{display:flex;align-items:flex-end;gap:14px;height:230px;padding-top:6px}
.tx-barras>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.tx-barras b{font-size:1.05rem}.tx-barras i{display:block;width:62%;max-width:64px;border-radius:14px;background:#2A4358;min-height:6px}.tx-barras .at i{background:linear-gradient(180deg,#7FD3F7,#2AAAE2);box-shadow:0 0 24px rgba(42,170,226,.45)}.tx-barras small{color:var(--muted)}
.tx-rosca{display:flex;flex-direction:column;align-items:center;gap:16px}.tx-rosca svg{width:190px;height:190px}.t1{font:800 34px "Bricolage Grotesque",sans-serif;fill:#F2F7FB}.t2{font-size:13px;fill:#9FB2C3}
.tx-rosca ul{list-style:none;margin:0;padding:0;align-self:flex-start;display:grid;gap:8px}.tx-rosca li{display:flex;align-items:center;gap:10px;color:var(--tinta)}.tx-rosca li i{width:12px;height:12px;border-radius:3px}
.tx-tab{width:100%;border-collapse:collapse}.tx-tab th{text-align:left;font-size:.82rem;color:var(--muted);font-weight:500;padding:8px 10px;background:none}.tx-tab td{padding:14px 10px;border-top:1px solid var(--linha);vertical-align:middle}.tx-tab td small{display:block;color:var(--muted)}
.tx-pill{display:inline-block;font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:99px;background:var(--cartao2);color:var(--texto)}.tx-pill.ok{background:var(--ok-claro);color:var(--ok)}.tx-pill.am{background:var(--ambar-claro);color:var(--ambar)}
.dv-placa{border-color:#F2F7FB;background:#F2F7FB}.dv-placa i{background:#1F4FA8}.dv-placa b{color:#07111C}
.tx-rod{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0 0;font-size:.82rem;color:var(--muted)}.tx-rod a{color:#fff;font-weight:700;text-decoration:none}
@media (max-width:1000px){.tx-inds{grid-template-columns:1fr 1fr}.tx-g2,.tx-g2.b{grid-template-columns:1fr}}
@media (max-width:640px){.tx-in,.tx-corpo{padding:0 16px}.tx-hero{padding:18px 0 22px}.tx-busca{height:54px;font-size:.95rem}.tx-busca kbd{display:none}.tx-atalhos{flex-wrap:nowrap;overflow-x:auto;margin:14px -16px 0;padding:0 16px}.tx-atalhos a{flex:none}.tx-ind b{font-size:2rem}.tx-ind{padding:16px}.tx-d{grid-template-columns:40px 1fr}.tx-d .tx-bt{grid-column:1/-1;justify-content:center}.tx-tab thead{display:none}.tx-tab td:nth-child(3),.tx-tab td:nth-child(4){display:none}.tx-barras{height:170px;gap:8px}}
/* ===== Login (foto + vidro) ===== */
.entrada{background:#0D1B2A;color:#fff}
.heroi.tx-login-foto{position:relative;overflow:hidden;background:#0D1B2A;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:36px 48px}
.heroi.tx-login-foto>*:not(.tx-foto){position:relative}
.tx-login-foto .tx-foto{background:var(--foto) center 40%/cover no-repeat;animation:e3-kb 12s ease-out forwards}
.tx-login-foto .tx-foto::after{background:linear-gradient(180deg,rgba(7,17,28,.55),rgba(7,17,28,.2) 40%,rgba(7,17,28,.8))}
@keyframes e3-kb{from{transform:scale(1.14)}to{transform:scale(1.02)}}
.tx-lg-logo{display:flex;align-items:center;gap:8px}.tx-lg-logo .m{font:800 30px/1 "Bricolage Grotesque",sans-serif;padding:4px 16px 9px;border-radius:55% 45% 50% 50%/60% 55% 45% 40%;background:rgba(42,170,226,.38);border:1.5px solid rgba(255,255,255,.55)}
.tx-lg-logo .a{font:800 26px "Bricolage Grotesque",sans-serif}.tx-lg-logo .t{background:#FFC83D;color:#07111C;font:800 .7rem "Figtree",sans-serif;border-radius:6px;padding:3px 8px}
.tx-lg-frase h1{color:#fff;font-size:clamp(2rem,3.6vw,3rem);font-weight:800;max-width:520px;margin-bottom:10px}.tx-lg-frase p{color:rgba(255,255,255,.85);max-width:440px}
.lado-form{background:transparent}
.form-entrar{background:rgba(13,27,42,.62);border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:28px 26px;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.form-entrar h2{color:#fff;font-family:"Bricolage Grotesque",sans-serif;font-size:1.9rem}.form-entrar .muted{color:rgba(255,255,255,.75)}.form-entrar .campo>span{color:#fff}
.form-entrar .campo input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.form-entrar .link-grande,.form-entrar .link{color:var(--ceu-forte)}
@media (max-width:820px){.heroi.tx-login-foto{min-height:34vh;padding:24px 20px}.tx-lg-frase h1{font-size:1.7rem}.lado-form{margin-top:-30px;position:relative;z-index:2}}
@media (prefers-reduced-motion:reduce){.tx-login-foto .tx-foto{animation:none}.tx *{transition:none!important}}
.tx{overflow-x:hidden}.tx-p{overflow:hidden}.tx-tab{display:block;overflow-x:auto}
@media (max-width:640px){.tx-tab td{padding:12px 6px}.tx-tab td:nth-child(5){display:none}}

/* ===== CADASTROS > ASSOCIADOS (ficha: dados do Tec editáveis + dados do SGA só leitura) ===== */
.ca-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.ca-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.ca-cartao{background:var(--cartao,#0F1D2C);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px;min-width:0}
.ca-cartao input,.ca-cartao textarea,.ca-cartao select{max-width:100%;box-sizing:border-box}
.ca-ro{border-style:dashed;opacity:.97}
.ca-v{border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px;margin-top:10px;background:rgba(255,255,255,.03)}
@media (max-width:860px){.ca-grid{grid-template-columns:1fr}}

/* ===== TIPOGRAFIA REFINADA + FOTO DE FUNDO (29/10/2026; docs/redesign-tipografia/). Cores NÃO mudam: só fontes, tamanhos, espaços e a faixa com foto. ===== */
:root{--tn-h:56px;--f-tit:"Plus Jakarta Sans","Inter",system-ui,sans-serif;--f-txt:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--raio-c:14px}
html{font-size:13px}
html body,body,.btn,input,select,textarea,button,.tn-b,.tn-icone,.tn-user{font-family:var(--f-txt)}
body{font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,.stat b,.pn-card b,.tx-ind b,.tx-hero h1,.t1{font-family:var(--f-tit)}
h1{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
h2{font-size:15px;font-weight:600;line-height:1.3}
h3{font-size:14px;font-weight:600}
.muted,.peq,small{font-size:12px}
p,td,th,li,label,.campo span{font-size:13px}
th{font-size:12px;font-weight:600}
/* menu superior */
.tn-in{height:56px;padding:0 24px;gap:14px}
.tn-logo .logo{height:28px}
.tn-b{height:34px;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:500}
.tn-icone{height:36px;min-width:36px;padding:0 10px;font-size:13px;border-radius:10px}
.tn-user{height:36px;font-size:13px}
.tn-dd .sb-i{font-size:13px;padding:8px 10px}
/* botões, campos, selos */
.btn{font-size:13px;min-height:36px;height:auto;padding:7px 14px;border-radius:10px;font-weight:600}
.btn-peq,.btn.peq{min-height:30px;font-size:12px;padding:4px 10px}
input,select,textarea,.campo input,.campo select,.campo textarea{font-size:13px;min-height:36px}
.chip,.pill,.tx-pill,.sr-sel{font-size:11px;font-weight:500}
.stat b,.pn-card b{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}
.stat,.pn-card{font-size:12.5px}
.painel,.ouv-cartao,.pn-bloco,.cartao{border-radius:var(--raio-c);padding:16px 18px}
.painel h2,.pn-bloco h2{font-size:15px;font-weight:600}
/* Início */
.tx-hero{padding:26px 0 24px;background:none}
.tx-hero .tx-foto{background-color:#07111c;background-image:linear-gradient(90deg,rgba(7,17,28,.96) 0%,rgba(7,17,28,.82) 38%,rgba(7,17,28,.35) 70%,rgba(7,17,28,.55) 100%),linear-gradient(180deg,rgba(7,17,28,0) 55%,#07111c 100%),url(img/fundo-tec.jpg);background-size:cover;background-position:center 42%;background-repeat:no-repeat;transform:none}
.tx-hero .tx-foto::after{display:none}
.tx-in,.tx-corpo{padding:0 24px}
.tx-data{font-size:12px;color:#aebccb}
.tx-hero h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:4px 0 16px}
.tx-busca{height:44px;font-size:13.5px;border-radius:12px;padding:0 16px;background:rgba(10,22,36,.72)}
.tx-busca svg{width:18px;height:18px}
.tx-atalhos{gap:8px;margin-top:12px}
.tx-atalhos a{height:36px;padding:0 14px;font-size:13px;font-weight:500;background:rgba(10,22,36,.72)}
.tx-atalhos a svg{width:15px;height:15px}
.tx-atalhos a.pri{background:#3bb4ee;color:#04121d;box-shadow:none;font-weight:600}
.tx-inds,.tx-g2{gap:16px}
.tx-ind{padding:16px 18px;border-radius:var(--raio-c)}
.tx-ind b{font-size:26px;font-weight:700;margin-top:10px}
.tx-ind small{font-size:12.5px}
.tx-ind em{font-size:11px;font-weight:500;top:16px;right:16px}
.tx-ic{width:32px;height:32px;border-radius:10px}.tx-ic svg{width:16px;height:16px}
.tx-p{padding:16px 20px;border-radius:var(--raio-c)}
.tx-ph h2{font-size:15px;font-weight:600}
.tx-ph>a,.tx-ph>span{font-size:12px}
.tx-d{grid-template-columns:32px 1fr auto;gap:12px;padding:10px 12px;border-radius:12px}
.tx-d div span,.tx-h small{font-size:12px}
.tx-bt{height:34px;padding:0 14px;font-size:13px;border-radius:10px}
.tx-barras b{font-size:12px}
.tx-tab th{font-size:12px}.tx-tab td{font-size:13px;padding:10px}
.tx-pill{font-size:11px}
.tx-rod{font-size:12px}
/* faixa com foto no topo das telas internas (o cabeçalho .adm-topo vira a faixa; caminho vem do JS) */
.wrap>.adm-topo:first-child,main>.adm-topo:first-child{position:relative;margin:-28px calc(50% - 50vw) 16px;padding:28px max(24px,calc(50vw - 652px)) 24px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;border:0;border-radius:0;
  background-color:#07111c;background-image:linear-gradient(90deg,rgba(7,17,28,.97) 0%,rgba(7,17,28,.86) 40%,rgba(7,17,28,.45) 75%,rgba(7,17,28,.6) 100%),linear-gradient(180deg,rgba(7,17,28,0) 40%,#07111c 100%),url(img/fundo-tec.jpg);background-size:cover;background-position:center 38%;background-repeat:no-repeat}
.adm-topo h1{margin:0;color:#fff}
.adm-topo>div:first-child{min-width:0}
.adm-topo p.muted{margin:4px 0 0;font-size:13px;color:#aebccb}
.adm-topo .faixa-cam{margin:0 0 6px;font-size:12px;color:#8a9bb0}.adm-topo .faixa-cam a{color:#8a9bb0;text-decoration:none}.adm-topo .faixa-cam b{font-weight:400;color:#c9d4e0}
.adm-topo .btn:not(.btn-pri){background:rgba(10,22,36,.72);border-color:rgba(255,255,255,.16);color:#dbe4ee;border-radius:999px}
.adm-topo .btn-pri{background:#3bb4ee;color:#04121d;box-shadow:none}
body{overflow-x:hidden}
@media (max-width:720px){
  .tx-hero .tx-foto{background-image:linear-gradient(180deg,rgba(7,17,28,.78) 0%,rgba(7,17,28,.9) 60%,#07111c 100%),url(img/fundo-tec.jpg);background-position:62% center}
  .wrap>.adm-topo:first-child,main>.adm-topo:first-child{margin-top:-16px;padding:20px 16px 18px;background-image:linear-gradient(180deg,rgba(7,17,28,.8) 0%,rgba(7,17,28,.92) 70%,#07111c 100%),url(img/fundo-tec.jpg);background-position:62% center}
  .tx-in,.tx-corpo{padding:0 16px}
  .tx-hero h1{font-size:24px}
  .tx-busca{height:44px}
  /* no celular o navegador dá zoom em campo menor que 16px: campos ficam em 16px */
  input,select,textarea,.campo input,.campo select,.campo textarea{font-size:16px;min-height:40px}
  .btn{min-height:38px}
}

/* Início: selo com explicação ("Regra Maxx · 1+ dia: X"), uma linha só, âmbar suave, igual ao selo verde dos Veículos ativos */
.tx-ind em.sel{white-space:nowrap;cursor:help;background:var(--ambar-claro);color:var(--ambar)}
@supports (background:color-mix(in srgb,red 15%,transparent)){.tx-ind em.sel{background:color-mix(in srgb,var(--ambar) 15%,transparent)}}
.tx-ind em.sel::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:max-content;max-width:min(280px,72vw);white-space:normal;font-size:12px;font-weight:400;line-height:1.45;text-align:left;padding:10px 12px;border-radius:12px;background:#0E2A47;color:#fff;box-shadow:0 8px 24px rgba(7,17,28,.25);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}
.tx-ind em.sel:hover::after,.tx-ind em.sel:focus::after,.tx-ind em.sel.tip-on::after{opacity:1;visibility:visible}
@media (max-width:640px){.tx-ind em{position:relative;top:auto;right:auto;order:5;align-self:flex-start;margin-top:8px;white-space:nowrap;max-width:100%}.tx-ind em:not(.sel){overflow:hidden;text-overflow:ellipsis}.tx-ind em .cx{display:none}.tx-ind em.sel::after{position:fixed;top:auto;right:16px;left:16px;bottom:16px;width:auto;max-width:none;z-index:1000}}