/**
 * Aurora Cabinet — фон и палитра как на главной (home-hub.css)
 * Единые токены сайта + фиксированный градиент + лёгкий шум.
 */

:root {
  --aurora-site-bg: #050810;
  --aurora-site-bg-2: #0a101c;
  --aurora-site-bg-3: #070b14;
  --aurora-site-surface: rgba(12, 16, 28, 0.65);
  --aurora-site-surface-2: rgba(255, 255, 255, 0.035);
  --aurora-site-border: rgba(255, 255, 255, 0.08);
  --aurora-site-border-strong: rgba(214, 224, 255, 0.2);
  --aurora-site-text: #f4f6fc;
  --aurora-site-muted: #8b95a8;
  --aurora-site-accent: #b8c9f0;
  --aurora-site-accent-2: #c4b5fd;
  --aurora-site-glow: rgba(100, 120, 200, 0.22);
  --aurora-site-modal-overlay: rgba(5, 8, 16, 0.78);
  --aurora-site-modal-border: rgba(255, 255, 255, 0.1);
  --aurora-site-modal-shadow: 0 28px 72px rgba(0, 0, 0, 0.55);
  --aurora-site-modal-input: rgba(8, 12, 22, 0.72);
  --aurora-site-input-autofill: #080c16;

  /* legacy aliases (cabinet.css) */
  --chamber-base: var(--aurora-site-bg);
  --chamber-mid: var(--aurora-site-bg-2);
  --chamber-high: #0c101c;
  --chamber-line: var(--aurora-site-border);
  --chamber-modal-overlay: var(--aurora-site-modal-overlay);
  --chamber-modal-border: var(--aurora-site-modal-border);
  --chamber-modal-shadow: var(--aurora-site-modal-shadow);
  --chamber-modal-input: var(--aurora-site-modal-input);
}

html:has(body.account-sidebar-layout),
html:has(body.account-chamber-bg) {
  background: var(--aurora-site-bg);
}

html:has(body.account-sidebar-layout.account-page),
html:has(body.account-chamber-bg.account-page) {
  background: var(--aurora-site-bg);
}

body.account-sidebar-layout,
body.account-sidebar-layout.account-page,
body.account-chamber-bg,
body.account-chamber-bg.account-page {
  background: transparent !important;
  color: var(--aurora-site-text);
}

body.account-sidebar-layout::before,
body.account-sidebar-layout::after,
body.account-sidebar-layout.account-page::before,
body.account-sidebar-layout.account-page::after,
body.account-chamber-bg::before,
body.account-chamber-bg::after {
  content: none !important;
  display: none !important;
}

body.account-sidebar-layout .admin-bg-orb,
body.account-sidebar-layout .account-ambient,
body.account-sidebar-layout .admin-bg-noise,
body.account-chamber-bg .admin-bg-orb,
body.account-chamber-bg .account-ambient,
body.account-chamber-bg .admin-bg-noise {
  display: none !important;
}

body.account-chamber-bg .account-app {
  position: relative;
  z-index: 1;
}

body.account-chamber-bg.account-page .login-card {
  background: rgba(10, 14, 26, 0.58);
  border-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(24px) saturate(1.35);
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.52),
    0 4px 16px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 0 0 1px rgba(139, 92, 246, 0.03);
}

body.account-chamber-bg .modal,
body.account-chamber-bg .review-modal,
body.account-sidebar-layout .modal,
body.account-sidebar-layout .review-modal,
body.account-sidebar-layout .buy-overlay__box,
body.account-sidebar-layout .license-prompt {
  background: linear-gradient(160deg, rgba(14, 18, 32, 0.96) 0%, rgba(8, 12, 22, 0.97) 100%);
  border-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(24px) saturate(1.3);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.55),
    0 4px 16px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.account-chamber-bg .modal-overlay,
body.account-chamber-bg .review-modal-overlay,
body.account-sidebar-layout .modal-overlay,
body.account-sidebar-layout .review-modal-overlay {
  background: var(--aurora-site-modal-overlay);
}

body.account-chamber-bg .buy-overlay__backdrop,
body.account-sidebar-layout .buy-overlay__backdrop {
  background: var(--aurora-site-modal-overlay);
}

body.account-chamber-bg .modal input,
body.account-chamber-bg .modal .form-group label,
body.account-sidebar-layout .modal input,
body.account-sidebar-layout .license-prompt__key {
  background: var(--aurora-site-modal-input);
  border-color: rgba(255, 255, 255, 0.1);
}

body.account-chamber-bg .modal .form-group label {
  background: transparent;
  border-color: transparent;
}

/* Поля форм ЛК — единый фон (не legacy --admin-input-bg / rgba(0,0,0,.28)) */
body.account-chamber-bg .login-card input,
body.account-sidebar-layout .settings-password-form input {
  background: var(--aurora-site-modal-input);
  border-color: rgba(255, 255, 255, 0.1);
}

/* Синий фон при автозаполнении — дефолт браузера; маскируем цветом поля */
body.account-chamber-bg .login-card input:-webkit-autofill,
body.account-chamber-bg .login-card input:-webkit-autofill:hover,
body.account-chamber-bg .login-card input:-webkit-autofill:focus,
body.account-chamber-bg .login-card input:-webkit-autofill:active,
body.account-chamber-bg .login-card input:autofill,
body.account-chamber-bg .login-card input:autofill:hover,
body.account-chamber-bg .login-card input:autofill:focus,
body.account-sidebar-layout .settings-password-form input:-webkit-autofill,
body.account-sidebar-layout .settings-password-form input:-webkit-autofill:hover,
body.account-sidebar-layout .settings-password-form input:-webkit-autofill:focus,
body.account-sidebar-layout .settings-password-form input:-webkit-autofill:active,
body.account-sidebar-layout .settings-password-form input:autofill,
body.account-sidebar-layout .settings-password-form input:autofill:hover,
body.account-sidebar-layout .settings-password-form input:autofill:focus {
  -webkit-text-fill-color: var(--aurora-site-text) !important;
  caret-color: var(--aurora-site-text);
  color: var(--aurora-site-text) !important;
  background-color: var(--aurora-site-input-autofill) !important;
  box-shadow: 0 0 0 1000px var(--aurora-site-input-autofill) inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--aurora-site-input-autofill) inset !important;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}

body.account-chamber-bg .login-card input:-webkit-autofill:focus,
body.account-chamber-bg .login-card input:autofill:focus,
body.account-sidebar-layout .settings-password-form input:-webkit-autofill:focus,
body.account-sidebar-layout .settings-password-form input:autofill:focus {
  border-color: var(--aurora-accent);
  box-shadow:
    0 0 0 1000px var(--aurora-site-input-autofill) inset,
    0 0 0 3px var(--aurora-accent-dim) !important;
  -webkit-box-shadow:
    0 0 0 1000px var(--aurora-site-input-autofill) inset,
    0 0 0 3px var(--aurora-accent-dim) !important;
}

.cab-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--aurora-site-bg);
  contain: strict;
  transform: translateZ(0);
}

/* Как body.aurora-home::before на главной */
.cab-bg__sky {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 100% 80% at 50% -30%, rgba(88, 110, 180, 0.14), transparent 55%),
    radial-gradient(ellipse 70% 50% at 0% 40%, rgba(70, 90, 160, 0.08), transparent 50%),
    radial-gradient(ellipse 60% 45% at 100% 60%, rgba(100, 80, 160, 0.07), transparent 48%),
    linear-gradient(180deg, var(--aurora-site-bg) 0%, var(--aurora-site-bg-2) 42%, var(--aurora-site-bg-3) 100%);
}

/* Как body.aurora-home::after на главной */
.cab-bg__noise {
  position: absolute;
  inset: 0;
  opacity: 0.4;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}

@media (prefers-reduced-motion: reduce) {
  .cab-bg__noise {
    opacity: 0.32;
  }
}