/* Shared authentication surface — visual only; form behavior remains local. */
.auth-surface {
  color: #e7fff4;
  border: 1px solid rgba(183,255,220,.24) !important;
  background: radial-gradient(circle at 88% 8%, rgba(255,200,61,.22), transparent 24%), linear-gradient(145deg, #073f35, #042e27) !important;
  box-shadow: 0 28px 70px rgba(0,20,15,.48) !important;
}
.auth-surface .login-brand h1, .auth-surface .login-brand h2, .auth-surface .login-title { color: #f4fff9 !important; }
.auth-surface .login-sub, .auth-surface .login-field-label, .auth-surface .login-field-hint { color: #b9d8ca !important; }
.auth-surface .login-tabs { background: rgba(0,25,19,.48) !important; border: 1px solid rgba(183,255,220,.12); }
.auth-surface .login-tab.active { color: #073f35 !important; background: #dfffee !important; box-shadow: none !important; }
.auth-surface .login-tab:not(.active) { color: #c8ecdb !important; }
.auth-surface .login-field input, .auth-surface .lform-input, .auth-surface .login-pin-box { color: #f4fff9 !important; border-color: rgba(183,255,220,.24) !important; background: rgba(1,35,27,.62) !important; }
.auth-surface .login-field input::placeholder, .auth-surface .lform-input::placeholder { color: #a7cbbb !important; opacity: .78; }
.auth-surface .login-submit, .auth-surface .lbtn-main { color: #15382f !important; background: #ffc83d !important; box-shadow: 0 10px 24px rgba(139,93,0,.26) !important; }
.auth-surface .login-ghost, .auth-surface .lbtn-ghost, .auth-surface .login-linkbtn { color: #9dffd8 !important; }
.auth-surface input:focus-visible, .auth-surface button:focus-visible { outline: 3px solid #8ff5cd !important; outline-offset: 3px; }
.login-screen, #loginScreen {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(circle at 86% 16%, rgba(79,224,174,.24), transparent 28%), radial-gradient(circle at 12% 86%, rgba(7,112,93,.34), transparent 34%), linear-gradient(135deg, #042e27 0%, #073f35 56%, #062f28 100%);
}
[data-theme="light"] .auth-surface { color: #073f35; border-color: rgba(7,63,53,.14) !important; background: radial-gradient(circle at 88% 8%, rgba(255,200,61,.28), transparent 24%), linear-gradient(145deg, #f7fff9, #e4fff4) !important; box-shadow: 0 24px 58px rgba(7,63,53,.18) !important; }
[data-theme="light"] .auth-surface .login-brand h1, [data-theme="light"] .auth-surface .login-brand h2, [data-theme="light"] .auth-surface .login-title { color: #073f35 !important; }
[data-theme="light"] .auth-surface .login-sub, [data-theme="light"] .auth-surface .login-field-label, [data-theme="light"] .auth-surface .login-field-hint { color: #31594e !important; }
[data-theme="light"] .auth-surface .login-tabs { background: rgba(7,63,53,.08) !important; }
[data-theme="light"] .auth-surface .login-tab:not(.active) { color: #075b35 !important; }
[data-theme="light"] .auth-surface .login-field input, [data-theme="light"] .auth-surface .lform-input, [data-theme="light"] .auth-surface .login-pin-box { color: #073f35 !important; border-color: rgba(7,63,53,.18) !important; background: rgba(255,255,255,.78) !important; }
[data-theme="light"] .auth-surface .login-ghost, [data-theme="light"] .auth-surface .lbtn-ghost, [data-theme="light"] .auth-surface .login-linkbtn { color: #087151 !important; }
[data-theme="light"] .auth-surface .login-linkbtn:hover { color: #054b37 !important; }
[data-theme="light"] .login-screen, [data-theme="light"] #loginScreen { background: radial-gradient(circle at 86% 16%, rgba(79,224,174,.22), transparent 28%), radial-gradient(circle at 12% 86%, rgba(255,200,61,.16), transparent 34%), linear-gradient(135deg, #e4fff4 0%, #f7fff9 56%, #e4fff4 100%); }