/* Sisselogimine (#/sisene) – kaart + toimetuslik külgpaneel. Ainult tokenid; varjud tokenitega. */
.login-page { background: var(--color-bg); }
.login-grid { display: grid; gap: var(--space-7); grid-template-columns: minmax(0, 1fr); align-items: center; max-width: 1040px; }
.login-card { display: grid; gap: var(--space-5); padding: var(--space-7) var(--space-6); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
.login-card__head h1 { margin: 0 0 var(--space-2); }
.login-card__head .lead { margin: 0; color: var(--color-text-soft); }
.login-form { display: grid; gap: var(--space-4); }
.login-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.login-note { margin: 0; text-align: center; color: var(--color-text-muted); }
.btn-google { gap: var(--space-3); box-shadow: var(--shadow-sm); }
.btn-google:hover { box-shadow: var(--shadow-md); }
.btn-google .btn-google__logo { width: 20px; height: 20px; flex: none; }
.login-divider { display: flex; align-items: center; gap: var(--space-3); margin: calc(var(--space-1) * -1) 0; color: var(--color-text-muted); font-size: var(--fs-sm); }
.login-divider::before, .login-divider::after { content: ""; flex: 1; height: 1px; background: var(--color-border); }
.login-code { font-family: var(--font-mono); font-size: var(--fs-2xl); letter-spacing: 0.5em; text-align: center; min-height: 64px; }
.login-aside { display: none; }
@media (min-width: 900px) {
  .login-grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--space-9); }
  .login-aside { display: grid; gap: var(--space-5); padding: var(--space-7); border-radius: var(--radius-lg); background: var(--color-bg-alt); color: var(--color-text); }
  .login-aside__quote { margin: 0; font-family: var(--font-editorial); font-synthesis: none; font-size: var(--fs-display-2); line-height: 1.05; }
  .login-aside__quote em { color: var(--color-primary); }
  .login-aside__list { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; color: var(--color-text-soft); }
  .login-aside__list li::before { content: "✦"; margin-right: var(--space-2); color: var(--color-gold-deep); }
}
@media (max-width: 599px) { .login-card { padding: var(--space-5) var(--space-4); } }