/* Telas de login e Equipe: mesma identidade do Liberty Clientes (visual claro,
   faixa em verde musgo, Manrope em tudo, Syne só nas etiquetas pequenas). */
:root{
  --bg:#F3F7F1; --surface:#FFFFFF; --surface-2:#EDF4EA; --line:#D2DECF; --line-soft:#E3ECE0;
  --fg:#16161A; --muted:#4D5F52; --faint:#76877A;
  --lima:#D6FFAE; --menta:#E1FFEA; --vivo:#35B769; --verde:#058C42; --oliva:#243500;
  --danger:#B93815; --warn-fg:#9A5B00;
  --f:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-label:"Syne","Manrope",system-ui,sans-serif;
  --r:14px; --r-sm:10px;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--f);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--verde)}
:focus-visible{outline:2px solid var(--verde);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;background:var(--oliva);color:var(--lima);border-radius:999px;padding:10px 18px;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.12)}
.btn:disabled{opacity:.55;cursor:default;filter:none}
.btn.ghost{background:var(--surface);color:var(--fg);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--verde);filter:none}
.btn.perigo{background:var(--surface);color:var(--danger);border-color:#E8C3B8}
.btn.pequeno{padding:6px 12px;font-size:12.5px}
.btn.largo{width:100%;padding:12px 18px;font-size:14.5px}

.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo label{font-size:12.5px;font-weight:700;color:var(--muted)}
.campo input,.campo select{background:#FBFDFA;border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;width:100%;min-width:0}
.campo input:focus,.campo select:focus{border-color:var(--verde);box-shadow:0 0 0 3px rgba(5,140,66,.12);outline:none}

.etiqueta{font-family:var(--f-label);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}
.erro{margin:0;color:var(--danger);font-weight:600;font-size:13px}
.ok{margin:0;color:var(--verde);font-weight:600;font-size:13px}
.nota{margin:0;color:var(--faint);font-size:12.5px}

/* Login */
.tela-entrar{min-height:100vh;min-height:100dvh;display:flex}
.entrar{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%}
.entrar-marca{background:var(--oliva);display:flex;align-items:center;justify-content:center;padding:48px}
.entrar-marca img{width:min(420px,80%);height:auto}
.entrar .cartao{align-self:center;justify-self:center;width:min(400px,100%);display:flex;flex-direction:column;gap:16px;padding:40px 24px}
.entrar h1{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.04em;font-weight:400}
.entrar h1 strong{font-weight:800;color:var(--verde)}
.entrar .sub{margin:-6px 0 4px;color:var(--muted)}
@media (max-width:820px){
  .entrar{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  .entrar-marca{padding:28px 16px}
  .entrar-marca img{width:min(260px,70%)}
  .entrar .cartao{align-self:start;padding:28px 16px}
}

/* Equipe */
.wrap{max-width:980px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:18px}
.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;background:var(--oliva);border-radius:var(--r);padding:14px 18px}
.top img{height:38px;width:auto;display:block}
.top-acoes{display:flex;gap:8px;flex-wrap:wrap}
.top .btn{background:transparent;color:var(--lima);border-color:rgba(214,255,174,.45)}
.bloco{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px rgba(36,53,0,.05)}
.bloco h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.025em}
.bloco > p{margin:-6px 0 0;color:var(--muted)}
.grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.grade .btn{justify-self:start}
.grade .erro,.grade .ok{grid-column:1/-1}
.pessoas{list-style:none;margin:0;padding:0}
.pessoas li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line-soft)}
.pessoas li:first-child{border-top:0}
.pessoa{flex:1 1 220px;min-width:0}
.pessoa b{display:block;font-size:14.5px}
.pessoa span{display:block;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.selo{font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--menta);color:#0B6B33}
.selo.off{background:#F1E9E6;color:var(--danger)}
.pessoa-acoes{display:flex;gap:6px;flex-wrap:wrap}
.senha-linha{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.senha-linha input{flex:1 1 200px;background:#FBFDFA;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;min-width:0}
@media (max-width:760px){
  .grade{grid-template-columns:minmax(0,1fr)}
  .top img{height:30px}
}