/* ============================================================================
 * JurisIQ — LADO COMERCIAL
 * Cadastro do escritório, tabela de planos, tela de assinatura e painel da
 * plataforma. Fica em arquivo próprio porque é a parte do produto que muda com
 * a estratégia de venda, não com a regra jurídica.
 * ========================================================================== */

/* --------------------- convite no rodapé do cartão de login --------------------- */
.convite-conta{
  margin-top:var(--e4);padding-top:var(--e4);border-top:1px dashed var(--borda-forte);
  display:grid;gap:var(--e2);text-align:center;
}
.convite-conta > span{color:var(--texto-2);font-size:var(--texto-xs)}

/* ------------------------------- criar conta ------------------------------- */
.armadilha{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.aceite{
  display:flex;gap:var(--e2);align-items:flex-start;
  font-size:var(--texto-xs);color:var(--texto-2);line-height:1.5;margin:var(--e2) 0;
}
.aceite input{margin-top:2px;flex:0 0 auto}
.mais-campos{margin:var(--e1) 0 var(--e2)}
.mais-campos summary{
  cursor:pointer;font-size:var(--texto-xs);color:var(--acao-texto);
  padding:6px 0;list-style:none;
}
.mais-campos summary::-webkit-details-marker{display:none}
.mais-campos summary::before{content:"+ ";font-weight:700}
.mais-campos[open] summary::before{content:"− "}

/* --------------------------------- planos --------------------------------- */
.cartao-acesso.largo-planos{max-width:min(720px,92vw)}
.grade-planos{
  display:grid;gap:var(--e3);margin:var(--e3) 0;
  grid-template-columns:repeat(auto-fit,minmax(196px,1fr));
}
.plano{
  position:relative;background:var(--superficie);border:1px solid var(--borda);
  border-radius:var(--raio-lg);padding:var(--e4);display:flex;flex-direction:column;gap:6px;text-align:left;
}
.plano.recomendado{border-color:var(--acao);box-shadow:0 0 0 1px var(--acao) inset}
.plano.atual{border-color:var(--ok);background:var(--ok-fraco)}
.plano .selo{
  position:absolute;top:-9px;left:var(--e4);background:var(--acao);color:var(--texto-invertido);
  font-size:var(--texto-3xs);font-weight:700;padding:3px 9px;border-radius:var(--raio-pill);letter-spacing:.02em;
}
.plano .selo.atual{background:var(--ok)}
.plano h3{margin:4px 0 0;font-size:var(--texto-lg)}
.plano .preco{margin:0;display:flex;align-items:baseline;gap:4px}
.plano .preco b{font-size:var(--texto-2xl);letter-spacing:-.02em}
.plano .preco span{color:var(--texto-2);font-size:var(--texto-xs)}
.plano-sub{margin:0;color:var(--texto-2);font-size:var(--texto-xs);line-height:1.5}
.plano-limites{margin:var(--e2) 0 var(--e3);padding:0;list-style:none;display:grid;gap:5px}
.plano-limites li{font-size:var(--texto-xs);padding-left:18px;position:relative}
.plano-limites li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.plano button{margin-top:auto}

/* ----------------------- faixa do topo com o contrato ----------------------- */
.faixa-assinatura{
  display:flex;gap:var(--e3);align-items:center;flex-wrap:wrap;
  padding:10px var(--e5);font-size:var(--texto-xs);
  background:var(--info-fraco);border-bottom:1px solid var(--borda);
}
.faixa-assinatura a{color:var(--acao-texto);font-weight:600}
.faixa-assinatura.atencao{background:var(--alto-fraco);border-bottom-color:color-mix(in srgb, var(--alto) 40%, var(--borda))}
.faixa-assinatura.grave{background:var(--critico-fraco);border-bottom-color:color-mix(in srgb, var(--critico) 40%, var(--borda))}
.faixa-assinatura.oculto{display:none}

/* ------------------------------- assinatura ------------------------------- */
.assinatura-topo{
  display:grid;gap:var(--e5);align-items:start;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
}
.assinatura-topo.teste{border-left:3px solid var(--acao)}
.assinatura-topo.bloqueada{border-left:3px solid var(--critico)}
.assinatura-topo h3{
  margin:4px 0 2px;font-size:var(--texto-xl);text-transform:none;letter-spacing:var(--tracking-titulo);
  color:var(--texto);font-weight:var(--peso-forte);display:block;
}
.etiqueta-situacao{
  display:inline-block;font-size:var(--texto-3xs);font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--texto-2);
}
.aviso-bloqueio{margin:var(--e2) 0 0;color:var(--critico);font-size:var(--texto-sm)}
.aviso-bloqueio.suave{color:var(--alto)}
.assinatura-uso{display:grid;gap:var(--e3)}
.assinatura-uso > div{display:grid;gap:4px}
.assinatura-uso span:first-child{font-size:var(--texto-2xs);color:var(--texto-2)}
.uso-barra{display:block;height:7px;border-radius:var(--raio-pill);background:var(--superficie-afundada);overflow:hidden}
.uso-barra i{display:block;height:100%;background:var(--ok);border-radius:var(--raio-pill)}
.uso-barra.quase i{background:var(--alto)}
.uso-barra.cheia i{background:var(--critico)}
.uso-numero,.uso-livre{font-size:var(--texto-2xs);color:var(--texto-2)}
.faixa-confirmar{
  display:flex;gap:var(--e3);align-items:center;flex-wrap:wrap;justify-content:space-between;
  border-left:3px solid var(--alto);
}

/* ---------------------------- painel da plataforma ---------------------------- */
.cabecalho-tela{display:flex;gap:var(--e3);align-items:baseline;flex-wrap:wrap;margin:var(--e5) 0 var(--e3)}
.cabecalho-tela h2{margin:0;font-size:var(--texto-xl)}
.kpis{
  display:grid;gap:var(--e3);margin-bottom:var(--e4);
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.kpis .kpi{
  background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-lg);
  padding:var(--e4);flex-direction:column;align-items:flex-start;gap:2px;
}
tr.clicavel{cursor:pointer}
tr.clicavel:hover{background:var(--superficie-afundada)}
tr.bloqueado td:first-child{box-shadow:inset 3px 0 0 var(--critico)}
.linha-form{display:flex;gap:var(--e3);align-items:flex-end;flex-wrap:wrap;margin:var(--e2) 0}
.linha-form .campo{flex:1 1 130px;margin:0}
#painel h4{margin:var(--e5) 0 var(--e1);font-size:var(--texto-sm);color:var(--texto-2);text-transform:uppercase;letter-spacing:.06em}

@media (max-width:760px){
  .assinatura-topo{grid-template-columns:1fr}
}

/* ------------------------ ambiente de teste (teste.jurisiq.org) ------------------------ */
/* Impossível confundir com o produto: faixa fixa no topo, listrada, em todas as telas. */
.faixa-ambiente{
  position:fixed;top:0;left:0;right:0;z-index:9999;
  padding:4px var(--e3);text-align:center;
  font-size:var(--texto-3xs);font-weight:700;letter-spacing:.06em;
  color:#1B1300;
  background:repeating-linear-gradient(-45deg,#FFC53D 0 14px,#FFB000 14px 28px);
}
.faixa-ambiente.oculto{display:none}
body.ambiente-teste{padding-top:24px}