/*
@AGPSNK-FILE-META
PATH=/home2/ff00e128/public_html/assets/css/auth.css
RELATIVE_PATH=assets/css/auth.css
FILE_NAME=auth.css
EXTENSION=css
TYPE=ASSET (StyleSheet)
LAYER=PRESENTATION
CATEGORY=UI_AUTH
MODULE=SECURITY
DESCRIPTION=Estilos específicos para as páginas de autenticação (Login, Recuperação de Senha).
PURPOSE=Prover um layout centralizado e minimalista, utilizando gradientes radiais e sombras suaves para focar a atenção do usuário no formulário de credenciais.
TAGS=css,auth,design-tokens,login-ui,responsive,visual-identity
CRITICALITY=MEDIUM (Affects first impression and entry point)
PUBLIC_SURFACE=yes
ADMIN_SURFACE=no
ACL_ROLE=NONE (Public Asset)
AUDIT_RELEVANCE=low
STATUS_MAPPED=reviewed
SOURCE_OF_TRUTH=CODE
*/

:root{
  --auth-bg-1:#ffffff;
  --auth-bg-2:#f7f9fb;
  --auth-bg-3:#e9f3ec;

  --auth-card-bg:#ffffff;
  --auth-card-border:rgba(46,60,80,0.06);
  --auth-text:#2e3c50;
  --auth-muted:#6b7280;

  --auth-input-bg:#fafafa;
  --auth-input-border:#d1d5db;

  --auth-green:#66cc66;
  --auth-green-shadow:rgba(102,204,102,0.35);

  --auth-radius:18px;
  --auth-shadow:0 12px 40px rgba(0,0,0,0.10);
}

/* Base */
body.page-auth{
  background: radial-gradient(circle at top left, var(--auth-bg-1) 0, var(--auth-bg-2) 45%, var(--auth-bg-3) 100%);
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  font-family: 'Roboto', sans-serif;
  margin:0;
}

/* Card */
.auth-card{
  width:100%;
  max-width:380px;
  background:var(--auth-card-bg);
  border-radius:var(--auth-radius);
  padding:32px 26px 28px;
  box-shadow:var(--auth-shadow);
  border:1px solid var(--auth-card-border);
  text-align:center;
}

.auth-card h1{
  font-family:'Work Sans', sans-serif;
  font-size:20px;
  font-weight:600;
  margin:0 0 6px 0;
  color:var(--auth-text);
}

.auth-subtitle{
  font-size:13px;
  color:var(--auth-muted);
  margin:0 0 18px 0;
}

.auth-logo{
  height:42px;
  margin-bottom:10px;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.1));
}

/* Alerts */
.auth-alert{
  background:#ffe0e0;
  color:#b40000;
  border:1px solid #ffbfbf;
  padding:10px 12px;
  font-size:13px;
  border-radius:8px;
  margin-bottom:16px;
  text-align:left;
}

/* Form */
.auth-card form label{
  text-align:left;
  display:block;
  font-size:13px;
  color:var(--auth-text);
  margin-top:12px;
  margin-bottom:4px;
  font-weight:500;
}

.auth-card input{
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid var(--auth-input-border);
  background:var(--auth-input-bg);
  font-size:14px;
  margin-bottom:4px;
  box-sizing:border-box;
}

/* Actions */
.auth-actions{
  margin-top:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.auth-actions button{
  background:var(--auth-green);
  color:white;
  border:none;
  padding:8px 20px;
  border-radius:999px;
  font-size:14px;
  cursor:pointer;
  font-weight:500;
  transition:0.15s;
  box-shadow:0 4px 12px var(--auth-green-shadow);
}

.auth-actions button:hover{
  transform: translateY(-1px);
  box-shadow:0 8px 20px rgba(102,204,102,0.45);
}

.auth-actions button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

.auth-link{
  font-size:13px;
  color:var(--auth-text);
  text-decoration: underline;
}

/* Hints / footer text */
.auth-hint{
  margin-top:20px;
  font-size:12px;
  color:var(--auth-muted);
  text-align:left;
  line-height:1.4;
}

.auth-hint a{
  color:var(--auth-text);
  text-decoration: underline;
  font-weight:500;
}