/* Gerenciamento: menu "Visualizar", modos Blocos/Conteúdo/Detalhes, painéis laterais
   e telas Equipe/Modelos/Operação na largura toda — 05/11/2026 */
#main .mg-screen.gv-tela-larga{max-width:none!important}
#main .mg-panel.gv-painel-largo{max-width:none!important;width:100%!important}

/* ---------- barra com contagem + botão Visualizar ---------- */
.gv-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}
.gv-barra-info{color:#6fa0b2;font-size:12.5px}
.gv-menu{position:relative;display:inline-block}
#main .gv-botao,.gv-botao{display:inline-flex;align-items:center;gap:7px;width:auto;margin:0;border:1px solid #2a4c55;border-radius:8px;padding:8px 12px;background:#10262c;color:#cfe8ee;font-size:13px;font-weight:700;cursor:pointer}
#main .gv-botao:hover,#main .gv-botao[aria-expanded=true]{border-color:#18dcae;color:#18dcae}
.gv-botao svg,.gv-lista svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px}
.gv-botao .gv-seta{width:14px;height:14px}
.gv-lista{position:absolute;right:0;top:calc(100% + 6px);z-index:120;min-width:250px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #2b4a52;border-radius:10px;background:#13232a;box-shadow:0 18px 40px #0009}
.gv-lista[hidden]{display:none}
.gv-lista hr{height:1px;margin:5px 4px;border:0;background:#26414a}
#main .gv-lista button,.gv-lista button{display:flex;align-items:center;gap:10px;width:100%;margin:0;border:0;border-radius:7px;padding:9px 10px;background:transparent;color:#dcebed;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer}
#main .gv-lista button:hover,#main .gv-lista button:focus-visible{background:#1d3640;outline:none}
.gv-marca{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%}
[aria-checked=true]>.gv-marca{background:#dcebed}
.gv-sem-icone{display:inline-block;flex:0 0 16px;width:16px}
.gv-sub-botao span{flex:1}
.gv-sub-botao .gv-lado{transition:transform .15s}
.gv-sub-botao[aria-expanded=true] .gv-lado{transform:rotate(90deg)}
.gv-sub{margin:2px 0 2px 26px;padding-left:6px;border-left:1px solid #26414a}
.gv-sub[hidden]{display:none}
.gv-check{display:inline-grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border:1px solid #4b6d76;border-radius:4px}
[aria-checked=true]>.gv-check{border-color:#18dcae;background:#18aa89}
[aria-checked=true]>.gv-check::after{content:"";width:4px;height:8px;margin-top:-2px;border:solid #05211c;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ---------- área: itens + painel ---------- */
.gv-area{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.gv-area.gv-com-painel{grid-template-columns:minmax(0,1fr) minmax(320px,32%)}
.gv-itens{min-width:0}
.gv-itens.gv-layout-blocos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:12px}
.gv-itens.gv-layout-conteudo{display:grid;gap:8px}
.gv-item{cursor:pointer;outline:none}
.gv-item:focus-visible{box-shadow:0 0 0 2px #18dcae66}
.gd-card.gv-selecionado,.gv-linha.gv-selecionado{border-color:#18dcae!important;box-shadow:0 0 0 1px #18dcae55}
.gv-tabela tr.gv-selecionado td{background:#0f3a33!important}
.gv-painel{position:sticky;top:12px;min-width:0;max-height:calc(100vh - 110px);overflow:auto;padding:14px;border:1px solid #1d4550;border-radius:12px;background:#0b1c21;color:#d9eaec}
.gv-painel-fechar{display:none}
.gv-painel-titulo{margin:0 0 10px;color:#12d9ad;font-size:10.5px;font-weight:800;letter-spacing:1.2px;overflow-wrap:anywhere}
.gv-painel-vazio{margin:20px 0;color:#6f8f99;font-size:13px;text-align:center}
.gv-painel .gd-card{cursor:default;border-color:#183943}
.gv-previa{display:grid;place-items:center;min-height:200px;border-radius:8px;background:#e9eef0}
.gv-previa img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 4px 18px #0006}
.gv-previa .gv-painel-vazio{color:#4b5f66}
.gv-paginas{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#9fc0c8;font-size:12.5px}
#main .gv-paginas button{width:auto;margin:0;border:1px solid #2a4c55;border-radius:7px;padding:6px 10px;background:#10262c;color:#cfe8ee;font-size:12px;cursor:pointer}
#main .gv-paginas button:disabled{opacity:.4;cursor:default}
.gv-nota{margin:8px 0 0;color:#6f8f99;font-size:11.5px;text-align:center}

/* ---------- modo Conteúdo (linhas largas) ---------- */
.gv-linha{display:grid;grid-template-columns:34px minmax(180px,1.3fr) minmax(0,1.6fr) auto auto;gap:10px 16px;align-items:center;padding:10px 14px;border:1px solid #183943;border-radius:9px;background:#0a181c;color:#d9eaec}
.gv-linha:hover{border-color:#205563;background:#0c2025}
.gv-linha .gd-avatar{width:32px;height:32px}
.gv-linha-principal{display:grid;gap:3px;min-width:0}
.gv-linha-principal strong{color:#f1f8f8;font-size:14px;overflow-wrap:anywhere}
.gv-linha-principal small,.gv-linha-meta{color:#6fa0b2;font-size:12px;overflow-wrap:anywhere}
.gv-linha-principal code,.gv-sub-cel code{padding:0 4px;border-radius:4px;background:#102a31;color:#bfe6ee;font-size:11.5px}
.gv-linha .gd-contato{font-size:12.5px}
.gv-linha-meio{display:grid;gap:4px;min-width:0}
.gv-linha-meio .gd-prazo{padding:5px 8px;font-size:12.5px}
.gv-linha-valor{display:grid;justify-items:end;gap:4px;white-space:nowrap}
.gv-linha-valor b{color:#f0fbfb;font-size:13px}
.gv-linha-acoes,.gv-td-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
#main .gv-linha-acoes button,#main .gv-td-acoes button,#main .gd-card .gd-acoes button{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;border:1px solid #2a4c55;border-radius:8px;padding:7px 10px;background:#10262c;color:#b9dbe4;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
#main .gv-linha-acoes button:hover,#main .gv-td-acoes button:hover{border-color:#18dcae;color:#18dcae}
#main .gv-linha-acoes button svg,#main .gv-td-acoes button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#main .gv-linha-acoes .gd-mais,#main .gv-td-acoes .gd-mais{border-color:#1b8f75;background:#0f3a33;color:#9ff3dc}

/* ---------- modo Detalhes (tabela) ---------- */
.gv-tabela-rolagem{max-width:100%;overflow-x:auto;border:1px solid #183943;border-radius:10px;-webkit-overflow-scrolling:touch}
.gv-tabela{width:100%;border-collapse:collapse;font-size:12.5px;color:#d9eaec}
.gv-tabela th{position:sticky;top:0;padding:9px 10px;border-bottom:1px solid #1d4550;background:#0d2228;color:#4f8798;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-align:left;text-transform:uppercase;white-space:nowrap}
.gv-tabela td{padding:8px 10px;border-bottom:1px solid #12303a;vertical-align:middle;background:#0a181c}
.gv-tabela tr:last-child td{border-bottom:0}
.gv-tabela tr:hover td{background:#0c2025}
.gv-tabela td b{color:#f1f8f8}
.gv-tabela td a{color:#66d9bd;font-weight:700;text-decoration:none;white-space:nowrap}
.gv-tabela td small{color:#6fa0b2}
.gv-tabela .prazo-edicao{margin:0;min-width:180px}
#main .gv-area .mg-status{display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important;margin:0!important;padding:3px 10px!important;border-radius:99px!important;background:#0f2a2f!important;font-size:12px!important;white-space:nowrap!important;overflow:visible!important}
.gv-tabela td:first-child{min-width:170px}
.gv-tabela td{white-space:nowrap}
.gv-tabela td:first-child,.gv-tabela td.gv-quebra{white-space:normal}
.gv-tabela .prazo-edicao{white-space:normal}
.gv-com-painel .gv-linha{grid-template-columns:34px minmax(0,1fr) auto}
.gv-com-painel .gv-linha-meio,.gv-com-painel .gv-linha .gv-chips,.gv-com-painel .gv-linha .gv-linha-meta{grid-column:2/-1}
.gv-com-painel .gv-linha-acoes{grid-column:1/-1}
.gv-com-painel .gv-linha-valor{grid-column:3;grid-row:1}
.gv-sub-cel{display:block;margin-top:2px}
.gv-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- peças comuns ---------- */
.gv-chips{display:flex;flex-wrap:wrap;gap:5px}
.gv-chip{padding:3px 8px;border:1px solid #24505a;border-radius:99px;background:#0f262c;color:#bfe6ee;font-size:11.5px;white-space:nowrap}
.gv-chip-forte{border-color:#1b8f75;background:#0f3a33;color:#9ff3dc}
.gv-chip-vazio{color:#6f8f99}
.gv-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}
.gv-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.gv-status.on{color:#18dcae}.gv-status.off{color:#8a9aa0}

/* ---------- Equipe ---------- */
.mg-team-directory .gv-linha{grid-template-columns:34px minmax(160px,1fr) minmax(0,1.4fr) auto auto auto}

/* ---------- Modelos ---------- */
.gv-modelo-novo{display:flex;flex-wrap:wrap;align-items:end;gap:10px 14px;margin:0 0 16px;padding:14px;border:1px solid #183943;border-radius:10px;background:#0a181c;color:#a9c0c5}
.gv-modelo-novo>b{flex:0 0 100%;color:#f1f8f8;font-size:14px}
.gv-modelo-novo label{display:grid;gap:5px;flex:1 1 220px;margin:0;font-size:11px;font-weight:800;text-transform:uppercase}
.gv-modelo-novo label:nth-of-type(2){flex:0 0 130px}
#main .gv-modelo-novo input{width:100%;box-sizing:border-box;margin:0;border:1px solid #375058;border-radius:8px;padding:9px;background:#091418;color:#edf7f7;font-size:14px;text-transform:none}
#main .gv-modelo-novo input[type=color]{height:40px;padding:3px}
#main .gv-modelo-novo .mg-primary{flex:0 0 auto;width:auto;margin:0;border:0;border-radius:8px;padding:11px 16px;background:#18aa89;color:#05211c;font-weight:800}
.gv-modelo{overflow:hidden;padding-top:0!important}
.gv-modelo-faixa{height:10px;margin:0 -16px 4px;background:#2a4c55}
.gv-amostra{display:inline-block;width:14px;height:14px;border:1px solid #ffffff40;border-radius:4px;vertical-align:-2px;background:#2a4c55}
.gv-amostra-grande{width:30px;height:30px;border-radius:8px}

/* ---------- Operação ---------- */
#main .gv-operacao .mg-rule-grid{align-items:center}
#main .gv-operacao .mg-rule-grid .mg-check{display:flex!important;align-items:center;gap:10px;color:#dcebed!important;font-size:13.5px!important;font-weight:700}
#main .gv-operacao .mg-rule-grid .mg-check input{flex:0 0 20px;width:20px!important;height:20px!important;margin:0!important;padding:0!important;accent-color:#18aa89}
#main .gv-operacao .mg-rule-grid label{color:#dcebed!important}
#main .gv-operacao .mg-rule-grid small{color:#8ea6ab!important}

/* ---------- celular / tela estreita ---------- */
@media (max-width:900px){
  #main .mg-screen.gv-tela-larga,#main .mg-screen.gd-tela{animation:none!important;transform:none!important}
  .gv-area.gv-com-painel{grid-template-columns:minmax(0,1fr)}
  .gv-painel{display:none;position:fixed;inset:auto 0 0 0;z-index:150;max-height:82vh;border-radius:16px 16px 0 0;box-shadow:0 -12px 40px #000a;padding:16px 14px 22px}
  .gv-painel.gv-aberto{display:block}
  #main .gv-painel-fechar,.gv-painel-fechar{display:grid;place-items:center;position:sticky;top:0;float:right;width:36px;height:36px;margin:0 0 6px 8px;border:1px solid #2a4c55;border-radius:9px;padding:0;background:#13272d;color:#dcebed;cursor:pointer}
  .gv-painel-fechar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .gv-linha,.mg-team-directory .gv-linha{grid-template-columns:34px minmax(0,1fr) auto}
  .gv-linha-meio,.gv-linha .gv-chips,.gv-linha .gv-linha-meta{grid-column:2/-1}
  .gv-linha-acoes{grid-column:1/-1;justify-content:stretch}
  #main .gv-linha-acoes button{flex:1 1 auto;justify-content:center}
  .gv-linha-valor{grid-column:3;grid-row:1}
}
@media (max-width:600px){
  .gv-lista{width:min(300px,calc(100vw - 40px));min-width:0}
  .gv-barra{flex-wrap:wrap}
}

/* Foto do cliente no lugar da letra (currículos com foto) */
.gd-avatar.gd-avatar-foto{overflow:hidden;padding:0;background:#123a42}
.gd-avatar.gd-avatar-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
#main .gd-acoes .gv-excluir,#main .gv-linha-acoes .gv-excluir{margin-left:auto!important;border-color:#7b4146!important;background:#301d22!important;color:#ffb7ba!important}
#main .gd-acoes .gv-excluir:hover,#main .gv-linha-acoes .gv-excluir:hover{border-color:#ff8a90!important;color:#fff!important}

/* ---------- Leitura mais fácil (05/11/2026): faixa de cor do pagamento, linhas alternadas, letra maior ---------- */
.gd-pg-pago{--gd-cor:#18c79a}.gd-pg-pendente{--gd-cor:#f1b335}.gd-pg-gratuito,.gd-pg-liberado{--gd-cor:#4aa3df}.gd-pg-estornado,.gd-pg-nao_conferido{--gd-cor:#e5484d}
.gd-card[class*="gd-pg-"],.gv-linha[class*="gd-pg-"]{border-left:4px solid var(--gd-cor,#2a4c55)!important}
.gv-tabela tr[class*="gd-pg-"] td:first-child{box-shadow:inset 4px 0 0 var(--gd-cor,#2a4c55);padding-left:14px}
.gv-itens.gv-layout-conteudo>.gv-linha:nth-child(even){background:#102730}
.gv-itens.gv-layout-conteudo>.gv-linha:nth-child(even):hover{background:#12303a}
.gv-tabela tbody tr:nth-child(even) td{background:#0e2329}
.gv-linha-principal strong{font-size:15px!important}
.gv-linha-principal small,.gv-linha-meta{color:#8fb9c6!important;font-size:12.5px!important}
.gv-linha .gd-contato{font-size:13px!important}
.gd-titulo strong{font-size:15.5px}
.gd-titulo small{color:#8fb9c6}
.gd-item dt{color:#6fa8b8}
.gd-item dd{font-size:13.5px}
.gv-tabela{font-size:13px}
.gv-tabela th{color:#6fa8b8}

/* ---------- Topo de Documentos fixo ao rolar (computador e tablet) ---------- */
#main .mg-panel .gd-fixo{position:sticky;top:0;z-index:40;margin:0!important;padding:0 32px 6px!important;background:#081519;border-radius:14px 14px 0 0;box-shadow:0 10px 18px -12px #000c}
#main .mg-panel .gd-fixo>*{margin-left:0!important;margin-right:0!important}
#main .mg-panel .gd-fixo .mg-panel-head{padding-left:0!important;padding-right:0!important}
#main .mg-panel .gd-fixo .gv-barra{margin-bottom:6px}
@media (max-width:900px){
  #main .mg-panel .gd-fixo{position:static;padding:0 20px 4px!important;box-shadow:none}
}

/* ---------- Topo de Documentos compacto: 2 linhas simétricas ---------- */
#main .mg-panel .gd-fixo{padding:14px 32px 10px!important}
#main .gd-fixo .mg-panel-head[hidden]{display:none!important}
#main .gd-linha1{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:0 0 4px;border-bottom:1px solid #193740}
#main .gd-titulo-secao{color:#12d9ad;font-size:11px;font-weight:750;letter-spacing:1.1px;white-space:nowrap}
#main .gd-linha1 .mg-document-tabs{flex:0 1 auto;margin:0!important;padding:0!important;border:0!important;gap:20px!important}
#main .gd-metricas{display:flex;align-items:baseline;gap:22px;margin-left:auto;white-space:nowrap}
#main .gd-metricas span{display:inline-flex;align-items:baseline;gap:7px}
#main .gd-metricas small{color:#43788d;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
#main .gd-metricas b{color:#f1f8f8;font-size:16px}
#main .gd-linha2{display:flex;align-items:center;gap:16px;padding-top:10px}
#main .gd-linha2 .mg-filter-bar{flex:1 1 auto;grid-template-columns:minmax(0,1fr) 240px!important;gap:12px!important;padding:0!important;margin:0!important}
#main .gd-linha2 .mg-filter-bar label>span:first-child{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
#main .gd-barra{display:flex;align-items:center;gap:12px;flex:0 0 auto;white-space:nowrap}
#main .gd-barra .gv-barra-info{color:#6fa0b2;font-size:12.5px}
@media (max-width:1100px){#main .gd-metricas{margin-left:0;width:100%;justify-content:flex-start}}
@media (max-width:700px){
  #main .gd-linha2{flex-wrap:wrap}
  #main .gd-linha2 .mg-filter-bar{grid-template-columns:minmax(0,1fr)!important;width:100%}
  #main .gd-barra{width:100%;justify-content:space-between}
  #main .gd-linha1 .mg-document-tabs{width:100%;overflow-x:auto}
}