/* ==========================================================================
   PAINEL DO ANFITRIÃO

   Tela de trabalho, não peça de venda. A identidade do evento aparece na
   barra do topo e nos acentos; o miolo é claro e denso, porque quem usa isso
   está procurando um nome numa lista, não sendo convencido de nada.

   O que a auditoria do painel do WordPress ensinou e vale aqui desde o
   primeiro dia: situação nunca é comunicada por transparência (some no sol
   do celular), telefone não quebra no meio, tabela larga avisa que rola de
   lado, e botão de ação tem espaço próprio.

   Tudo escopado em .sdc-p para não brigar com o tema.
   ========================================================================== */

.sdc-p, .sdc-painel-entrada{
  --petroleo:var(--sdc-petroleo,#062231);
  --azul-profundo:var(--sdc-azul-profundo,#05182B);
  --azul:var(--sdc-azul,#123F5A);
  --turquesa:var(--sdc-turquesa,#17B9C4);
  --champagne:var(--sdc-champagne,#C9A961);
  --claro-2:var(--sdc-claro-2,#9FBACB);
  --sans:var(--sdc-sans,'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);

  --tinta:#12303F;
  --tinta-fraca:#5A6B76;
  --papel:#F1F5F7;
  --superficie:#FFFFFF;
  --fio:#DCE5EA;
  --raio:14px;
  --raio-controle:9px;
}

.sdc-p, .sdc-p *, .sdc-p *::before, .sdc-p *::after,
.sdc-painel-entrada, .sdc-painel-entrada *{ box-sizing:border-box; }

.sdc-p{
  font-family:var(--sans);
  font-size:15px;
  line-height:1.55;
  color:var(--tinta);
  background:var(--papel);
  min-height:100vh;
  min-height:100dvh;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}
.sdc-p p{ margin:0 0 1em; }
.sdc-p h1,.sdc-p h2,.sdc-p h3{ margin:0; font-weight:600; line-height:1.25; }
.sdc-p img{ max-width:100%; height:auto; display:block; }
.sdc-p a{ color:#0F6C93; }
.sdc-p a:hover{ color:#0B506E; }
.sdc-p ul{ margin:0; padding:0; list-style:none; }
.sdc-p table{ border-collapse:collapse; }

.sdc-p-fraco{ color:var(--tinta-fraca); }
.sdc-p-oculto{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); clip-path:inset(50%); white-space:nowrap;
}

/* ============================ Barra do topo ============================ */

.sdc-p-topo{
  background:var(--petroleo);
  color:#E4EEF3;
  border-bottom:1px solid rgba(201,169,97,.28);
}
.sdc-p-topo__linha{
  max-width:1240px; margin:0 auto; padding:16px 20px 12px;
  display:flex; flex-wrap:wrap; gap:12px; align-items:baseline; justify-content:space-between;
}
.sdc-p-marca{
  font-size:10.5px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--turquesa); margin:0 0 4px;
}
.sdc-p-topo h1{ font-size:21px; font-weight:500; color:#FFFFFF; }
.sdc-p-conta{ font-size:13px; color:var(--claro-2); }
.sdc-p-conta strong{ color:#FFFFFF; font-weight:500; }
.sdc-p-conta a{ color:var(--turquesa); margin-left:10px; }

.sdc-p-abas{
  max-width:1240px; margin:0 auto; padding:0 20px;
  display:flex; gap:4px; overflow-x:auto; overscroll-behavior-x:contain;
}
.sdc-p-abas a{
  display:block; padding:9px 14px 11px; font-size:14px; white-space:nowrap;
  color:var(--claro-2); text-decoration:none; border-bottom:2px solid transparent;
}
.sdc-p-abas a:hover{ color:#FFFFFF; }
.sdc-p-abas a[aria-current="page"]{
  color:#FFFFFF; border-bottom-color:var(--turquesa); font-weight:500;
}

/* ============================== Conteúdo =============================== */

.sdc-p-corpo{ max-width:1240px; margin:0 auto; padding:22px 20px 60px; }
.sdc-p-secao{ margin-bottom:30px; }
.sdc-p-secao > h2{
  font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--tinta-fraca); font-weight:600; margin:0 0 12px;
}

.sdc-p-caixa{
  background:var(--superficie); border:1px solid var(--fio);
  border-radius:var(--raio); padding:18px;
}
.sdc-p-caixa h2{ font-size:17px; }

/* Avisos. Cor sólida e barra na lateral: nada de transparência. */
.sdc-p-aviso{
  border-radius:var(--raio); padding:12px 16px; margin:0 0 18px;
  border:1px solid var(--fio); background:var(--superficie);
}
.sdc-p-aviso p{ margin:0; }
.sdc-p-aviso--ok{ border-left:4px solid #1E8A5B; background:#EEF8F2; color:#14563A; }
.sdc-p-aviso--erro{ border-left:4px solid #B3352A; background:#FCF0EF; color:#8A2A21; }
.sdc-p-aviso--atencao{ border-left:4px solid #B07514; background:#FDF5E9; color:#7A5210; }
.sdc-p-aviso a{ margin-left:8px; }

/* ============================== Cartões ================================ */

.sdc-p-cartoes{
  display:grid; gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
}
/* Quatro colunas fecham os oito cartões em duas linhas cheias. Sem isso o
   automático faz seis em cima e dois soltos embaixo, que parece erro. */
@media (min-width:1000px){
  .sdc-p-cartoes{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.sdc-p-cartao{
  background:var(--superficie); border:1px solid var(--fio);
  border-radius:var(--raio); padding:14px 16px 15px;
  display:flex; flex-direction:column; min-height:100%;
}
.sdc-p-cartao__rotulo{
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--tinta-fraca); line-height:1.4; min-height:2.8em;
}
.sdc-p-cartao__valor{
  font-size:30px; line-height:1.1; color:var(--azul); font-weight:600;
  font-variant-numeric:tabular-nums; margin-top:2px;
}
.sdc-p-cartao__nota{ font-size:12px; color:var(--tinta-fraca); margin-top:auto; padding-top:6px; }

/* =============================== Tabelas =============================== */

.sdc-p-dica-rolo{ display:none; }

.sdc-p-rolo{
  position:relative;               /* prende o texto de leitor de tela aqui dentro */
  overflow-x:auto; overscroll-behavior-x:contain;
  background:var(--superficie); border:1px solid var(--fio); border-radius:var(--raio);
}
.sdc-p-tabela{ width:100%; min-width:760px; }
.sdc-p-tabela th, .sdc-p-tabela td{ padding:11px 14px; text-align:left; vertical-align:top; }
.sdc-p-tabela thead th{
  font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--tinta-fraca); font-weight:600; border-bottom:1px solid var(--fio);
  background:#F7FAFB; white-space:nowrap;
}
.sdc-p-tabela tbody tr + tr td{ border-top:1px solid #EDF2F4; }
.sdc-p-tabela .num{ text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sdc-p-tabela--estreita{ min-width:0; }
.sdc-p-tel{ white-space:nowrap; }

/* Cancelado e inativo: cor sólida, fundo próprio e barra. Nunca opacidade. */
.sdc-p-linha-off td{ background:#F7F9FA; color:#5A6B76; }
.sdc-p-linha-off td strong{ color:#4C5B65; }
.sdc-p-linha-off td:first-child{ box-shadow:inset 3px 0 0 #C3CDD3; }

.sdc-p-marca-txt{
  display:inline-block; padding:2px 8px; border-radius:5px;
  font-size:11px; line-height:1.6; white-space:nowrap;
}
.sdc-p-marca-txt--off{ background:#E9EEF1; color:#4F5F69; }
.sdc-p-marca-txt--ok{ background:#DFF3E8; color:#1B6544; }
.sdc-p-marca-txt--alerta{ background:#FBEEDC; color:#7E4B12; white-space:normal; }

.sdc-p-falhas{ margin:6px 0 0 !important; padding-left:18px !important; list-style:disc !important; font-size:13px; }
.sdc-p-envios__acoes{ margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; }
.sdc-p-zap .sdc-p-botao{ margin-top:6px; white-space:nowrap; }
.sdc-p-login code{ white-space:nowrap; font-size:13px; background:#EEF4F7; padding:2px 6px; border-radius:5px; color:var(--azul); }
.sdc-p-login .sdc-p-marca-txt{ margin-top:5px; }

/* Como o consultor entra: três passos curtos, numerados. */
.sdc-p-acesso h2{ margin-bottom:4px; }
.sdc-p-passos{ display:grid; gap:8px; margin:12px 0 14px !important; }
.sdc-p-passos li{ display:flex; gap:10px; align-items:flex-start; }
.sdc-p-passos b{ flex:0 0 26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--turquesa); color:#06222F; font-size:13px; }
.sdc-p-passos span{ padding-top:2px; overflow-wrap:anywhere; }
.sdc-p-passos code{ font-size:14px; background:#EEF4F7; padding:1px 6px; border-radius:5px; }

.sdc-p-pulseira{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.sdc-p-pulseira i{
  width:12px; height:12px; border-radius:50%; display:inline-block;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);
}

.sdc-p-acoes{ white-space:nowrap; }
.sdc-p-acoes .sdc-p-botao{ margin:0 0 5px 5px; }
.sdc-p-acoes .sdc-p-botao:first-child{ margin-left:0; }

/* =============================== Botões ================================ */

.sdc-p .sdc-p-botao{
  display:inline-block; border:1px solid var(--azul); background:var(--superficie);
  color:var(--azul); text-decoration:none; font:inherit; font-size:14px; font-weight:500;
  padding:9px 15px; border-radius:var(--raio-controle); cursor:pointer; line-height:1.3;
  text-align:center;
}
.sdc-p .sdc-p-botao:hover{ background:#EEF4F7; color:var(--azul); }
.sdc-p .sdc-p-botao--principal{
  background:var(--turquesa); border-color:var(--turquesa); color:#06222F;
}
.sdc-p .sdc-p-botao--principal:hover{ background:#3ECAD3; color:#06222F; }
.sdc-p .sdc-p-botao--perigo{ border-color:#D8AEA9; color:#A8322A; }
.sdc-p .sdc-p-botao--perigo:hover{ background:#FBF1F0; color:#8A2A21; }
.sdc-p .sdc-p-botao--pequeno{ font-size:13px; padding:6px 11px; }

/* =============================== Campos ================================ */

.sdc-p label{ display:block; font-size:12.5px; font-weight:600; color:var(--tinta); }
.sdc-p input[type="text"], .sdc-p input[type="search"], .sdc-p input[type="tel"],
.sdc-p input[type="email"], .sdc-p input[type="date"], .sdc-p input[type="number"],
.sdc-p select{
  width:100%; font:inherit; font-size:15px; font-weight:400; color:var(--tinta);
  background:var(--superficie); border:1px solid #C3CFD6; border-radius:var(--raio-controle);
  padding:9px 11px; margin-top:4px; min-height:42px;
}
.sdc-p select{ padding-right:30px; }
.sdc-p input:focus-visible, .sdc-p select:focus-visible, .sdc-p button:focus-visible,
.sdc-p a:focus-visible{ outline:2px solid var(--turquesa); outline-offset:2px; }
.sdc-p .sdc-p-ajuda{ font-size:12px; color:var(--tinta-fraca); font-weight:400; margin:4px 0 0; }
.sdc-p .sdc-p-check{ display:flex; gap:8px; align-items:flex-start; font-weight:400; font-size:14px; }
.sdc-p .sdc-p-check input{ width:auto; min-height:0; margin-top:3px; }

.sdc-p-grade{
  display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.sdc-p-grade > *{ min-width:0; }

/* Filtros.
   Os campos ocupam a grade e os botões ficam numa linha só, embaixo. Deixar
   os botões disputarem uma coluna da grade é o que fazia "Filtrar", "Limpar"
   e "Exportar" empilharem num bloco alto no canto direito. */
.sdc-p-filtros{
  display:grid; gap:10px 12px; align-items:end; margin-bottom:16px;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
  background:var(--superficie); border:1px solid var(--fio);
  border-radius:var(--raio); padding:14px;
}
.sdc-p-filtros > *{ min-width:0; max-width:100%; }
.sdc-p-filtros__busca{ grid-column:span 2; }
.sdc-p-filtros__acoes{
  grid-column:1 / -1; display:flex; gap:8px; flex-wrap:wrap;
  border-top:1px solid var(--fio); padding-top:12px; margin-top:2px;
}

/* Edição de convidado */
.sdc-p-edicao{ background:#F6FAFB; border:1px solid var(--fio); border-radius:var(--raio); padding:16px; }
.sdc-p-edicao legend{ font-size:12.5px; font-weight:600; padding:0 6px; }
.sdc-p-edicao fieldset{ border:1px solid var(--fio); border-radius:10px; padding:12px; margin:14px 0; }
.sdc-p-edicao__acomp-linha{
  display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:8px; margin-bottom:8px;
}
.sdc-p-edicao__acoes{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.sdc-p-edicao-solta{ border-left:4px solid var(--turquesa); margin-bottom:18px; }

/* Link do consultor */
.sdc-p-link{
  display:flex; gap:6px; align-items:center; flex-wrap:wrap;
}
.sdc-p-link input{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12.5px;
  min-height:36px; padding:6px 9px; margin:0; width:auto; flex:1 1 190px;
}

/* Paginação */
.sdc-p-paginas{ display:flex; gap:6px; flex-wrap:wrap; margin:16px 0 0; }
.sdc-p-paginas .page-numbers{
  display:inline-block; padding:7px 12px; border:1px solid var(--fio);
  border-radius:var(--raio-controle); background:var(--superficie);
  color:var(--azul); text-decoration:none; font-size:14px; min-width:40px; text-align:center;
}
.sdc-p-paginas .page-numbers:hover{ background:#EEF4F7; }
.sdc-p-paginas .page-numbers.current{
  background:var(--azul); border-color:var(--azul); color:#FFFFFF; font-weight:600;
}
.sdc-p-paginas .page-numbers.dots{ border-color:transparent; background:none; }

/* Senha nova, mostrada uma vez */
.sdc-p-senha{
  border-left:4px solid var(--champagne); background:#FDFAF2; border-color:#EADFC4;
}
.sdc-p-senha__valor{
  display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:10px 0;
}
.sdc-p-senha__valor input{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:17px; font-weight:600;
  letter-spacing:.04em; flex:0 1 260px; width:auto; margin:0; background:#FFFFFF;
  text-align:center;
}

/* ============================== Celular ================================ */

@media (max-width:820px){
  .sdc-p-corpo{ padding:18px 14px 50px; }
  .sdc-p-topo__linha{ padding:14px 14px 10px; }
  .sdc-p-abas{ padding:0 14px; }
  .sdc-p-cartoes{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sdc-p-cartao__rotulo{ min-height:0; }
  .sdc-p-cartao__valor{ font-size:25px; }

  .sdc-p-dica-rolo{
    display:block; margin:0 0 7px; font-size:12.5px; color:var(--tinta-fraca);
  }
  .sdc-p-dica-rolo::before{ content:"↔ "; }

  .sdc-p-filtros{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sdc-p-filtros__busca,
  .sdc-p-filtros__acoes{ grid-column:1 / -1; }
  .sdc-p-filtros__acoes .sdc-p-botao{ flex:1 1 120px; }
  .sdc-p-edicao__acomp-linha{ grid-template-columns:1fr; }
}

/* Lista de problemas do diagnóstico, dentro do aviso do resumo. */
.sdc-p-lista{ margin:8px 0 0; padding:0 0 0 18px; list-style:disc; }
.sdc-p-lista li{ margin-bottom:8px; line-height:1.5; }
.sdc-p-lista .sdc-p-botao{ margin-left:6px; vertical-align:baseline; }

/* Por origem (3.19.0): a tabela por anúncio e o atalho para a lista filtrada. */
.sdc-p .sdc-p-origem-sub{ margin:22px 0 10px; font-size:15px; }
.sdc-p .sdc-p-origem-atalho{ margin:14px 0 0; }

/* Eventos anteriores (3.20.0): a escolha do evento guardado. */
.sdc-p .sdc-p-eventos{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.sdc-p .sdc-p-eventos .sdc-p-botao{ margin:0; }
.sdc-p .sdc-p-eventos .sdc-p-botao[aria-current="page"]{ background:var(--azul); border-color:var(--azul); color:#FFFFFF; }
.sdc-p .sdc-p-listas{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.sdc-p .sdc-p-listas .sdc-p-botao{ margin:0; }

/* Filtro por consultor nas listas do evento anterior (3.22.0). */
.sdc-p .sdc-p-filtro-consultor{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:4px 0 14px; }
.sdc-p .sdc-p-filtro-consultor select{ min-width:0; max-width:100%; flex:1 1 260px; padding:9px 10px; border:1px solid #C9D3DA; border-radius:10px; background:#FFFFFF; font:inherit; }
.sdc-p .sdc-p-filtro-consultor .sdc-p-botao{ margin:0; }

/* O botão "voltar ao topo" do tema do site cobre botões desta tela no celular. */
#ast-scroll-top{ display:none !important; }

/* Item desligado para o anfitrião em Gerenciar convite > Painel do anfitrião.
   Só o administrador do site vê a marca; o anfitrião nem vê o item. */
.sdc-p-oculto{
  display:inline-block; margin-left:8px; padding:2px 8px; border-radius:999px;
  background:#FFF4E5; color:#8A4B00; border:1px solid #F3C98B;
  font-size:11px; font-weight:600; letter-spacing:.02em; text-transform:none;
  vertical-align:middle; white-space:nowrap;
}
.sdc-p-oculto-linha{ margin:0 0 8px; }
.sdc-p-insta{font-size:12.5px;color:#9B2C6F;text-decoration:none;}
.sdc-p-insta:hover{text-decoration:underline;}