/* ============================================================
   LOGIN — сторінка авторизації (standalone, без app-shell).
   Переюз .field/.input/.checkbox/.btn/.toast. Тут — лише унікальне. R24.
   ============================================================ */
.auth-body{ background:var(--bg-page); color:var(--text-main); }
.auth{ min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-5); padding:var(--space-5); }

.auth__card{
  width:100%; max-width:400px;
  background:var(--bg-surface); border:1px solid var(--stroke-soft); border-radius:var(--radius-2xl); box-shadow:var(--shadow-md);
  padding:var(--space-6); display:flex; flex-direction:column; gap:var(--space-4);
}
.auth__brand{ display:flex; align-items:center; justify-content:center; gap:var(--space-2); }
.auth__logo{ width:48px; height:48px; flex:0 0 auto; }
.auth__logo .c2c-logo{ width:100%; height:100%; display:block; }
.auth__brandname{ font-size:var(--text-lg); font-weight:var(--fw-bold); color:var(--text-strong); letter-spacing:-.01em; }

.auth__head{ text-align:center; display:flex; flex-direction:column; gap:4px; margin-bottom:var(--space-1); }
.auth__title{ font-size:var(--text-2xl); font-weight:var(--fw-bold); color:var(--text-strong); letter-spacing:-.01em; }
.auth__sub{ font-size:var(--text-sm); color:var(--text-soft); }

.auth__pwlabel{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-2); }
.auth__link{ font-size:var(--text-xs); font-weight:var(--fw-medium); color:var(--primary); }
.auth__link:hover{ color:var(--primary-700); }
.auth__remember{ font-size:var(--text-sm); color:var(--text-sub); }
.auth__foot{ text-align:center; font-size:var(--text-xs); color:var(--text-soft); margin-top:var(--space-1); line-height:1.5; }
.auth__foot a{ color:var(--primary); font-weight:var(--fw-medium); }
.auth__copy{ font-size:var(--text-xs); color:var(--text-soft); }
.auth__link{ background:none; border:none; cursor:pointer; padding:0; }
.auth__hint{ display:flex; align-items:center; gap:6px; margin:0; font-size:var(--text-xs); color:var(--text-soft); line-height:1.45; }
.auth__hint .icon{ flex:0 0 auto; color:var(--text-soft); }

@media (max-width:480px){
  .auth{ padding:var(--space-4); justify-content:flex-start; padding-top:var(--space-8); }
  .auth__card{ padding:var(--space-5); }
}

/* Повний напис C2C™ на вході (PNG із /assets/img/brand/logo.png) */
.auth__logo--wide{ width:auto; height:32px; }   /* напис C2C — стриманий розмір, не перебиває заголовок */
.auth__logo--wide .c2c-logo{ width:auto; height:100%; display:block; }