/* GiroVende · novo visual (p116 base). Carregado por ultimo em todas as paginas. So visual. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.woff2) format('woff2')}

:root{
  --bg:#0B111C;--bg2:#0E1622;--card:#111A27;--borda:#1C2738;--linha:#172234;--sf2:#162133;
  --txt:#E6EDF5;--txt2:#8A97A8;--txt3:#C3CFDD;--txt4:#6B7A8E;--link:#8FA3BC;
  --verde:#22C55E;--vermelho:#EF4444;--amarelo:#FFC107;--azul:#007BFF;--cinza:#6C757D;--acento:#22C55E;
  --sel:#1A2638;--selb:#8FA3BC;--ghost:#243248;--sombra:0 2px 12px rgba(0,0,0,.06)
}

/* fonte */
html,body,body *:not(code):not(pre):not(kbd):not(samp):not(.mono){font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.logo,.logo *{font-family:'Poppins','Inter',system-ui,sans-serif!important}
body{background:var(--bg);color:var(--txt)}
table,.num,.val,.an-k b{font-variant-numeric:tabular-nums lining-nums}
h1{font-weight:700!important;letter-spacing:-.02em}
h2,h3{font-weight:600!important;letter-spacing:-.01em}
b,strong{font-weight:600!important}
th{font-weight:500!important;color:var(--txt4)}

/* botoes */
html .btn{border-radius:4px;font-weight:600;background:var(--verde);color:#052E14;border:0}
html .btn:hover{filter:brightness(1.06)}
html .btn.sec{background:transparent;color:var(--txt3);border:1.5px solid var(--ghost);font-weight:500}
html .btn.sec:hover{border-color:#3A4A63;color:var(--txt);filter:none}
html .btn.perigo{background:transparent;color:var(--vermelho);border:1.5px solid var(--ghost);font-weight:500}
html .btn.perigo:hover{border-color:rgba(239,68,68,.5)}
html .btn.azul{background:var(--azul);color:#fff}
html .btn:disabled,html .btn[disabled]{opacity:.5;cursor:default;filter:none}

/* campos */
html input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html textarea,html select{background:var(--bg2);border:1px solid var(--borda);color:var(--txt);border-radius:6px}
html input:focus,html textarea:focus,html select:focus{outline:none;border-color:#3A4A63;box-shadow:0 0 0 3px rgba(143,163,188,.12)}
html input::placeholder,html textarea::placeholder{color:var(--txt4)}
html input[type=time],html input[type=date]{color-scheme:dark}
html input[type=checkbox]{accent-color:var(--verde)}
html input[type=range]{accent-color:var(--verde)}
html label{color:var(--txt3)}

/* cards */
html .card,html .zap,html .login-box{background:var(--card);border:1px solid var(--borda);border-radius:8px;box-shadow:var(--sombra)}
html .secao{color:var(--txt4);font-size:11px;font-weight:600;letter-spacing:.08em}
html .aviso{background:var(--bg2);border-color:var(--borda);border-radius:8px}
html .bdg{border-radius:4px}

/* abas genericas */
html .aba{background:transparent;border:1px solid var(--borda);border-radius:4px;color:var(--txt2)}
html .aba.ativa{background:var(--sel);border:1.5px solid var(--selb);color:var(--txt);font-weight:600}

/* menu lateral */
html .side{background:var(--bg2);border-right:1px solid var(--borda)}
html .side .logo{font-size:20px}
html .side .nav a{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:8px 10px;border-radius:6px;color:var(--link);font-size:14px;border:0;margin-bottom:2px}
html .side .nav a:hover{color:var(--txt);background:rgba(255,255,255,.02)}
html .side .nav a.ativo{background:var(--sf2);color:var(--txt);font-weight:500;border:0}
html .side .nav a .ni{width:16px;height:16px;flex:none;stroke:currentColor}
html .side .nav a.ativo .ni{stroke:var(--verde)}
html .side .nav .nav-h{font-size:10.5px;font-weight:600;color:var(--txt4);letter-spacing:.08em;padding:14px 10px 6px}
html .side .nav .nav-h:first-child{padding-top:6px}
html .nav-sair{color:var(--txt2);border-radius:6px;padding:8px 10px;gap:10px}
html .nav-sair:hover{color:#F3A5A5;background:rgba(239,68,68,.06)}
html .side-cta{border-radius:8px;background:transparent;border-color:var(--borda)}
html .side-cta:hover{border-color:#2A3850}
html .side-cta .av{background:var(--sf2);color:var(--txt);font-weight:600}
html .side-cta b{font-weight:600!important;color:var(--txt)}
html .side-cta small{color:var(--txt2)}

/* seletor de nicho */
html .nc-bt{border-radius:8px;border-color:var(--borda)}
html .nc-bt:hover{border-color:#2A3850}
html .side-nc .nn small{color:var(--txt2)}
html .side-nc .nn b{font-weight:600!important;color:var(--txt)}
html .side-nc .nv{border-radius:6px;background:rgba(34,197,94,.12);color:var(--verde);font-weight:700}
html .nc-m{background:var(--bg);border-color:#243248;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
html .nc-m::before{content:'Seus nichos';display:block;padding:6px 8px 4px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt4)}
html .nc-it{border-radius:6px;padding:7px 8px;color:var(--txt);position:relative}
html .nc-it:hover{background:rgba(255,255,255,.03)}
html .nc-it.on{background:var(--sf2);color:var(--txt)}
html .nc-it .nv,html .nc-it:not(.on) .nv{width:28px;height:28px;min-width:28px;border-radius:6px;font-weight:700;font-size:11px}
html .nc-it:nth-of-type(4n+1) .nv{background:rgba(34,197,94,.13);color:#22C55E}
html .nc-it:nth-of-type(4n+2) .nv{background:rgba(37,99,235,.15);color:#5B8DEF}
html .nc-it:nth-of-type(4n+3) .nv{background:rgba(217,119,6,.15);color:#E39B3A}
html .nc-it:nth-of-type(4n+4) .nv{background:rgba(219,39,119,.15);color:#E2609B}
html .nc-it .nn{font-weight:600}
html .nc-it small{color:var(--txt2)}
html .nc-it small.falta{color:var(--amarelo)}
html .nc-it.on::after{content:'';width:14px;height:14px;flex:none;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322C55E' stroke-width='2.5'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
html .nc-novo .nv{border-radius:6px!important;border:1.5px dashed #2A3850!important;background:none!important}
html .nc-sep{border-color:var(--borda)}
html .nc-box{border-radius:10px;background:var(--card)}
html .nc-box h3{font-size:17px;font-weight:700!important}

/* Como funciona */
html .cf-bt{border-radius:4px;border:1.5px solid var(--ghost);background:transparent;color:var(--txt3);padding:6px 12px 6px 8px}
html .cf-bt i{background:transparent;color:var(--txt3);font-size:9px}
html .cf-bt:hover{border-color:#3A4A63;color:var(--txt)}
html .cf-dw{background:var(--bg2);border-left-color:var(--borda)}
html .cf-dica{background:var(--card);border-color:var(--borda);border-radius:8px}

/* topo do celular */
@media(max-width:760px){
  html .mtop{background:var(--bg2);border-bottom-color:var(--borda)}
  html .mtop-bt{border-radius:6px;background:transparent}
  html .side .nav a{padding:10px 12px;border-radius:6px;border:0}
  html .side .nav a.ativo{background:var(--sf2);color:var(--txt);border:0}
  html .main{padding:20px 16px 40px}
}

/* p118: padrao de tipografia e botoes do novo visual (vence a camada p62, que usa !important com peso de ID) */
:is(.topo h1,main h1,#gv1#gv2#gv3){font-size:24px!important;font-weight:700!important;color:var(--txt)!important;letter-spacing:-.02em}
:is(.topo .desc,.cu-sub,.dd-sub,.fv-sub,.ge-sub,.am-sub,.vt-sub,#gv1#gv2#gv3){font-size:13px!important;color:var(--txt2)!important}
:is(.modal h2,.modal-box h2,.dd-md h3,.cf-box h3,.pg-md h3,#gv1#gv2#gv3){font-size:17px!important;font-weight:700!important;color:var(--txt)!important}
:is(main h2,main h3,.gm-bloco h3,.cx-h,.cfg-secao h2,.vd-bx h3,.pn-bx h3,.an-bt h2,.cu-sh h2,.dd-sh h2,.fv-sh h2,.ge-sh h2,.am-sh h2,.cx-sh h2,.cfg-l h2,#gv1#gv2#gv3){font-weight:600!important;color:var(--txt)!important}
:is(.vd-k small,.pn-k small,#gv1#gv2#gv3){color:var(--txt2)!important}
:is(.gf-t,.gm-ids-t,.gm-sub-t,.gm-imgsub-t,.gm-cp-t,label.op b,label.sw b,.cu-row>b,.dd-row b,.fv-big b,.fv-k,.am-sw b,.ch-op b,.cx-tt b,#gv1#gv2#gv3){font-weight:600!important;color:var(--txt)!important}
:is(label.op:has(input:checked) b,.ch-op.on b,#gv1#gv2#gv3){color:var(--txt)!important}
:is(.desc,p.desc,.cx-d,.gf-d,.gf-rod,.gm-ids-d,label.op small,label.sw small,.gm-imgsub-h,.gm-cp-h,.gm-cta-aviso,.cu-row small,.dd-row small,.fv-big small,.am-sw small,.ch-op p,.cfg-l p,.cu-sh p:not(.cu-mls),.dd-sh p,.fv-sh p,.ge-sh p,.cx-sh p,.cu-dica,.dd-dica,.pg-info,.auto-linha,#gv1#gv2#gv3){color:var(--txt2)!important}
:is(main label:not(.op):not(.sw):not(.gm-lj):not(.gm-imgpl):not(.sel-pag):not(.chk),.modal label:not(.op):not(.sw):not(.gm-lj):not(.gm-imgpl):not(.chk),#gv1#gv2#gv3){font-weight:500!important;color:var(--txt3)!important}
:is(.seg .seg-b,.abas .aba,.gm-lj,.gm-rod-ab,.gm-imgpl,.chip-f,.ch-ck,.ch-aba,.cu-chip,.dd-chip,.fv-chip,.am-chip,.cx-chip,.vt-pl,.vd-pl,.pg,.an-pl,#gv1#gv2#gv3){font-size:12.5px!important}
:is(.btn,.am-bt,.am-bs,#gv1#gv2#gv3){font-size:12.5px!important;font-weight:500!important}
:is(.gm-cnt,.gm-sep,.vd-ax,.ch3-x,.ch3-y,.vd-tb th,.ag-hist th,.oc-rod,.fv-nm small,#gv1#gv2#gv3){color:var(--txt4)!important}
:is(.usuario span,#gv1#gv2#gv3){color:var(--txt3)!important}
:is(.vazio,.vt-vazio,.vd-vazio,.fv-vz,.pg-gap,#gv1#gv2#gv3){color:var(--txt2)!important}
/* botao neutro do sistema = ghost; botao principal = .pri (verde) */
:is(.btn:not(.sec):not(.perigo),.am-bt,.pg-bt,.an-btn.pri,.pn-cok,.vt-bt:not(.sec),#gv1#gv2#gv3){background:transparent!important;color:var(--txt3)!important;border:1.5px solid var(--ghost)!important;border-radius:4px!important}
:is(.btn.pri,#gv1#gv2#gv3){background:var(--verde)!important;color:#052E14!important;border:0!important;font-weight:600!important}
:is(.btn.perigo,#gv1#gv2#gv3){border-radius:4px!important}
:is(.pg,#gv1#gv2#gv3){border-radius:4px!important}

/* p119: chaves liga/desliga (todas as paginas) */
:is(.am-tg,.cu-sw,.dd-sw,.fv-sw,.pg-tg,.cx-tg,.cfg-pane .cx-tg,label.sw input[type=checkbox],.cfg-pane label.sw input[type=checkbox],#modal-config label.sw input[type=checkbox],.mp label.sw input,#gv1#gv2#gv3#gv4){background:radial-gradient(circle at 10px 50%,#fff 0 7px,transparent 7.5px) #2A3850!important;box-shadow:none!important;border:0!important}
:is(.am-tg:checked,.cu-sw:checked,.dd-sw:checked,.fv-sw:checked,.pg-tg:checked,.cx-tg:checked,.cfg-pane .cx-tg:checked,label.sw input[type=checkbox]:checked,.cfg-pane label.sw input[type=checkbox]:checked,#modal-config label.sw input[type=checkbox]:checked,.mp label.sw input:checked,#gv1#gv2#gv3#gv4){background:radial-gradient(circle at 26px 50%,#fff 0 7px,transparent 7.5px) var(--verde)!important;box-shadow:none!important}

/* p119: opcao escolhida = cinza-azulado (menos verde), em todas as paginas */
:is(.am-chip.on,.am-chips .am-chip.on,.am-sg.on,.an-pb button.on,.an-pills .an-pl.on,.an-pl.on,.an-tg2 button.on,.cfg-aba.on,.chip-f.on,.cu-chip.sel,.cu-tabs .cu-chip.sel,.cu-pg-bt button.sel,.cx-chip.sel,#c-grupos .cx-chip.sel,.cx-opt .cx-chip.sel,.cx-uso .cx-chip.sel,.cx-pill.on,.dd-chip.sel,.dd-chips .dd-chip.sel,.dd-chips .dd-chip.atual,.dd-lj span.sel,.dd2-m button.on,.fv-chip.sel,.fv-chips .fv-chip.sel,.mp .ch button.on,.mp-modo button.on,.pg-abas .on,.pg-mot button.on,.pg-seg button.on,.pn-pl.on,.seg .seg-b.on,.tpl-modelos button.on,.vd-pl.on,.vt-pl.on,#sec-chamadas .ch-aba.on,#sec-chamadas .ch-ck.on,#modal-config .gm-rod-ab.on,#modal-config .gm-rod-abas .gm-rod-ab.on,#gv1#gv2#gv3#gv4){background:var(--sel)!important;border-color:var(--selb)!important;color:var(--txt)!important;box-shadow:inset 0 0 0 .5px var(--selb)!important}
:is(#f-cats label:has(input:checked),#modal-config .ag-grupos label:has(input:checked),#modal-config .gf-cats label.gm-lj:has(input:checked),#modal-config .gm-cp-pills label.gm-lj:has(input:checked),#modal-config .gm-imgpills label.gm-imgpl:has(input:checked),#modal-config .gm-ljs label.gm-lj:has(input:checked),#modal-config label.gd-it:has(input:checked),#modal-config label.gm-imgpl:has(input:checked),#modal-config label.gm-lj:has(input:checked),#modal-config label.op:has(input:checked),#modal-config .gl:has(> .gl-top input:checked),#modal-config .gl:has(input[type=checkbox]:checked),#gv1#gv2#gv3#gv4){background:var(--sel)!important;border-color:var(--selb)!important;color:var(--txt)!important;box-shadow:inset 0 0 0 .5px var(--selb)!important}
:is(.seg,.vis-bar,.pg-seg,.an-pills,.vd-per,.am-seg,#gv1#gv2#gv3){border-radius:6px!important}
:is(.seg .seg-b,.pg-seg button,.vd-pl,.an-pl,.vt-pl,#gv1#gv2#gv3){border-radius:4px!important}
:is(.chip-f,.cu-chip,.dd-chip,.fv-chip,.am-chip,.cx-chip,.cx-pill,#gv1#gv2#gv3){border-radius:4px!important}

/* p119: abas com sublinhado em todas as paginas que usam .abas */
html body .abas{background:transparent;border:0;border-bottom:1px solid var(--borda);border-radius:0;padding:0;width:auto;max-width:100%;margin:0 0 4px;gap:4px;flex-wrap:nowrap;overflow-x:auto}
html body .abas .aba{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:10px 14px!important;margin:0 0 -1px!important;box-shadow:none!important;color:var(--txt2)!important;white-space:nowrap}
html body .abas .aba.ativa{border-bottom-color:var(--verde)!important;color:var(--txt)!important;font-weight:600!important}
html body .abas .aba b{background:var(--sf2)!important;color:var(--txt2)!important;border-radius:4px!important;margin-left:8px!important;padding:1px 6px!important;font-size:11.5px}
html body .abas .aba.ativa b{background:rgba(34,197,94,.14)!important;color:var(--verde)!important}

/* p119: menus suspensos do sistema (Categoria, Ordenar, Periodo no celular) */
html .dd2>button{border-radius:6px;border:1px solid var(--borda);background:var(--bg2);color:var(--txt);padding:8px 12px;font-size:12.5px}
html .dd2>button span{color:var(--txt2)}
html .dd2>button:hover{border-color:#2A3850}
html .dd2-m{background:var(--bg);border:1px solid #243248;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
html .dd2-m button{border-radius:4px;color:var(--txt3)}
html .dd2-m button:hover{background:rgba(255,255,255,.03)}

/* p120: pagina atual nas paginacoes */
:is(.pg.on,.pg.ativa,.pg[aria-current],#gv1#gv2#gv3#gv4){border:1.5px solid var(--selb)!important;background:var(--sel)!important;color:var(--txt)!important;font-weight:600!important}