/* =====================================================================
   EgroFlow — login4192.css
===================================================================== */

.auth-brand{
  position:fixed; top:22px; left:26px; z-index:10;
  display:flex; align-items:center; gap:.6em;
  font-family:var(--font-display); font-weight:800; font-size:1rem;
}
.auth-brand img{ width:28px; height:28px; border-radius:8px; }

.auth-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding: 90px 20px 40px; }
.auth-card{ width:100%; max-width:420px; padding: 34px 30px 30px; }
.auth-head h1{ font-size:1.5rem; margin-top:.4em; }
.auth-head p{ margin-top:.5em; font-size:.9rem; }

.google-btn{ margin-top:1.6em; gap:.7em; }

.auth-divider{ display:flex; align-items:center; gap:12px; margin:1.4em 0; color:var(--ink-3); font-size:.78rem; }
.auth-divider::before, .auth-divider::after{ content:''; flex:1; height:1px; background:var(--glass-border-soft); }

.auth-form{ display:flex; flex-direction:column; gap:14px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field label{ font-size:.78rem; color:var(--ink-2); font-family:var(--font-display); font-weight:600; }
.field input{
  padding: .85em 1em; border-radius:14px; font-size:.92rem;
  background: rgba(255,255,255,.04); border:1px solid var(--glass-border-soft);
  color:var(--ink-0); font-family:var(--font-body);
  transition: border-color .25s var(--ease), background .25s var(--ease);
}
.field input:focus{ border-color: var(--azure); background: rgba(255,255,255,.06); outline:none; }
.field input::placeholder{ color:var(--ink-3); }

.link-btn{
  align-self:flex-end; background:none; border:none; color:var(--ink-2);
  font-size:.8rem; cursor:pointer; padding:0; margin-top:-6px;
}
.link-btn:hover{ color:var(--teal); }

#name-field{ display:none; }

.auth-switch{ text-align:center; margin-top:1.6em; font-size:.85rem; color:var(--ink-2); }
.auth-switch button{
  background:none; border:none; color:var(--teal); font-weight:600; cursor:pointer;
  font-size:.85rem; margin-left:.35em; font-family:var(--font-body);
}
.auth-switch button:hover{ text-decoration:underline; }

.submit-btn[disabled]{ opacity:.6; }