/* Auth pages — same neo palette as dashboard, split layout */

body.auth-body{
  background:
    radial-gradient(circle at top right, rgba(0,208,156,.06), transparent 40%),
    var(--bg);
  color:var(--text);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}

.auth-shell,.shell{
  min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
}
.auth-side,.side{
  color:var(--text);padding:48px 56px;display:flex;flex-direction:column;
  justify-content:space-between;gap:40px;position:relative;overflow:hidden;
  background:
    radial-gradient(520px 320px at 100% 0%, rgba(0,208,156,.2), transparent 60%),
    radial-gradient(560px 360px at 0% 100%, rgba(242,169,59,.12), transparent 60%),
    var(--bg-elevated);
  border-right:1px solid var(--line);
}
.auth-side::after,.side::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:20px 20px;pointer-events:none;
}
.auth-side > *,.side > *{position:relative;z-index:1}
.auth-side h1,.side h1{
  font-size:clamp(34px,4vw,52px);line-height:1.05;font-weight:800;max-width:12ch;color:var(--text);
}
.auth-main,.main{
  display:flex;align-items:center;justify-content:center;padding:48px clamp(20px,5vw,72px);
  background:var(--bg);
}
.auth-panel,.panel{width:100%;max-width:440px}

.auth-panel h2,.panel h2{color:var(--text)}
.chain{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chain li{
  background:rgba(255,255,255,.06);color:var(--muted);border-radius:999px;
  padding:6px 14px;font-size:14px;font-weight:500;
}
.chain li:last-child{background:var(--amber);color:var(--ink);font-weight:700}

.toggle-pw{
  border:1px solid var(--line-strong);border-left:0;background:var(--card);
  border-radius:0 12px 12px 0;padding:0 16px;font-weight:700;font-size:14px;
  color:var(--green);min-width:76px;
}
.input-group .form-control{border-right:0;border-radius:12px 0 0 12px}
.input-group:focus-within .toggle-pw{border-color:var(--green)}

.btn-outline-ink{
  border:2px solid var(--line-strong);color:var(--text);background:transparent;
}
.btn-outline-ink:hover{background:var(--card);color:var(--text);border-color:var(--green)}

@media (max-width:991.98px){
  .auth-shell,.shell{grid-template-columns:1fr}
  .auth-side,.side{padding:24px 20px;gap:16px}
  .auth-side h1,.side h1{font-size:30px;max-width:none}
  .auth-side .chain,.side .chain{display:none}
}