/* Единый вход CDS (Authelia): тактическая тема Qorgan. Подставляет nginx (/etc/nginx/sites-available/cds-auth-theme).
   Источник — ~/infra/theme/authelia.css. */
@font-face{font-family:"Exo 2 Variable";src:url(/qorgan-theme/fonts/exo2-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Exo 2 Variable";src:url(/qorgan-theme/fonts/exo2.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono Variable";src:url(/qorgan-theme/fonts/jbmono.woff2) format("woff2");font-weight:100 800;font-display:swap}

:root, :root[data-theme], [data-theme=light], [data-theme=dark], [data-theme=grey], [data-theme=oled]{
  --background: oklch(0.15 0.03 252) !important;
  --foreground: oklch(0.95 0.015 220) !important;
  --card: oklch(0.19 0.035 250 / 0.85) !important;
  --card-foreground: oklch(0.95 0.015 220) !important;
  --popover: oklch(0.17 0.033 251) !important;
  --popover-foreground: oklch(0.95 0.015 220) !important;
  --primary: oklch(0.84 0.14 200) !important;
  --primary-foreground: oklch(0.17 0.04 250) !important;
  --muted: oklch(0.84 0.14 200 / 0.08) !important;
  --muted-foreground: oklch(0.74 0.04 225) !important;
  --accent: oklch(0.84 0.14 200 / 0.12) !important;
  --accent-foreground: oklch(0.95 0.015 220) !important;
  --border: oklch(0.84 0.14 200 / 0.18) !important;
  --input: oklch(0.84 0.14 200 / 0.26) !important;
  --ring: oklch(0.84 0.14 200) !important;
  --radius: 0.45rem !important;
  --custom-icon: oklch(0.84 0.14 200) !important;
  --custom-loading-bar: oklch(0.84 0.14 200) !important;
  --font-sans: "Exo 2 Variable", "Segoe UI", system-ui, sans-serif !important;
  --font-mono: "JetBrains Mono Variable", ui-monospace, monospace !important;
  color-scheme: dark;
  accent-color: oklch(0.84 0.14 200);
}
html, body{
  font-family: "Exo 2 Variable", "Segoe UI", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(70rem 40rem at 78% -12%, oklch(0.55 0.16 230 / 0.2), transparent 70%),
    radial-gradient(55rem 35rem at -8% 108%, oklch(0.6 0.13 195 / 0.12), transparent 70%),
    oklch(0.15 0.03 252) !important;
  background-attachment: fixed !important;
  color: oklch(0.95 0.015 220);
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(oklch(0.84 0.14 200 / 0.05) 1px, transparent 1px),
    linear-gradient(90deg, oklch(0.84 0.14 200 / 0.05) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image: radial-gradient(ellipse at 50% 40%, black 30%, transparent 85%);
}
#root{position:relative; z-index:1}
::selection{background:oklch(0.84 0.14 200 / 0.35); color:white}

/* карточка формы с уголками HUD */
#first-factor-stage > div > div, #consent-stage > div > div, [id$="-stage"] > div > div{
  --c: oklch(0.84 0.14 200 / 0.75);
  padding: 28px 26px 22px !important;
  border: 1px solid oklch(0.84 0.14 200 / 0.16);
  border-radius: 0.6rem;
  background:
    linear-gradient(var(--c), var(--c)) top left / 16px 1.5px no-repeat,
    linear-gradient(var(--c), var(--c)) top left / 1.5px 16px no-repeat,
    linear-gradient(var(--c), var(--c)) top right / 16px 1.5px no-repeat,
    linear-gradient(var(--c), var(--c)) top right / 1.5px 16px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / 16px 1.5px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / 1.5px 16px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / 16px 1.5px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / 1.5px 16px no-repeat,
    linear-gradient(180deg, oklch(0.84 0.14 200 / 0.05), transparent 120px),
    oklch(0.19 0.035 250 / 0.82);
  box-shadow: inset 0 1px 0 oklch(1 0 0 / 0.04), 0 18px 40px -24px oklch(0 0 0 / 0.9);
  backdrop-filter: blur(6px);
}
img[alt="Logo"]{filter: drop-shadow(0 0 8px oklch(0.8 0.15 230 / 0.7))}
h5, h4, h3{
  text-transform: uppercase; letter-spacing: .14em; font-weight: 700 !important;
  background: linear-gradient(180deg, white 20%, oklch(0.84 0.12 205));
  -webkit-background-clip: text; background-clip: text; color: transparent !important;
}
#first-factor-stage h5::before{content:"CDS · "}

/* поля */
input[data-slot="floating-input"], input{
  font-family: "JetBrains Mono Variable", ui-monospace, monospace !important;
  background: oklch(0.13 0.03 252 / 0.85) !important;
  border-color: oklch(0.84 0.14 200 / 0.26) !important;
  color: oklch(0.95 0.015 220) !important;
}
input:focus{border-color: oklch(0.84 0.14 200) !important; box-shadow: 0 0 0 1px oklch(0.84 0.14 200), 0 0 16px -4px oklch(0.84 0.14 200) !important}
label{letter-spacing:.04em}

/* кнопки */
#sign-in-button, button[type="submit"], .bg-primary{
  background: oklch(0.84 0.14 200) !important;
  color: oklch(0.17 0.04 250) !important;
  font-weight: 650 !important; letter-spacing: .08em; text-transform: uppercase;
  box-shadow: 0 0 0 1px oklch(0.9 0.12 200 / 0.6), 0 0 18px -4px oklch(0.84 0.14 200 / 0.75);
}
#sign-in-button:hover, button[type="submit"]:hover{box-shadow: 0 0 0 1px oklch(0.95 0.1 200), 0 0 26px -2px oklch(0.84 0.14 200 / 0.9) !important}
a{color: oklch(0.84 0.14 200)}

/* «При поддержке Authelia» — не нужно */
a[href*="authelia.com"], [href*="www.authelia.com"]{display:none !important}