/* Elooa — reformulação da gestão (14/11/2026)
   Visual mais compacto: cantos menores, letras menores, hierarquia clara. A Agenda em grade é a referência.
   Componentes novos com o prefixo gx- (páginas de gestão, tabelas, filtros e indicadores). */

:root{--raio:8px;--gx-borda:#E3E5E8;--gx-cab:#F6F7F8;--gx-txt2:#5F6368}

/* ---------- tamanhos gerais (computador e tablet) ---------- */
@media (min-width:768px){
  body{font-size:14px}
  input,textarea,select{font-size:14px;padding:8px 10px;border-radius:6px}
  .titulo{padding:4px 0 14px}
  .titulo h1,.app .titulo h1{font-size:20px;letter-spacing:-.01em}
  .titulo p{font-size:13px}
  .ip-cab h1{font-size:20px;letter-spacing:-.01em}
  .big{font-size:22px}
  .card h2{font-size:14px}
  .folha-cab h3{font-size:17px}
  .btn{font-size:14px;padding:10px 14px}
  .chip{padding:6px 10px;font-size:13px}
  .seg button{padding:5px 12px;font-size:13px}
  .app .kpis .big{font-size:20px}
  .ini-kpis .big{font-size:20px}
  .fi-pessoa h3{font-size:16px}
}
.tp-b .b{border-radius:999px}
.pdot{border-radius:50%}

/* ---------- Início sem submenu: o conteúdo usa a largura toda ---------- */
@media (min-width:1024px){
  body.sem-p2:not(.p2-on) .painel2,body.sem-p2 .veu-p2{display:none!important}
  body.sem-p2 .app,body.sem-p2.p2-fixo .app{margin-left:88px}
  body.sem-p2 .topo-d,body.sem-p2.p2-fixo .topo-d{left:88px}
  /* submenu: grupos que abrem e fecham (Pagamento de profissionais, Ranking) */
  .p2-g.gx-dobra{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
  .p2-g.gx-dobra svg.i{width:14px;height:14px;transition:transform .15s}
  .p2-g.gx-dobra.aberto svg.i{transform:rotate(90deg)}
  .p2-it.gx-sub{padding-left:30px}
  .p2-it.gx-sub svg.i{display:none}
}

/* ---------- telas que viram página (Lançar serviço, Caixa e outras) ---------- */
@media (min-width:1024px){
  body.folha-cheia .ov.on{inset:62px 10px 10px 88px;background:transparent;align-items:stretch;justify-content:stretch;z-index:15;display:flex}
  body.folha-cheia.p2-fixo:not(.sem-p2) .ov.on{left:348px}
  body.folha-cheia .ov.on>.folha,body.folha-cheia .ov.on>.folha.ag-b,body.folha-cheia .ov.on>.folha.larga{width:100%;max-width:none;max-height:none;height:100%;border-radius:10px;animation:none;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid var(--gx-borda)}
  body.folha-cheia .ov.on>.folha:not(.ag-b){padding:20px 28px 28px;overflow:auto}
  body.folha-cheia .ag-b .ag-grid{grid-template-columns:minmax(0,1fr) 360px;max-height:none;height:100%}
  body.folha-cheia .ag-b .ag-esq{padding:22px 28px}
  body.folha-cheia .puxador{display:none}
  body.folha-cheia .folha-cab{border-bottom:1px solid var(--gx-borda);padding-bottom:12px;margin-bottom:14px}
  body.folha-cheia .folha-cab h3::before{content:attr(data-trilha);display:block;font-size:11.5px;font-weight:500;color:var(--apoio);letter-spacing:0;margin-bottom:2px}
  body.folha-cheia .folha.larga .cx-k b{font-size:18px}
  body.folha-cheia .folha.larga .cx-k.forte b{font-size:22px}
  body.folha-cheia .app{visibility:hidden}
}

/* ---------- página de gestão ---------- */
.gx{padding:16px}
@media (min-width:1024px){.gx{padding:0}}
.gx-cab{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--gx-borda);margin-bottom:16px}
.gx-cab .t{flex:1;min-width:220px}
.gx-trilha{font-size:11.5px;color:var(--apoio);margin-bottom:3px;display:flex;gap:6px;align-items:center}
.gx-trilha span+span::before{content:"/";margin-right:6px;color:#B8BCC2}
.gx-cab h1{font-family:var(--fonte-tit);font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.gx-cab p{font-size:13px;color:var(--apoio);margin-top:3px;max-width:720px}
.gx-acoes{display:flex;gap:8px;flex-wrap:wrap}
.gx-b{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:600;background:var(--verde);color:#fff;white-space:nowrap}
.gx-b:hover{background:var(--verde-esc)}
.gx-b.sec{background:#fff;color:var(--texto);box-shadow:inset 0 0 0 1px var(--gx-borda);font-weight:500}
.gx-b.sec:hover{background:var(--gx-cab)}
.gx-b.peq{height:26px;padding:0 9px;font-size:12px}
.gx-b.perigo{background:#fff;color:var(--vermelho);box-shadow:inset 0 0 0 1px #F0C9C6}
.gx-b svg.i{width:15px;height:15px}
.gx-b[disabled]{opacity:.5;pointer-events:none}

/* filtros */
.gx-filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--gx-cab);border:1px solid var(--gx-borda);border-radius:8px;padding:8px 10px;margin-bottom:14px}
.gx-filtros label{font-size:12px;color:var(--apoio);font-weight:500}
.gx-filtros input,.gx-filtros select{width:auto;min-width:0;height:30px;padding:0 8px;font-size:13px;background:#fff;border-radius:5px}
.gx-filtros input[type=search]{min-width:220px}
.gx-filtros .sp{flex:1}
.gx-per{display:inline-flex;border:1px solid var(--gx-borda);border-radius:6px;overflow:hidden;background:#fff}
.gx-per button{height:28px;padding:0 10px;font-size:12.5px;color:var(--cinza);border-right:1px solid var(--gx-borda)}
.gx-per button:last-child{border-right:0}
.gx-per button.on{background:var(--verde);color:#fff}

/* indicadores */
.gx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.gx-k{background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:12px 14px;text-align:left}
.gx-k span{display:block;font-size:12px;color:var(--apoio);font-weight:500}
.gx-k b{display:block;font-family:var(--fonte-tit);font-size:20px;font-weight:600;letter-spacing:-.01em;margin-top:4px;font-variant-numeric:tabular-nums}
.gx-k small{display:block;font-size:12px;color:var(--apoio);margin-top:2px}
.gx-k.forte{border-color:#CFE5D8;background:#F4FAF6}
.gx-k.forte b{color:#16573D}
.gx-k.neg b{color:var(--vermelho)}

/* tabelas */
.gx-tab{border:1px solid var(--gx-borda);border-radius:8px;overflow:auto;background:#fff;margin-bottom:16px}
.gx-tab table{width:100%;border-collapse:collapse;font-size:13px}
.gx-tab th{background:var(--gx-cab);font-size:11.5px;font-weight:600;color:var(--gx-txt2);text-align:left;padding:8px 12px;border-bottom:1px solid var(--gx-borda);white-space:nowrap;position:sticky;top:0}
.gx-tab td{padding:8px 12px;border-bottom:1px solid #EEF0F2;vertical-align:middle}
.gx-tab tr:last-child td{border-bottom:0}
.gx-tab tbody tr:hover td{background:#FAFBFB}
.gx-tab .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.gx-tab .c{text-align:center}
.gx-tab td small{display:block;color:var(--apoio);font-size:12px}
.gx-tab tfoot td{background:var(--gx-cab);font-weight:600;border-top:1px solid var(--gx-borda)}
.gx-tab .grp td{background:#FBFBFC;font-weight:600;font-size:12px;color:var(--gx-txt2)}
.gx-tab .ac{text-align:right;white-space:nowrap}
.gx-tab .ac .gx-b+.gx-b{margin-left:4px}
.gx-tab .pos{color:#16734B}.gx-tab .neg{color:var(--vermelho)}
.gx-tit{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 8px}
.gx-tit h2{font-size:13.5px;font-weight:600}
.gx-tit small{font-size:12px;color:var(--apoio)}
.gx-vazio{padding:28px 16px;text-align:center;color:var(--apoio);font-size:13px}
.gx-vazio b{display:block;color:var(--texto);font-size:14px;margin-bottom:4px}
.gx-barra{height:6px;background:#EDEFF1;border-radius:3px;overflow:hidden;min-width:80px}
.gx-barra i{display:block;height:100%;background:var(--verde)}
.gx-st{display:inline-block;font-size:11.5px;font-weight:500;padding:2px 7px;border-radius:4px;background:var(--chip);color:var(--cinza);white-space:nowrap}
.gx-st.ok{background:#E3F2EA;color:#16573D}.gx-st.al{background:#FDF0DC;color:#8A5A0B}.gx-st.ruim{background:#FBE6E4;color:#9C2A20}

/* grade de duas colunas (formulário + resumo) */
.gx-2{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:1100px){.gx-2{grid-template-columns:minmax(0,1fr) 340px}.gx-2.meio{grid-template-columns:1fr 1fr}}
.gx-caixa{background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:14px 16px;margin-bottom:16px}
.gx-caixa h3{font-size:13.5px;font-weight:600;margin-bottom:10px}
.gx-caixa p{font-size:13px;color:var(--cinza);line-height:1.5}
.gx-caixa.cinza{background:var(--gx-cab)}
.gx-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 12px}
.gx-form .larg{grid-column:1/-1}
.gx-form label{display:block;font-size:12px;font-weight:500;color:var(--apoio);margin-bottom:4px}
.gx-form input,.gx-form select,.gx-form textarea{font-size:14px;padding:7px 9px;border-radius:5px;background:#fff}
.gx-form textarea{min-height:70px}
.gx-form .chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--texto);margin:0}
.gx-form .chk input{width:auto}
.gx-lin{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #EEF0F2;font-size:13px}
.gx-lin:last-child{border-bottom:0}
.gx-lin b{font-variant-numeric:tabular-nums}
.gx-lin.tot{font-weight:600;border-top:1px solid var(--gx-borda);border-bottom:0;margin-top:4px;padding-top:8px}
.gx-nota{font-size:12.5px;color:var(--apoio);line-height:1.5;margin:-6px 0 16px}
.gx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:16px}
.gx-card{background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px}
.gx-card:hover{border-color:#C9D6CF}
.gx-card b{font-size:13.5px}
.gx-card span{font-size:12.5px;color:var(--apoio);line-height:1.45}
.gx-card .ic{width:30px;height:30px;border-radius:6px;background:var(--verde-claro);color:var(--verde);display:grid;place-items:center;margin-bottom:6px}
.gx-card .ic svg.i{width:17px;height:17px}

/* maquininha */
.gx-maq{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--gx-borda);border-radius:10px;padding:22px;margin-bottom:16px}
@media (min-width:900px){.gx-maq{grid-template-columns:220px minmax(0,1fr)}}
.gx-maq svg.maq{width:180px;height:auto;margin:0 auto;display:block}
.gx-maq h2{font-family:var(--fonte-tit);font-size:18px;font-weight:600;margin-bottom:6px}
.gx-maq p{font-size:13.5px;color:var(--cinza);line-height:1.55;margin-bottom:8px}
.gx-maq ul{margin:6px 0 0 18px;font-size:13px;color:var(--cinza);line-height:1.7}

/* gráfico de barras simples (sem biblioteca) */
.gx-graf{display:flex;align-items:flex-end;gap:4px;height:140px;padding:8px 4px 0;border-bottom:1px solid var(--gx-borda)}
.gx-graf div{flex:1;background:var(--verde);border-radius:2px 2px 0 0;min-height:1px;position:relative}
.gx-graf div:hover{background:var(--verde-esc)}
.gx-graf-l{display:flex;gap:4px;padding:4px 4px 0;font-size:10.5px;color:var(--apoio)}
.gx-graf-l span{flex:1;text-align:center;overflow:hidden;white-space:nowrap}

@media (max-width:767px){
  .gx-cab h1{font-size:19px}
  .gx-filtros input[type=search]{min-width:0;flex:1}
  .gx-tab table{font-size:12.5px}
  .gx-tab th,.gx-tab td{padding:7px 8px}
}
.gx-per button{white-space:nowrap}
@media (max-width:767px){
  .gx-per{max-width:100%;overflow-x:auto}
  .gx-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .gx-k{padding:10px 12px}
  .gx-k b{font-size:17px}
  .gx-cab .gx-acoes{width:100%}
}

/* ---------- menu lateral único (como a Trinks): as áreas abrem para baixo, sem gaveta ao lado ---------- */
@media (min-width:1024px){
  #trilho{width:232px;left:10px;top:10px;bottom:10px;padding:14px 10px 10px;align-items:stretch;gap:0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
  #trilho .lt-topo{padding:2px 8px 14px}
  #trilho .lt-topo img{height:20px;display:block}
  #trilho .lt-lancar{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:6px;background:var(--verde);color:#fff;font-size:13.5px;font-weight:600;margin-bottom:10px}
  #trilho .lt-lancar:hover{background:#25905F}
  #trilho .lt-lancar svg.i{width:17px;height:17px}
  #trilho .lt-lista{flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px;scrollbar-width:thin;scrollbar-color:#2C4A3A transparent}
  #trilho .lt-area{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border-radius:6px;color:#C3D6CB;font-size:13.5px;font-weight:500;position:relative;text-align:left}
  #trilho .lt-area:hover{background:rgba(255,255,255,.06);color:#fff}
  #trilho .lt-area.on{color:#fff;background:#21402F}
  #trilho .lt-area.aberta{color:#fff}
  #trilho .lt-area svg.i{width:18px;height:18px}
  #trilho .lt-area span:first-of-type{flex:1}
  #trilho .lt-area .ch{width:14px;height:14px;opacity:.6;transition:transform .15s}
  #trilho .lt-area.aberta .ch{transform:rotate(180deg)}
  #trilho .lt-area .bolinha{position:static;width:7px;height:7px;border-radius:50%;background:#4ADE80;flex:0 0 auto}
  #trilho .lt-sub{margin:2px 0 8px 19px;padding-left:10px;border-left:1px solid #2C4A3A}
  #trilho .lt-g{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7FA592;padding:10px 8px 4px}
  #trilho .lt-it{display:flex;align-items:center;gap:6px;width:100%;min-height:30px;padding:5px 8px;border-radius:5px;color:#B5CBBF;font-size:13px;text-align:left;line-height:1.25}
  #trilho .lt-it:hover{background:rgba(255,255,255,.06);color:#fff}
  #trilho .lt-it.on{background:#2A5A40;color:#fff;font-weight:500}
  #trilho .lt-it.sub{padding-left:18px;font-size:12.5px}
  #trilho .lt-it.grupo{color:#E3EEE8;font-weight:500;justify-content:space-between}
  #trilho .lt-it.grupo svg.i{width:13px;height:13px;opacity:.6;transition:transform .15s}
  #trilho .lt-it.grupo.aberto svg.i{transform:rotate(90deg)}
  #trilho .lt-it .n{margin-left:auto;font-size:11px;background:rgba(255,255,255,.1);border-radius:9px;padding:0 6px}
  #trilho .lt-fim{border-top:1px solid #2C4A3A;padding-top:8px;margin-top:8px}
  .painel2,.veu-p2,body.p2-on .painel2,body.p2-fixo .painel2{display:none!important}
  body .app{margin-left:252px!important}
  body .topo-d{left:252px!important}
  body.folha-cheia .ov.on{left:252px!important}
}
@media (min-width:1024px){
  #trilho .lt-it.grupo{min-height:36px;border-bottom:1px solid #3A6150;border-radius:0}
  #trilho .lt-it.grupo:hover{border-radius:5px}
  #trilho .lt-it.grupo.aberto{border-bottom-color:transparent;color:#fff}
}
/* terceiro nível do menu: caixa branca ao lado (como a Trinks) */
.gx-fly{position:fixed;z-index:40;display:none;min-width:220px;background:#fff;border:1px solid var(--gx-borda);border-radius:6px;box-shadow:0 8px 24px rgba(16,37,27,.14);padding:4px 0}
.gx-fly.on{display:block}
.gx-fly button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 16px;font-size:13px;color:var(--cinza);text-align:left}
.gx-fly button:hover{background:var(--gx-cab);color:var(--texto)}
.gx-fly button.on{color:var(--verde);font-weight:600;background:#F4FAF6}
.gx-fly .n{margin-left:auto;font-size:11px;color:var(--apoio)}
@media (min-width:1024px){
  #trilho .lt-it.grupo.on{color:#fff;background:#21402F;border-radius:5px}
  #trilho .lt-it.grupo.aberto{background:rgba(255,255,255,.08);border-radius:5px;color:#fff}
  #trilho .lt-it.grupo.aberto svg.i{transform:none;opacity:1}
}
/* todos os itens do segundo nível no mesmo padrão dos grupos: altura, letra e linha entre eles */
@media (min-width:1024px){
  #trilho .lt-sub>.lt-it{min-height:36px;padding:7px 8px;border-radius:0;border-bottom:1px solid #3A6150;color:#E3EEE8;font-weight:500;font-size:13px}
  #trilho .lt-sub>.lt-it:hover,#trilho .lt-sub>.lt-it.on,#trilho .lt-sub>.lt-it.aberto{border-radius:5px}
  #trilho .lt-sub>.lt-it.on{background:#21402F;color:#fff}
  #trilho .lt-g{padding:14px 8px 6px}
}
/* altura igual para todas as linhas do menu; nome comprido numa linha só, com o nome inteiro ao passar o mouse */
@media (min-width:1024px){
  #trilho{width:252px}
  body .app{margin-left:272px!important}
  body .topo-d{left:272px!important}
  body.folha-cheia .ov.on{left:272px!important}
  #trilho .lt-area,#trilho .lt-it,#trilho .lt-sub>.lt-it{height:36px;min-height:36px;padding-top:0;padding-bottom:0;line-height:1.2}
  #trilho .lt-it .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #trilho .lt-sub{margin-left:17px}
}
@media (min-width:1024px){#trilho .lt-it,#trilho .lt-area{margin:0;width:100%}}
@media (min-width:1024px){
  #trilho{width:268px}
  body .app{margin-left:288px!important}
  body .topo-d{left:288px!important}
  body.folha-cheia .ov.on{left:288px!important}
}
/* acabamento do menu principal: linha fininha entre as áreas, mais respiro e marca da área atual */
@media (min-width:1024px){
  #trilho{padding:16px 12px 10px;background:#0F231A}
  #trilho .lt-topo{padding:4px 10px 16px}
  #trilho .lt-lancar{height:38px;justify-content:center;margin-bottom:14px;letter-spacing:-.005em}
  #trilho .lt-lista>.lt-area{height:42px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.07);color:#B9CEC2;font-weight:500}
  #trilho .lt-lista>.lt-area:first-child{border-top:1px solid rgba(255,255,255,.07)}
  #trilho .lt-lista>.lt-area svg.i:first-child{width:17px;height:17px;opacity:.75}
  #trilho .lt-lista>.lt-area:hover{background:rgba(255,255,255,.04);color:#fff}
  #trilho .lt-lista>.lt-area:hover svg.i:first-child{opacity:1}
  #trilho .lt-lista>.lt-area.on{background:rgba(127,207,170,.08);color:#fff}
  #trilho .lt-lista>.lt-area.on svg.i:first-child{opacity:1;color:#7FCFAA}
  #trilho .lt-lista>.lt-area.on::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:#7FCFAA}
  #trilho .lt-lista>.lt-area.aberta{border-bottom-color:transparent}
  #trilho .lt-lista>.lt-sub{border-bottom:1px solid rgba(255,255,255,.07);margin:0 0 0 18px;padding:2px 0 8px 10px}
  #trilho .lt-sub>.lt-it{border-bottom-color:rgba(255,255,255,.06)}
  #trilho .lt-sub>.lt-it:last-child{border-bottom:0}
  #trilho .lt-fim{border-top:1px solid rgba(255,255,255,.07);padding-top:6px}
  #trilho .lt-fim .lt-area{height:34px;color:#8FAA9B;font-size:13px}
  #trilho .lt-fim .lt-area:hover{color:#fff}
  #trilho .lt-fim .lt-area svg.i{width:16px;height:16px}
}
@media (min-width:1024px){.ip-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ip-k{min-width:0}.ip-k b{overflow:hidden;text-overflow:ellipsis}}
@media (min-width:1024px) and (max-width:1180px){.ip-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* caixa do terceiro nível mais visível sobre os cartões brancos */
.gx-fly{border:1px solid #CBD5CF;border-left:3px solid var(--verde);border-radius:6px;box-shadow:0 12px 32px rgba(16,37,27,.22),0 2px 6px rgba(16,37,27,.10);padding:0 0 6px;min-width:240px}
.gx-fly .cab{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--verde);padding:10px 16px 8px;border-bottom:1px solid var(--gx-borda);margin-bottom:4px;background:#F4FAF6;border-radius:4px 4px 0 0}
.gx-fly button{font-size:13.5px;color:var(--texto)}
.gx-fly button:hover{background:#EEF6F1;color:var(--verde-esc)}
@media (min-width:1024px){#trilho .lt-sub>.lt-it{border-bottom-color:rgba(255,255,255,.11)}#trilho .lt-sub>.lt-it:last-child{border-bottom:0}}
/* sem título; a linha sob o mouse fica verde */
.gx-fly{padding:6px 0}
.gx-fly button{transition:background .1s,color .1s}
.gx-fly button:hover{background:#DCEFE4;color:#16573D;font-weight:500}
/* Minha conta */
.gx-conta-topo{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:14px 16px;margin-bottom:12px;flex-wrap:wrap}
.gx-conta-topo .lg{width:52px;height:52px;border-radius:8px;border:1px solid var(--gx-borda);display:grid;place-items:center;font-size:20px;font-weight:600;color:var(--verde);overflow:hidden;flex:0 0 auto}
.gx-conta-topo .lg img{width:100%;height:100%;object-fit:cover}
.gx-conta-topo .t{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
.gx-conta-topo .t b{font-size:15px}
.gx-conta-topo .t span{font-size:13px;color:var(--apoio)}
.gx-conta-topo .t a{font-size:12.5px;color:var(--verde)}
.gx-conta-plano{margin-bottom:16px}
.gx-conta-plano>*{margin:0!important;border-radius:8px}
.gx-caixa a{color:var(--verde)}
.gx-caixa a.gx-b{color:var(--texto);text-decoration:none}
/* menu recolhido: só os ícones; passar o mouse abre por cima da tela */
#trilho .lt-topo{display:flex;align-items:center;gap:8px}
#trilho .lt-topo .mk{display:none;width:30px;height:30px;border-radius:7px;background:url(elooa-icone.svg) center/cover no-repeat;flex:0 0 auto}
#trilho .lt-pino{margin-left:auto;width:26px;height:26px;border-radius:5px;display:grid;place-items:center;color:#8FAA9B}
#trilho .lt-pino:hover{background:rgba(255,255,255,.08);color:#fff}
#trilho .lt-pino svg.i{width:15px;height:15px}
@media (min-width:1024px){
  #trilho{transition:width .16s ease,box-shadow .16s ease}
  body.lt-mini .app{margin-left:88px!important}
  body.lt-mini .topo-d{left:88px!important}
  body.lt-mini.folha-cheia .ov.on{left:88px!important}
  body.lt-mini #trilho:not(.lt-aberto){width:68px;padding-left:8px;padding-right:8px}
  body.lt-mini #trilho:not(.lt-aberto) .lt-topo{justify-content:center;padding:2px 0 14px}
  body.lt-mini #trilho:not(.lt-aberto) .lt-topo img,body.lt-mini #trilho:not(.lt-aberto) .lt-pino{display:none}
  body.lt-mini #trilho:not(.lt-aberto) .lt-topo .mk{display:block}
  body.lt-mini #trilho:not(.lt-aberto) .lt-lancar{padding:0;justify-content:center}
  body.lt-mini #trilho:not(.lt-aberto) .lt-lancar span,body.lt-mini #trilho:not(.lt-aberto) .lt-area>span,body.lt-mini #trilho:not(.lt-aberto) .lt-area .ch,body.lt-mini #trilho:not(.lt-aberto) .lt-sub{display:none}
  body.lt-mini #trilho:not(.lt-aberto) .lt-area{justify-content:center;padding:0}
  body.lt-mini #trilho:not(.lt-aberto) .lt-lista{overflow:hidden}
  body.lt-mini #trilho.lt-aberto{box-shadow:0 16px 40px rgba(0,0,0,.28);z-index:35}
}

/* Minha conta, modelo 2: seções à esquerda, linhas rótulo · valor · ação à direita */
.mc{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:900px){.mc{grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}}
.mc-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:0}
@media (max-width:899px){.mc-nav{flex-direction:row;overflow-x:auto}}
.mc-nav button{display:flex;align-items:center;gap:9px;height:36px;padding:0 10px;border-radius:6px;font-size:13.5px;color:var(--cinza);white-space:nowrap}
.mc-nav button svg.i{width:16px;height:16px;color:var(--apoio)}
.mc-nav button:hover{background:var(--gx-cab)}
.mc-nav button.on{background:#EEF6F1;color:#16573D;font-weight:600}
.mc-nav button.on svg.i{color:var(--verde)}
.mc-b{background:#fff;border:1px solid var(--gx-borda);border-radius:8px;margin-bottom:16px}
.mc-b header{padding:14px 18px;border-bottom:1px solid var(--gx-borda)}
.mc-b h3{font-size:14.5px;font-weight:600}
.mc-b header p{font-size:12.5px;color:var(--apoio);margin-top:2px}
.mc-l{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 18px;border-bottom:1px solid #EEF0F2;font-size:13.5px;min-height:50px}
.mc-l:last-child{border-bottom:0}
.mc-l .r{color:var(--apoio);font-weight:500;font-size:13px}
.mc-l .v{min-width:0;overflow:hidden;text-overflow:ellipsis}
.mc-l .v a{color:var(--verde)}
.mc-l .a{text-align:right}
@media (max-width:600px){.mc-l{grid-template-columns:1fr auto}.mc-l .r{grid-column:1/-1}}
.mc-logo{width:40px;height:40px;border-radius:6px;border:1px solid var(--gx-borda);display:inline-grid;place-items:center;font-weight:600;color:var(--verde);overflow:hidden;vertical-align:middle}
.mc-logo img{width:100%;height:100%;object-fit:cover}
.mc-vazio{color:var(--apoio)}
.mc-pe{padding:12px 18px;border-top:1px solid #EEF0F2;display:flex;justify-content:flex-end;gap:8px}
.mc-b header+.mc-pe{border-top:0}
.mc-b.perigo{border-color:#F0C9C6}
.mc-b.perigo h3{color:var(--vermelho)}
/* Modelo 1 com cor: paleta de apoio (terracota, azul-tinta, ocre, ameixa, petróleo, grafite); o verde fica só na marca */
.gx-cor{--c-terra:#B4532A;--c-terra-f:#F8ECE5;--c-tinta:#2F4B7C;--c-tinta-f:#E8EEF7;--c-ocre:#9A6A12;--c-ocre-f:#F7F0E1;--c-ameixa:#7A3E6B;--c-ameixa-f:#F5EAF2;--c-petro:#1E6B73;--c-petro-f:#E2F1F1;--c-graf:#3D4652;--c-graf-f:#EDEFF2}
.gx-cor .gx-conta-topo{border-color:#E8E2DA;background:#FDFBF8}
.gx-cor .gx-conta-topo .lg{background:var(--c-terra);color:#fff;border-color:var(--c-terra)}
.gx-cor .gx-conta-topo .t a{color:var(--c-terra)}
.gx-cor .gx-conta-plano .exemplo{background:#1E2733!important;color:#E9EDF2;border:0}
.gx-cor .gx-conta-plano .exemplo b{color:#F3C9A8}
.gx-cor .gx-conta-plano .btn{background:#F3C9A8!important;color:#1E2733!important;box-shadow:none}
.gx-cor .gx-card{border-color:#E9E6E1}
.gx-cor .gx-card:hover{border-color:#D8D1C7;box-shadow:0 4px 14px rgba(30,39,51,.06)}
.gx-cor .gx-cards .gx-card:nth-child(6n+1) .ic{background:var(--c-terra-f);color:var(--c-terra)}
.gx-cor .gx-cards .gx-card:nth-child(6n+2) .ic{background:var(--c-tinta-f);color:var(--c-tinta)}
.gx-cor .gx-cards .gx-card:nth-child(6n+3) .ic{background:var(--c-ocre-f);color:var(--c-ocre)}
.gx-cor .gx-cards .gx-card:nth-child(6n+4) .ic{background:var(--c-ameixa-f);color:var(--c-ameixa)}
.gx-cor .gx-cards .gx-card:nth-child(6n+5) .ic{background:var(--c-petro-f);color:var(--c-petro)}
.gx-cor .gx-cards .gx-card:nth-child(6n+6) .ic{background:var(--c-graf-f);color:var(--c-graf)}
.gx-cor .gx-tit h2{color:#1E2733}
.gx-cor .gx-caixa{border-color:#E9E6E1}
.gx-cor .gx-caixa.cinza{background:#FAF7F3}
.gx-cor .gx-caixa a{color:var(--c-tinta)}
/* Modelo 1 · verde e latão: paleta que conversa com o verde da marca */
.gx-latao{--c-terra:#A57A2A;--c-terra-f:#F6EFDF;--c-tinta:#5E6B2E;--c-tinta-f:#EFF1E3;--c-ocre:#A6593F;--c-ocre-f:#F7EAE4;--c-ameixa:#3E5A6B;--c-ameixa-f:#E7EEF2;--c-petro:#4F7A6A;--c-petro-f:#E6F0EC;--c-graf:#6B5A47;--c-graf-f:#F1ECE6}
.gx-latao .gx-conta-topo{background:#FBF8F1;border-color:#ECE4D3}
.gx-latao .gx-conta-topo .lg{background:#A57A2A;border-color:#A57A2A}
.gx-latao .gx-conta-topo .t a{color:#8A6420}
.gx-latao .gx-conta-plano .exemplo{background:#143326!important;color:#E4EEE8}
.gx-latao .gx-conta-plano .exemplo b{color:#E2C27A}
.gx-latao .gx-conta-plano .btn{background:#E2C27A!important;color:#143326!important}
.gx-latao .gx-card{border-color:#ECE6DA}
.gx-latao .gx-card:hover{border-color:#D9CBB0;box-shadow:0 4px 14px rgba(20,51,38,.07)}
.gx-latao .gx-tit h2{color:#143326}
.gx-latao .gx-caixa{border-color:#ECE6DA}
.gx-latao .gx-caixa.cinza{background:#FBF8F1}
.gx-latao .gx-caixa a{color:#8A6420}

/* Minha conta, modelo 1 novo: estilo da Trinks (cartões brancos, quadros cinza com número centralizado) com verde-lima */
.tk{--lima:#C8F169;--lima-esc:#B3E04A;--lima-f:#F1FBDD;--tk-cinza:#F5F6F5}
.tk-perfil{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:14px 18px;margin-bottom:14px}
.tk-perfil .lg{width:48px;height:48px;border-radius:50%;background:var(--lima-f);color:#16573D;display:grid;place-items:center;font-weight:700;font-size:18px;overflow:hidden;flex:0 0 auto}
.tk-perfil .lg img{width:100%;height:100%;object-fit:cover}
.tk-perfil .t{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}
.tk-perfil .t b{font-size:15px}
.tk-perfil .t span{font-size:13px;color:var(--apoio)}
.tk-perfil .t a{color:var(--verde)}
.tk-faixa{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:16px 18px;margin-bottom:22px}
.tk-marca{display:flex;gap:0;flex:0 0 auto}
.tk-marca i{display:block;width:16px;height:30px;border-radius:9px}
.tk-marca i:nth-child(1){background:#E9EBEA}
.tk-marca i:nth-child(2){background:var(--lima);margin-left:-4px}
.tk-marca i:nth-child(3){background:var(--verde);margin-left:-4px}
.tk-faixa .t{flex:1;min-width:220px;display:flex;flex-direction:column;gap:3px}
.tk-faixa .t b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.tk-faixa .t span{font-size:13px;color:var(--cinza)}
.tk-lima{height:36px;padding:0 16px;border-radius:6px;background:var(--lima);color:#12301F;font-size:13.5px;font-weight:600}
.tk-lima:hover{background:var(--lima-esc)}
.tk-h{font-size:15px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}
.tk-2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:22px}
@media (min-width:1000px){.tk-2{grid-template-columns:1fr 1fr}}
.tk-bloco{background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:16px 18px}
.tk-bloco header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.tk-bloco h3{font-size:14px;font-weight:600}
.tk-bloco small{display:block;font-size:12px;color:var(--apoio);margin-top:2px}
.tk-bloco small a{color:var(--verde)}
.tk-abre{width:30px;height:30px;border:1px solid #2A2D2B;border-radius:5px;display:grid;place-items:center;color:#2A2D2B}
.tk-abre:hover{background:var(--tk-cinza)}
.tk-abre svg.i{width:15px;height:15px}
.tk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tk-tile{background:var(--tk-cinza);border-radius:6px;padding:16px 8px;text-align:center;display:flex;flex-direction:column;gap:6px}
.tk-tile span{font-size:12.5px;color:var(--cinza)}
.tk-tile b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.tk-tile b.verde{color:#16734B}
.tk-tile b.verm{color:var(--vermelho)}
.tk-ats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:22px}
.tk-at{background:#fff;border:1px solid var(--gx-borda);border-radius:8px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:150px}
.tk-at:hover{border-color:#B9DB8A;box-shadow:0 4px 14px rgba(16,37,27,.06)}
.tk-at .ic{width:38px;height:38px;border-radius:50%;background:var(--lima-f);color:#2F6B1F;display:grid;place-items:center;margin-bottom:6px}
.tk-at .ic svg.i{width:18px;height:18px}
.tk-at b{font-size:14px}
.tk-at .d{font-size:12.5px;color:var(--apoio);line-height:1.45;flex:1}
.tk-at .ac{align-self:flex-end;display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:600;color:var(--verde)}
.tk-at .ac svg.i{width:14px;height:14px}
.tk-acoes{display:flex;gap:8px;flex-wrap:wrap}
.tk-acoes a.gx-b{text-decoration:none;color:var(--texto)}
@media (max-width:600px){.tk-tiles{grid-template-columns:1fr 1fr 1fr}.tk-tile{padding:12px 4px}.tk-tile b{font-size:15px}}

/* =====================================================================================
   TEMA DO SISTEMA (14/11/2026, aprovado): estilo da Trinks com verde-lima
   - indicadores: quadros cinza-claros com número centralizado
   - blocos: cartão branco com título e botão quadrado de abrir
   - ícones: círculo verde-lima claro
   - destaque (Lançar serviço, Assinar): verde-lima com texto verde-escuro; botões comuns seguem verde
   ===================================================================================== */
:root{--lima:#C8F169;--lima-esc:#B3E04A;--lima-f:#F1FBDD;--lima-txt:#2F6B1F;--tile:#F5F6F5}

/* destaque verde-lima */
#trilho .lt-lancar{background:var(--lima);color:#12301F}
#trilho .lt-lancar:hover{background:var(--lima-esc)}
.ip-cab .acoes-t .btn:not(.sec){background:var(--lima)!important;color:#12301F!important;box-shadow:none!important}
.ip-cab .acoes-t .btn:not(.sec):hover{background:var(--lima-esc)!important}
.p2-plano button,.as-pl.dest .btn{background:var(--lima)!important;color:#12301F!important}

/* indicadores: quadros cinza com número centralizado */
.gx-k,.ip-k,.cx-k,.app .kpis .card,.kpis .card{background:var(--tile)!important;border:0!important;border-radius:6px!important;text-align:center;box-shadow:none!important}
.gx-k span,.ip-k span,.cx-k span{color:var(--cinza)}
.gx-k b,.ip-k b,.cx-k b{color:var(--texto)}
.gx-k.forte,.ip-k.forte,.cx-k.forte,.card.destaque{background:var(--lima-f)!important;color:var(--texto)!important}
.gx-k.forte b,.ip-k.forte b,.cx-k.forte b{color:#16573D}
.card.destaque .lbl,.card.destaque .sub,.ini-kpis .card.destaque .sub{color:var(--cinza)!important}
.gx-k.neg b{color:var(--vermelho)}
.ip-k:hover,.app .kpis .card:hover{background:#EEF0EE!important}
.app .kpis .card .lbl{justify-content:center}

/* blocos: cartão branco, título forte, linha discreta */
.bloco,.gx-caixa,.mc-b{border-color:#E6E8E6;border-radius:8px}
.bloco-cab{border-bottom-color:#EEF0EE}
.bloco-cab b{font-size:14px}
.bloco-cab .n,.p2-it .n{background:var(--lima-f);color:var(--lima-txt)}

/* ícones em círculo verde-lima */
.td-lin .ic,.tarefa .ic,.gx-card .ic,.bola,.atalho .bola,.ms-lin .ic,.mc-nav button.on svg.i{border-radius:50%!important;background:var(--lima-f)!important;color:var(--lima-txt)!important}
.acao .bola{background:#fff!important;border-color:#E6E8E6}
.gx-card{border-color:#E6E8E6}
.gx-card:hover{border-color:#B9DB8A;box-shadow:0 4px 14px rgba(16,37,27,.06)}

/* filtros, abas e escolhas: o marcado fica verde-escuro; o realce é lima */
.gx-per button.on{background:#16573D}
.chip.on,.chip.verde.on{background:#16573D!important}
.gx-st.ok{background:var(--lima-f);color:var(--lima-txt)}
.gx-tab th{background:#F7F8F7}
.gx-tab tbody tr:hover td{background:#F8FCF1}
.mc-nav button.on{background:var(--lima-f);color:#16573D}

/* barras de progresso e gráficos */
.gx-barra i{background:#7FB83E}
.gx-graf div{background:#9BCF5A}
.gx-graf div:hover{background:#7FB83E}

/* caixa ao lado do menu: realce lima */
.gx-fly{border-left-color:#9BCF5A}
.gx-fly button:hover{background:var(--lima-f);color:#16573D}
.tk.rg .tk-2{margin-bottom:14px}
.tk-tile{border:0;font:inherit;color:inherit;cursor:default}
button.tk-tile[onclick]{cursor:pointer}
button.tk-tile[onclick]:hover{background:#EEF0EE}
/* "R$ X recebido": cartão compacto no centro, botões lado a lado */
.gx-ok .folha-cab{display:none}
.gx-ok .sucesso{padding:6px 0 4px}
.gx-ok .sucesso .bola{width:48px;height:48px;margin-bottom:10px;background:var(--lima-f)!important;color:var(--lima-txt)!important}
.gx-ok .sucesso .bola svg.i{width:24px;height:24px}
.gx-ok .sucesso h3{font-size:20px;letter-spacing:-.01em}
.gx-ok .sucesso p{font-size:13px}
.gx-ok .aviso{font-size:12px;margin:14px 0 6px;color:var(--apoio)}
.gx-ok .zap{font-size:12.5px;line-height:1.5;max-height:190px;overflow:auto;background:var(--tile);border:1px solid #E6E8E6;border-radius:6px;padding:10px 12px;white-space:pre-wrap;color:var(--cinza)}
.gx-ok .btn{font-size:13.5px;padding:9px 14px}
@media (min-width:1024px){
  body.folha-cheia .ov.on>.folha.tem-ok{display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}
  .folha.tem-ok .puxador{display:none}
  .folha.tem-ok .gx-ok{width:100%;max-width:440px;background:#fff;border:1px solid #E6E8E6;border-radius:10px;padding:22px 22px 18px;box-shadow:0 8px 28px rgba(16,37,27,.08)}
  .gx-ok .btn{display:inline-flex;width:auto;margin:12px 0 0!important}
  .gx-ok .btn+.btn{margin-left:8px!important}
}
/* formulário simples em página: cartão centralizado com largura de formulário */
.gx-fc{display:contents}
@media (min-width:1024px){
  body.folha-cheia .ov.on>.folha:not(.ag-b):not(.larga):not(.tem-ok){background:var(--bg);display:block;padding:28px 24px;overflow:auto}
  body.folha-cheia .ov.on>.folha:not(.ag-b):not(.larga):not(.tem-ok)>.gx-fc{display:block;max-width:620px;margin:0 auto;background:#fff;border:1px solid #E6E8E6;border-radius:10px;padding:18px 24px 24px;box-shadow:0 8px 28px rgba(16,37,27,.06)}
  body.folha-cheia .folha .gx-fc .btn:not(.mini){max-width:100%}
}
/* ===== assinatura do Elooa (planos e Pix) no tema aprovado ===== */
.as-pl{border-color:#E6E8E6}
.as-pl.dest{border:1.5px solid #9BCF5A;box-shadow:0 10px 30px rgba(47,107,31,.12);background:linear-gradient(180deg,#FBFEF5 0,#fff 120px)}
.as-selo{background:var(--lima);color:#12301F}
.as-pl.dest .btn{background:var(--lima)!important;color:#12301F!important;box-shadow:none!important}
.as-pl.dest .btn:hover{background:var(--lima-esc)!important}
.as-pl:not(.dest) .btn{background:#fff!important;color:var(--texto)!important;box-shadow:inset 0 0 0 1px #D5DAD6!important}
.as-pl li svg.i,.as-conf svg.i{color:#5E9E2E}
.as-preco{color:#12301F}
#qr-elooa{border-radius:8px!important;border-color:#E6E8E6!important}
.gx-amb-teste{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);z-index:99;background:#B3261E;color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:4px 12px;border-radius:4px;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}

/* ===== Clientes: lista e ficha no padrão novo ===== */
.cl-tiles{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:14px}
.cl-res{grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 16px}
@media (max-width:1100px){.cl-tiles,.cl-res{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tk-tile.sel{background:var(--lima-f)!important;box-shadow:inset 0 0 0 1.5px #9BCF5A}
.cl-p{display:flex;align-items:center;gap:10px}
.cl-av{width:30px;height:30px;border-radius:50%;background:var(--lima-f);color:var(--lima-txt);display:grid;place-items:center;font-size:11.5px;font-weight:600;flex:0 0 auto}
.cl-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:1100px){.cl-grade{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.cl-grade .tk-bloco{margin-bottom:14px}
.cl-grade .tk-bloco .gx-tab{margin-bottom:0}
.cl-grade .mc-l{padding:9px 0;grid-template-columns:130px minmax(0,1fr) auto;min-height:42px}
.cl-obs{font-size:13.5px;white-space:pre-wrap;background:#FBFCF7;border:1px solid #EEF3E3;border-radius:6px;padding:10px 12px}
.cl-vz{font-size:13px;color:var(--apoio)}
.tk-perfil .gx-acoes{margin-left:auto}
.tk-perfil .t span+span{margin-top:4px}
.neg{color:var(--vermelho)}

a.gx-b{text-decoration:none!important}
/* ===== telas antigas no padrão novo ===== */
@media (min-width:768px){
  .app .titulo.gx-titulo{padding:0 0 14px;margin-bottom:16px;border-bottom:1px solid var(--gx-borda)}
  .app .titulo.gx-titulo h1{font-size:20px;font-weight:600;letter-spacing:-.01em}
  .app .titulo.gx-titulo p{font-size:13px;color:var(--apoio)}
  .app .titulo.gx-titulo p::first-letter{text-transform:none}
}
.gx-ant-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}
/* abas (Painel · Contas a pagar · A receber; Serviços · Pacotes; Minha página…) no estilo das abas novas */
.app .seg{background:#fff;border:1px solid var(--gx-borda);border-radius:6px;padding:0;display:inline-flex;overflow:hidden;gap:0}
.app .seg button{border-radius:0!important;padding:6px 14px;font-size:13px;color:var(--cinza);border-right:1px solid var(--gx-borda);box-shadow:none!important;background:transparent}
.app .seg button:last-child{border-right:0}
.app .seg button.on{background:#16573D!important;color:#fff!important;font-weight:600}
/* barras de busca e filtros das telas antigas */
.sv-ferr{background:#F7F8F7;border:1px solid var(--gx-borda);border-radius:8px;padding:8px 10px;gap:8px}
.sv-ferr .busca input,.sv-ferr select{min-height:32px!important;height:32px;background:#fff}
.sv-ferr .btn{height:32px;padding:0 12px!important;font-size:13px!important}
.sv-ferr .btn:not(.sec){background:var(--verde)!important}
/* cartões e listas antigas */
.app .card{border:1px solid var(--gx-borda);border-radius:8px;box-shadow:none}
.app .tabela{border-color:var(--gx-borda)}
.app .ag-lin.cab,.app .cl-lin.cab,.app .ms-lin.cab{background:#F7F8F7;color:var(--gx-txt2)}
.app .sw.on{background:#5E9E2E}
.app .pill.ok{background:var(--lima-f);color:var(--lima-txt)}
.sv-ferr select{padding:0 28px 0 10px!important;line-height:30px}
.sv-ferr .busca input{padding-top:0!important;padding-bottom:0!important}
/* Início: grade de cartões */
.ini-h{margin:22px 0 10px}
.ini-cs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.ini-c{background:#fff;border:1px solid #E6E8E6;border-radius:8px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:3px;min-height:150px;font:inherit;color:inherit;cursor:pointer}
.ini-c:hover{border-color:#B9DB8A;box-shadow:0 4px 14px rgba(16,37,27,.06)}
.ini-c .ic{width:34px;height:34px;border-radius:50%;background:var(--lima-f);color:var(--lima-txt);display:grid;place-items:center;margin-bottom:6px}
.ini-c .ic svg.i{width:17px;height:17px}
.ini-c .t{font-size:12.5px;color:var(--cinza);font-weight:500}
.ini-c b{font-size:20px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ini-c .s{font-size:12px;color:var(--apoio);line-height:1.4;flex:1}
.ini-c .ac{align-self:flex-end;display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:600;color:var(--verde);margin-top:6px}
.ini-c .ac svg.i{width:13px;height:13px}
.ini-cel{padding:0 16px 20px}
.ini-cel .ini-cs{grid-template-columns:1fr 1fr;gap:8px}
.ini-cel .ini-c{min-height:130px;padding:12px}

/* ===== primeiro acesso: boas-vindas e tour ===== */
.folha.bv-folha{padding:0!important;overflow:hidden;width:min(520px,100%)!important}
body.folha-cheia .ov.on>.folha.bv-folha{width:min(520px,100%)!important;height:auto!important;max-height:92vh!important;margin:auto}
.bv-foto{height:170px;background-size:cover;position:relative}
.bv-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,35,26,.15),rgba(15,35,26,.65))}
.bv-foto img{position:absolute;left:22px;bottom:16px;height:24px;z-index:1}
.bv-corpo{padding:20px 24px 24px}
.bv-corpo h2{font-size:20px;font-weight:600;letter-spacing:-.01em}
.bv-corpo>p{font-size:13.5px;color:var(--cinza);margin-top:6px;line-height:1.5}
.bv-corpo ul{list-style:none;margin:14px 0;display:grid;gap:8px}
.bv-corpo li{display:flex;gap:10px;align-items:center;font-size:13.5px}
.bv-corpo li svg.i{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--lima-f);color:var(--lima-txt);flex:0 0 auto}
.bv-p{font-weight:500;color:var(--texto)!important}
.bv-acoes{display:flex;gap:8px;margin-top:16px}
.bv-acoes .btn{width:auto;flex:1}
.bv-acoes .btn:not(.sec){background:var(--lima)!important;color:#12301F!important;box-shadow:none!important}
.gx-veu{position:fixed;inset:0;background:rgba(15,35,26,.45);z-index:60}
.gx-veu.so-fundo{background:transparent}
.gx-tour-alvo{position:relative;z-index:61!important;box-shadow:0 0 0 4px var(--lima),0 0 0 9999px rgba(15,35,26,.45)!important;border-radius:8px}
#trilho.gx-tour-alvo{position:fixed}
.gx-tour{position:fixed;z-index:62;width:320px;background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 16px 40px rgba(0,0,0,.25);border-top:4px solid var(--lima)}
.gx-tour.centro{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(340px,calc(100% - 32px))}
.gx-tour .n{font-size:11px;font-weight:600;color:var(--lima-txt);letter-spacing:.04em;text-transform:uppercase}
.gx-tour h4{font-size:16px;font-weight:600;margin:4px 0 6px}
.gx-tour p{font-size:13.5px;color:var(--cinza);line-height:1.5}
.gx-tour .ac{display:flex;align-items:center;gap:8px;margin-top:14px}
.gx-tour .ac span{flex:1}
.gx-tour .pl{font-size:12.5px;color:var(--apoio)}
.gx-tour .vt{height:32px;padding:0 12px;border-radius:6px;font-size:13px;box-shadow:inset 0 0 0 1px var(--gx-borda)}
.gx-tour .px{height:32px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:600;background:var(--lima);color:#12301F}
/* ===== produtos: formulário em seções e escolha de produtos no Lançar serviço ===== */
.pr-form .gx-tit{margin-top:0}
.pr-sec{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lima-txt);margin:14px 0 8px;padding-top:12px;border-top:1px solid #EEF0EE}
.pr-sec:first-of-type{border-top:0;padding-top:0;margin-top:4px}
.pr-margem{background:var(--lima-f);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center}
.pr-margem span{font-size:12px;color:var(--cinza)}
.pr-margem b{font-size:18px;color:#16573D}
.pr-margem small{font-size:11.5px;color:var(--apoio)}
.pp-lista{display:flex;flex-direction:column;border:1px solid var(--gx-borda);border-radius:8px;max-height:52vh;overflow:auto}
.pp-l{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #EEF0EE}
.pp-l:last-child{border-bottom:0}
.pp-l.on{background:#F8FCF1}
.pp-l .t{flex:1;min-width:0;display:flex;flex-direction:column}
.pp-l .t b{font-size:13.5px}
.pp-l .t small{font-size:12px;color:var(--apoio)}
.pp-q{display:inline-flex;align-items:center;border:1px solid var(--gx-borda);border-radius:6px;overflow:hidden}
.pp-q button{width:30px;height:30px;font-size:16px;color:var(--verde)}
.pp-q button:hover{background:var(--lima-f)}
.pp-q b{min-width:26px;text-align:center;font-size:13.5px}
/* ===== pacotes: valor, desconto e confirmação ===== */
.pk-preco{display:flex;flex-direction:column;gap:10px}
.pk-l{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:10px;font-size:13px}
.pk-l>span:first-child{color:var(--apoio);font-weight:500}
.pk-d{display:flex;gap:8px;align-items:center}
.pk-d input,.pk-l input{max-width:160px}
.pk-tot{background:var(--lima-f);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.pk-tot span{font-size:12px;color:var(--cinza)}
.pk-tot b{font-size:22px;color:#16573D;letter-spacing:-.01em}
.pk-tot small{font-size:12px;color:var(--cinza)}
.pk-com{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:12px;padding:10px 0;border-top:1px solid #EEF0EE;font-size:13px}
.pk-com span{color:var(--apoio)}
.pk-com small{color:var(--apoio);flex-basis:100%}
.pk-conf{margin-top:10px;background:#FDF0DC;border:1px solid #F1D9AE;border-radius:8px;padding:12px 14px}
.pk-conf b{color:#7A4B00}
.pk-conf p{font-size:13px;color:#5C4210;margin:4px 0 10px;line-height:1.5}
.pk-ok{margin-top:10px;display:flex;align-items:center;gap:6px;font-size:13px;color:#16573D;font-weight:600}
.pk-ok svg.i{width:16px;height:16px}
.pk-cobrar{background:var(--lima)!important;color:#12301F!important;height:38px;padding:0 16px}
.pk-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.pk-mod{border:1px solid var(--gx-borda);border-radius:8px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:2px}
.pk-mod:hover,.pk-mod.on{border-color:#9BCF5A;background:#F8FCF1}
.pk-mod b{font-size:13px}.pk-mod span{font-size:12px;color:var(--apoio)}
@media (max-width:600px){.pk-l{grid-template-columns:1fr}}
/* ===== senha do gestor ===== */
.gx-pin-veu{position:fixed;inset:0;background:rgba(15,35,26,.5);z-index:90;display:grid;place-items:center;padding:16px}
.gx-pin{background:#fff;border-radius:10px;padding:22px 24px;width:min(340px,100%);text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3);border-top:4px solid var(--lima)}
.gx-pin .ic{width:44px;height:44px;border-radius:50%;background:var(--lima-f);color:var(--lima-txt);display:inline-grid;place-items:center;margin-bottom:8px}
.gx-pin .ic svg.i{width:22px;height:22px}
.gx-pin h3{font-size:17px;font-weight:600}
.gx-pin p{font-size:13px;color:var(--cinza);margin-top:4px}
.gx-pin input{margin-top:14px;text-align:center;font-size:26px;letter-spacing:12px;padding:8px}
.gx-pin .er{color:var(--vermelho);min-height:18px;font-size:12.5px}
.gx-pin .ac{display:flex;gap:8px;justify-content:center;margin-top:8px}
.gp-l{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #EEF0EE;cursor:pointer}
.gp-l:last-child{border-bottom:0}
.gp-l input{width:auto;margin-top:3px}
.gp-l b{display:block;font-size:13.5px}
.gp-l small{font-size:12.5px;color:var(--apoio)}
.gp-conta{display:flex;flex-direction:column;gap:6px;max-width:520px}
.gp-conta label{font-size:12px;font-weight:600;color:var(--cinza)}
.gp-conta small{font-size:12px;color:var(--apoio)}
.gp-ed{margin-top:14px;padding-top:12px;border-top:1px solid #EEF0EE}
.gp-ed h3{font-size:13.5px;font-weight:600;margin-bottom:8px}