/* =====================================================================
   Zeniit — Área do parceiro. Carregada SÓ por parceiros.html.
   Depende das variáveis de cor e das classes .corp-* do styles.css.
   ===================================================================== */

/* ===== Como funciona (passos do hero) ===== */
.pcomo { list-style: none; margin: 0 auto; padding: 0; max-width: 34rem; text-align: left; }
.pcomo li { display: flex; align-items: flex-start; gap: 0.9rem; padding: 0.55rem 0; font-size: 0.875rem; line-height: 1.55; color: var(--ink); }
.pcomo__n {
  flex: none; width: 1.6rem; height: 1.6rem; border: 2px solid var(--line);
  display: grid; place-items: center; font-size: 0.75rem; color: var(--green-deep);
}

/* ===== Entrar × Quero ser parceiro ===== */
.ptabs { display: flex; gap: 0; border-bottom: 1px solid var(--line); margin-bottom: 1.8rem; }
.ptab {
  flex: 1; background: transparent; border: 0; border-bottom: 2px solid transparent;
  font-family: var(--sans); font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--muted); padding: 0.85rem 0.4rem; cursor: pointer; transition: color 0.2s, border-color 0.2s;
}
.ptab:hover { color: var(--green-deep); }
.ptab.is-active { color: var(--green-deep); border-bottom-color: var(--green); }
.pview { display: none; }
.pview.is-active { display: block; }

/* ===== Peça para divulgação (pedido, não promessa) ===== */
.ppeca { border: 1px solid var(--line); padding: 1rem 1.1rem 1.1rem; margin-top: 1.2rem; }
.ppeca legend { font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); padding: 0 0.4rem; }
.ppeca__ops { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.ppeca__op { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; color: var(--ink); cursor: pointer; }
.ppeca__op input { accent-color: var(--green); margin: 0; }
.ppeca__end { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed var(--line); }
.ppeca__nota { font-size: 0.75rem; color: var(--muted); line-height: 1.5; margin-bottom: 0.9rem; }
.ppeca__estado { font-size: 0.875rem; color: var(--green); background: var(--cream-2); border-left: 2px solid var(--green-soft); padding: 0.7rem 0.9rem; margin-bottom: 1.4rem; line-height: 1.5; }

.paceite { display: flex; align-items: flex-start; gap: 0.6rem; margin-top: 1rem; font-size: 0.75rem; line-height: 1.5; color: var(--muted); }
.paceite input { accent-color: var(--green); margin-top: 0.15rem; flex: none; }
.paceite a { color: var(--green); text-decoration: underline; }
.corp-erro--ok { color: var(--green); }

/* ===== Barra da área logada ===== */
.parea__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); padding-bottom: 0.9rem; margin-bottom: 1.8rem; }
.parea__ola { font-family: var(--serif); font-size: 1.333rem; color: var(--green-deep); }

/* ===== Avisos de estado (em análise, suspenso…) ===== */
.paviso { text-align: center; padding: 2rem 0 1rem; }
.paviso__icone { font-size: 2.37rem; color: var(--green); }
.paviso h2 { font-family: var(--serif); font-weight: 400; font-size: 1.333rem; color: var(--green-deep); margin: 0.5rem 0; }
.paviso p { color: var(--ink); line-height: 1.6; margin: 0 auto 1.3rem; max-width: 30rem; }

/* ===== Cartão do cupom ===== */
.pcupom { border: 2px solid var(--line); padding: 1.6rem 1.2rem; text-align: center; margin-bottom: 1.6rem; }
.pcupom__rot { font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }
.pcupom__cod { font-family: var(--serif); font-size: clamp(1.778rem, 6vw, 2.37rem); letter-spacing: 0.14em; color: var(--green-deep); margin: 0.4rem 0 0.3rem; word-break: break-all; }
.pcupom__desc { font-size: 0.875rem; color: var(--green); margin-bottom: 1.1rem; }
.pcupom__acoes { display: flex; gap: 0.6rem; justify-content: center; flex-wrap: wrap; }
.pcupom__acoes .cupom__btn { padding: 0.55rem 1rem; }
.pcupom__link { font-size: 0.75rem; color: var(--muted); margin-top: 0.8rem; word-break: break-all; }

/* ===== Números ===== */
/* minmax(0,1fr) e nao 1fr: o rótulo longo do "retido" empurrava a coluna
   dele e deixava os quatro quadros de larguras diferentes */
.pstats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.6rem; margin-bottom: 1.6rem; }
.pstat { border: 1px solid var(--line); padding: 1rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; }
.pstat--forte { border: 2px solid var(--green); background: var(--cream-2); }
.pstat__n { font-family: var(--serif); font-size: 1.333rem; color: var(--green-deep); line-height: 1.1; }
.pstat__r { font-size: 0.75rem; letter-spacing: 0.06em; color: var(--muted); line-height: 1.35; }

/* ===== Saque ===== */
.psaque { text-align: center; margin-bottom: 2.4rem; }
.psaque .btn { width: 100%; }
.psaque .btn:disabled { opacity: 0.45; cursor: default; }
.psaque__obs { font-size: 0.75rem; color: var(--muted); margin-top: 0.6rem; line-height: 1.5; }

/* ===== Listas de vendas e saques ===== */
.psec { font-family: var(--serif); font-weight: 400; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--green-deep); border-bottom: 1px solid var(--line); padding-bottom: 0.5rem; margin: 2rem 0 0.4rem; }
.plista { list-style: none; margin: 0; padding: 0; }
.pitem { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 0; border-bottom: 1px solid var(--line); }
.pitem__esq { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.pitem__t { font-size: 0.875rem; color: var(--ink); overflow-wrap: anywhere; }
.pitem__s { font-size: 0.75rem; color: var(--muted); line-height: 1.4; }
.pitem__dir { display: flex; flex-direction: column; align-items: flex-end; gap: 0.3rem; flex: none; }
.pitem__v { font-family: var(--serif); font-size: 1rem; color: var(--green-deep); white-space: nowrap; }
.pvazio { font-size: 0.875rem; color: var(--muted); padding: 1rem 0; }

.pbadge { font-size: 0.75rem; letter-spacing: 0.06em; padding: 0.15rem 0.5rem; border: 1px solid var(--line); white-space: nowrap; }
.pbadge--ok { color: var(--green); border-color: var(--green-soft); }
.pbadge--espera { color: #8a6d3b; border-color: #d9c9a6; }
.pbadge--nao { color: #a23b3b; border-color: #e0bcbc; }

@media (max-width: 760px) {
  .pstats { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .parea__bar { flex-wrap: wrap; }
}
@media (max-width: 420px) {
  .pcupom__acoes { flex-direction: column; }
  .pcupom__acoes .cupom__btn { width: 100%; }
}

.pstats__nota { font-size: 0.75rem; color: var(--muted); line-height: 1.5; margin: -1rem 0 1.6rem; }
/* o rótulo do "retido" carrega a data e fica mais longo que os outros */
#pRetidoRot { line-height: 1.3; }

/* Dívida de comissão: sério sem ser alarme. Mesma moldura dos outros avisos
   da página, só que na cor de atenção. */
.pdeve { font-size: 0.875rem; color: #8a6d3b; background: var(--cream-2); border-left: 2px solid #d9c9a6; padding: 0.8rem 1rem; margin: -0.6rem 0 1.2rem; line-height: 1.55; }