/* AUTH ONLY. Do not import this file into another surface.
   Theme boundaries are checked by tools/check_theme_architecture.py. */
body.glass-auth { --glass-ink: #172333;
  --glass-muted: #607083;
  --glass-line: rgba(160, 174, 189, .22);
  --glass-surface: rgba(255, 255, 255, .76);
  --glass-gold: #a76205;
  --glass-shadow: 0 8px 30px rgba(38, 49, 64, .055), inset 0 1px 0 rgba(255,255,255,.95);
  background: radial-gradient(ellipse at 8% 0%, #faf0df 0, transparent 40%), radial-gradient(ellipse at 98% 75%, #e4eff8 0, transparent 45%), #f4f5f4;
  color: var(--glass-ink);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.glass-auth .soft-card { background: rgba(255,255,255,.86); border: 1px solid #fff; box-shadow: var(--glass-shadow); backdrop-filter: blur(20px); border-radius: 24px; }
.glass-auth .comfort-input { background: #f8fafc; border-color: #dfe5ec; color: #243247; border-radius: 11px; box-shadow: none; }
body.glass-auth { background: #f4f6f7; }
.glass-auth .soft-background { background: url('/img/zdolniak-glass-background-v2.png') center center / cover no-repeat; opacity: .9; }
body.glass-auth { --glass-surface: linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.28));
 --glass-shadow: 0 12px 34px rgba(45,61,81,.075), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(143,169,194,.16); }
.glass-auth .soft-card { background: var(--glass-surface);
 border: 1px solid rgba(255,255,255,.78);
 border-bottom-color: rgba(181,198,215,.35);
 box-shadow: var(--glass-shadow);
 -webkit-backdrop-filter: blur(16px) saturate(115%);
 backdrop-filter: blur(16px) saturate(115%); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.glass-auth .soft-card { background: rgba(255,255,255,.86); }
}
.glass-auth .soft-card { background: linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,251,244,.44)); border: 1px solid rgba(255,255,255,.9); border-bottom-color: rgba(188,173,151,.35); -webkit-backdrop-filter: blur(24px) saturate(120%); backdrop-filter: blur(24px) saturate(120%); box-shadow: 0 24px 64px rgba(49,58,70,.18),0 8px 22px rgba(105,78,39,.09),inset 0 1px 0 rgba(255,255,255,.95); }
.glass-auth .registration-challenge-status:empty,
.glass-auth #registration-challenge:empty { display: none; }
.glass-auth .registration-challenge-retry { margin: 0 0 12px; padding: 7px 12px; border: 1px solid rgba(190,148,75,.4); border-radius: 10px; color: #805a1e; background: rgba(255,246,225,.8); font: inherit; font-size: 12px; cursor: pointer; }
.glass-auth .registration-challenge-retry[hidden] { display: none; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.glass-auth .soft-card { background: rgba(255,255,255,.9); }
}
body.glass-auth { flex-direction: column; align-items: center; justify-content: flex-start; }
.glass-auth .login-container { flex-shrink: 0; margin-block: auto; }
.glass-auth .login-challenge { margin: 0 0 18px; padding: 12px; border: 1px solid rgba(213,165,86,.35); border-radius: 14px; background: rgba(255,245,223,.45); }
.glass-auth .login-challenge[hidden] { display: none; }
.glass-auth #login-challenge-status { margin-bottom: 10px; color: #735735; font-size: 12px; line-height: 1.5; }
.glass-auth #login-challenge-widget { min-width: 0; max-width: 100%; }
.glass-auth .soft-card { padding: 28px 28px 24px; }
.glass-auth .comfort-header { margin-bottom: 22px; }
.glass-auth .gentle-logo { width: 68px; height: 68px; margin-bottom: 12px; }
.glass-auth .comfort-title.comfort-title--montserrat { font-size: 22px; letter-spacing: 0; margin-bottom: 4px; }
.glass-auth .gentle-subtitle { font-size: 12px; letter-spacing: 0; }
.glass-auth .soft-field { margin-bottom: 14px; }
.glass-auth .field-container { border-radius: 12px; }
.glass-auth .soft-field input,
.glass-auth .field-container select { padding: 17px 14px 9px; font-size: 14px; line-height: 20px; }
.glass-auth .soft-field label { left: 14px; font-size: 14px; }
.glass-auth .soft-field input:focus + label,
.glass-auth .soft-field input:not(:placeholder-shown) + label,
.glass-auth .soft-field input:-webkit-autofill + label,
.glass-auth .soft-field input:autofill + label,
.glass-auth .soft-field.is-filled label,
.glass-auth .soft-field:has(select) label { top: 2px; font-size: 10px; }
.glass-auth .soft-field:has(.gentle-toggle) input { padding-right: 52px; }
.glass-auth .gentle-toggle { right: 6px; min-width: 40px; min-height: 40px; }
.glass-auth .gentle-error:empty { display: none; }
.glass-auth .comfort-options { margin-bottom: 18px; gap: 10px; }
.glass-auth .gentle-checkbox,
.glass-auth .comfort-link,
.glass-auth .comfort-signup { font-size: 13px; }
.glass-auth .checkbox-soft { margin-right: 8px; }
.glass-auth .comfort-button { min-height: 46px; margin-bottom: 0; font-size: 13px; letter-spacing: 0; border-radius: 12px; }
.glass-auth .button-background { border-radius: inherit; }
.glass-auth .gentle-divider { margin: 18px 0; gap: 12px; }
.glass-auth .divider-text { font-size: 12px; }
.glass-auth .comfort-social { margin-bottom: 18px; }
.glass-auth .social-soft { min-height: 44px; font-size: 13px; }
.glass-auth .registration-trial-info { font-size: 12px; }
.glass-auth .login-challenge { margin-bottom: 14px; padding: 10px; }
@media (max-width: 480px) {
body.glass-auth { padding: 12px; }
.glass-auth .soft-card { padding: 22px 20px; }
.glass-auth .comfort-header { margin-bottom: 18px; }
.glass-auth .gentle-logo { width: 56px; height: 56px; margin-bottom: 10px; }
.glass-auth .comfort-title.comfort-title--montserrat { font-size: 20px; }
.glass-auth .soft-field input,
.glass-auth .field-container select { font-size: 16px; }
.glass-auth .comfort-options { flex-direction: row; align-items: center; }
}
html:not([data-auth-theme=dark]) .glass-auth .soft-background { background: radial-gradient(ellipse at 6% 5%, rgba(202,210,229,.12), transparent 58%), radial-gradient(ellipse at 98% 0%, rgba(239,230,213,.12), transparent 38%), linear-gradient(135deg,#f1f2f4,#fafafa 60%,#f3f4f5);
  opacity: 1; }
html:not([data-auth-theme=dark]) body.glass-auth { --glass-surface: linear-gradient(145deg, rgba(255,255,255,.9), rgba(239,241,244,.88));
  --glass-shadow: 0 8px 24px rgba(45,61,81,.09), 0 1px 3px rgba(45,61,81,.06), inset 0 1px 0 rgba(255,255,255,.95); }
html:not([data-auth-theme=dark]) .glass-auth .soft-card { background: var(--glass-surface);
  border-color: #cdd2d9;
  border-top-color: #e3e6eb;
  box-shadow: var(--glass-shadow); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html:not([data-auth-theme=dark]) body.glass-auth { --glass-surface: #f1f3f5; }
}
