/* ==========================================================================
   Atum (Joomla 4/5) — user.css: ТЁМНО-СИНЯЯ тема (основной #013369), цветовая тема из 7 акцентов
   Положить в: administrator-шаблон → media/templates/administrator/atum/css/user.css
   Для нового сайта менять ТОЛЬКО блок «1. ИСХОДНЫЕ ЦВЕТА».
   Остальное (светлые/тёмные оттенки, границы, hover) считается автоматически
   через color-mix(). Нужны современные браузеры (Chrome/Edge 111+, Safari 16.2+, FF 113+).
   html:root перебивает inline-переменные, которые Joomla выводит в <head>.
   ========================================================================== */

/* ---------- 1. ИСХОДНЫЕ ЦВЕТА ---------- */
html:root {
  /* hex + rgb-тройка (тройку color-mix посчитать не может, её надо вписать) */
  --brand: #013369;
  --brand-rgb: 1, 51, 105;
  /* основной / кнопки */
  --accent: #1a6fd1;
  --accent-rgb: 26, 111, 209;
  /* ссылки, фокус */
  --ok: #1e8e5a;
  --ok-rgb: 30, 142, 90;
  /* success */
  --inf: #0e8aa3;
  --inf-rgb: 14, 138, 163;
  /* info */
  --warn: #f2a516;
  --warn-rgb: 242, 165, 22;
  /* warning */
  --err: #c8362f;
  --err-rgb: 200, 54, 47;
  /* danger */
  --ink: #0b1d36;
  --ink-rgb: 11, 29, 54;
  /* тёмный: текст, sidebar */
  --neutral: #54627a;
  --neutral-rgb: 84, 98, 122;
  /* secondary */

  --paper: #f3f6fb;
  /* светлый фон */
  --night: #070f1d;
  /* фон тёмной темы */
  --login-bg: #06112a;
  /* фон страницы входа */
  --hue-seed: 211;
  /* оттенок (0-360) для производных Atum */

  /* фирменный градиент */
  --grad-a: #4a93e0;
  --grad-b: #013369;
  --grad-angle: 135deg;

  /* --- страница входа: стекло (glass) --- */
  --glass-bg: color-mix(in srgb, #fff 14%, transparent);
  /* заливка панели */
  --glass-border: color-mix(in srgb, #fff 38%, transparent);
  /* рамка */
  --glass-shadow: 0 8px 32px color-mix(in srgb, #000 35%, transparent);
  --glass-blur: 18px;
  /* сила размытия */
  --glass-saturate: 160%;
  --glass-radius: 18px;
  --glass-padding: 2rem;
  --glass-text: #fff;
  /* текст внутри панели */
  --glass-fallback: color-mix(in srgb, var(--night) 82%, transparent);
  /* если нет backdrop-filter */

  /* --- страница входа: фон за стеклом (без него размывать нечего) --- */
  --login-blob-1: var(--grad-a);
  --login-blob-2: var(--accent);
  --login-blob-3: var(--brand);
  --login-backdrop:
    radial-gradient(40rem 32rem at 15% 20%, color-mix(in srgb, var(--login-blob-1) 55%, transparent), transparent 70%),
    radial-gradient(36rem 30rem at 85% 80%, color-mix(in srgb, var(--login-blob-2) 50%, transparent), transparent 70%),
    radial-gradient(30rem 26rem at 75% 15%, color-mix(in srgb, var(--login-blob-3) 40%, transparent), transparent 70%),
    var(--login-bg);

  /* --- поля ввода (оттенок от --grad-a: тут светло-голубой) --- */
  --input-bg: color-mix(in srgb, var(--grad-a) 16%, #fff);
  --input-bg-focus: color-mix(in srgb, var(--grad-a) 26%, #fff);
  --input-border: color-mix(in srgb, var(--grad-a) 50%, transparent);
  --input-border-focus: var(--brand);
  --input-focus-ring: color-mix(in srgb, var(--brand) 28%, transparent);
  --input-color: var(--ink);
  --input-placeholder: color-mix(in srgb, var(--ink) 50%, transparent);
  --input-radius: 10px;

  /* --- кнопки тулбара админки (.subhead) --- */
  --tb-radius: .4rem;
  --tb-bg: #fff;
  /* фон «спокойных» кнопок */
  --tb-border: color-mix(in srgb, var(--ink) 14%, #fff);
  --tb-text: var(--ink);

  /* основная кнопка (btn-primary) — однотонная заливка */
  --tb-primary-bg: var(--brand);
  --tb-primary-bg-hvr: color-mix(in srgb, var(--brand) 84%, #000);
  --tb-primary-border: var(--brand);
  --tb-primary-color: #fff;
  --tb-primary-icon: #fff;

  /* остальные кнопки: белый фон, цветная иконка, при наведении — заливка */
  --tb-default-icon: var(--brand);
  /* обычные кнопки */
  --tb-default-hvr: var(--neutral);
  --tb-success-icon: var(--ok);
  --tb-danger-icon: var(--err);
  --tb-info-icon: var(--accent);
  /* info и «Параметры» */
  --tb-info-hvr: var(--accent);
  --tb-action-icon: var(--ink);
  /* btn-action («Создать» и т.п.) */
  --tb-icon-hvr: #fff;
  /* иконка при наведении */

  /* --- градиенты фона --- */
  --page-gradient: linear-gradient(160deg, var(--paper) 0%, color-mix(in srgb, var(--brand) 11%, #fff) 100%);
  /* фон страницы (светлая) */
  --page-gradient-dark: linear-gradient(160deg, var(--night) 0%, color-mix(in srgb, var(--brand) 42%, var(--night)) 100%);
  /* тёмная */
  --header-gradient: linear-gradient(var(--grad-angle), color-mix(in srgb, var(--brand) 62%, #000) 0%, var(--brand) 55%, var(--grad-a) 130%);
  --header-gradient-dark: linear-gradient(var(--grad-angle), color-mix(in srgb, var(--night) 70%, #000) 0%, color-mix(in srgb, var(--brand) 38%, var(--night)) 100%);
}

/* ---------- 2. ПРОИЗВОДНЫЕ (светлая тема) ---------- */
html:root,
html[data-bs-theme="light"]:root {
  --hue: var(--hue-seed);
  --template-bg-light: var(--paper);
  --template-text-dark: var(--ink);
  --template-text-light: #fff;
  --template-special-color: var(--ink);
  --template-contrast: var(--accent);

  --primary: var(--brand);
  --primary-rgb: var(--brand-rgb);
  --action: var(--brand);
  --action-rgb: var(--brand-rgb);
  --secondary: var(--neutral);
  --secondary-rgb: var(--neutral-rgb);
  --success: var(--ok);
  --success-rgb: var(--ok-rgb);
  --info: var(--inf);
  --info-rgb: var(--inf-rgb);
  --warning: var(--warn);
  --warning-rgb: var(--warn-rgb);
  --danger: var(--err);
  --danger-rgb: var(--err-rgb);
  --dark: var(--ink);
  --dark-rgb: var(--ink-rgb);
  --light: var(--paper);
  --error: color-mix(in srgb, var(--err) 25%, #000);
  --error-rgb: 50, 14, 12;

  --focus: var(--accent);
  --focus-ring-color: color-mix(in srgb, var(--accent) 25%, transparent);
  --link-color: var(--accent);
  --link-color-rgb: var(--accent-rgb);
  --link-hover-color: color-mix(in srgb, var(--accent) 75%, #000);
  --login-main-bg: var(--login-bg);

  --body-color: var(--ink);
  --body-color-rgb: var(--ink-rgb);
  --secondary-color: color-mix(in srgb, var(--ink) 75%, transparent);
  --tertiary-color: color-mix(in srgb, var(--ink) 50%, transparent);
  --tertiary-bg: var(--paper);
  --secondary-bg: color-mix(in srgb, var(--paper) 85%, var(--ink));
  --border-color: color-mix(in srgb, var(--paper) 85%, var(--ink));
  --highlight-color: var(--ink);

  /* серая шкала из ink */
  --gray-100: var(--paper);
  --gray-200: color-mix(in srgb, var(--ink) 8%, #fff);
  --gray-300: color-mix(in srgb, var(--ink) 15%, #fff);
  --gray-400: color-mix(in srgb, var(--ink) 25%, #fff);
  --gray-500: color-mix(in srgb, var(--ink) 45%, #fff);
  --gray-600: color-mix(in srgb, var(--ink) 70%, #fff);
  --gray-700: color-mix(in srgb, var(--ink) 85%, #fff);
  --gray-800: color-mix(in srgb, var(--ink) 95%, #fff);
  --gray-900: color-mix(in srgb, var(--ink) 100%, #000);

  /* text-emphasis = 60% тени, bg-subtle = 80% светлее, border-subtle = 60% светлее */
  --primary-text-emphasis: color-mix(in srgb, var(--brand) 40%, #000);
  --action-text-emphasis: color-mix(in srgb, var(--brand) 40%, #000);
  --secondary-text-emphasis: color-mix(in srgb, var(--neutral) 40%, #000);
  --success-text-emphasis: color-mix(in srgb, var(--ok) 40%, #000);
  --info-text-emphasis: color-mix(in srgb, var(--inf) 40%, #000);
  --warning-text-emphasis: color-mix(in srgb, var(--warn) 40%, #000);
  --danger-text-emphasis: color-mix(in srgb, var(--err) 40%, #000);

  --primary-bg-subtle: color-mix(in srgb, var(--brand) 20%, #fff);
  --action-bg-subtle: color-mix(in srgb, var(--brand) 20%, #fff);
  --secondary-bg-subtle: color-mix(in srgb, var(--neutral) 20%, #fff);
  --success-bg-subtle: color-mix(in srgb, var(--ok) 20%, #fff);
  --info-bg-subtle: color-mix(in srgb, var(--inf) 20%, #fff);
  --warning-bg-subtle: color-mix(in srgb, var(--warn) 20%, #fff);
  --danger-bg-subtle: color-mix(in srgb, var(--err) 20%, #fff);

  --primary-border-subtle: color-mix(in srgb, var(--brand) 40%, #fff);
  --action-border-subtle: color-mix(in srgb, var(--brand) 40%, #fff);
  --secondary-border-subtle: color-mix(in srgb, var(--neutral) 40%, #fff);
  --success-border-subtle: color-mix(in srgb, var(--ok) 40%, #fff);
  --info-border-subtle: color-mix(in srgb, var(--inf) 40%, #fff);
  --warning-border-subtle: color-mix(in srgb, var(--warn) 40%, #fff);
  --danger-border-subtle: color-mix(in srgb, var(--err) 40%, #fff);

  --form-valid-color: var(--ok);
  --form-valid-border-color: var(--ok);
  --form-invalid-color: var(--err);
  --form-invalid-border-color: var(--err);

  --gradient: linear-gradient(var(--grad-angle), var(--grad-a) 0%, var(--grad-b) 100%);
  --gradient-hover: linear-gradient(var(--grad-angle),
      color-mix(in srgb, var(--grad-a) 90%, #000) 0%,
      color-mix(in srgb, var(--grad-b) 90%, #000) 100%);
  --gradient-soft: linear-gradient(var(--grad-angle),
      color-mix(in srgb, var(--grad-a) 12%, #fff) 0%,
      color-mix(in srgb, var(--grad-b) 12%, #fff) 100%);

  /* кнопки Atum */
  --btn-primary-bg: var(--brand);
  --btn-primary-border: 1px solid var(--brand);
  --btn-primary-bg-hvr: color-mix(in srgb, var(--brand) 88%, #000);
  --btn-primary-border-hvr: 1px solid color-mix(in srgb, var(--brand) 78%, #000);
  --btn-primary-toggle-bg: color-mix(in srgb, var(--brand) 78%, #000);
  --btn-primary-toggle-border: color-mix(in srgb, var(--brand) 78%, #000);
  --btn-primary-color: #fff;

  --btn-secondary-bg: var(--neutral);
  --btn-secondary-border: 1px solid var(--neutral);
  --btn-secondary-color: #fff;
  --btn-secondary-bg-hvr: color-mix(in srgb, var(--neutral) 84%, #000);
  --btn-secondary-color-hvr: #fff;

  --btn-info-color: #fff;
  --btn-info-bg: var(--inf);
  --btn-info-border: 1px solid var(--inf);
  --btn-info-bg-hvr: color-mix(in srgb, var(--inf) 84%, #000);
  --btn-info-border-hvr: 1px solid color-mix(in srgb, var(--inf) 84%, #000);

  --btn-outline-secondary-bg: transparent;
  --btn-outline-secondary-border: 1px solid var(--neutral);

  --btn-light-bg: var(--paper);
  --btn-light-border: 1px solid color-mix(in srgb, var(--ink) 14%, #fff);
  --btn-light-bg-hvr: color-mix(in srgb, var(--paper) 88%, var(--ink));

  --btn-dark-bg: var(--ink);
  --btn-dark-border: 1px solid var(--ink);
  --btn-dark-bg-hvr: color-mix(in srgb, var(--ink) 80%, #000);
  --btn-dark-color: #fff;
  --btn-dark-color-hvr: #fff;

  /* шапка и фон страницы */
  --header-bg: var(--header-gradient);
  --template-sidebar-bg: color-mix(in srgb, var(--brand) 85%, #000);
}

/* ---------- 3. ТЁМНАЯ ТЕМА ---------- */
html[data-bs-theme="dark"]:root {
  --body-bg: var(--night);
  --body-color: color-mix(in srgb, var(--paper) 85%, var(--ink));
  --secondary-bg: color-mix(in srgb, var(--night) 75%, #fff);
  --tertiary-bg: color-mix(in srgb, var(--night) 88%, #fff);
  --border-color: color-mix(in srgb, var(--night) 70%, #fff);

  --link-color: var(--grad-a);
  --link-hover-color: color-mix(in srgb, var(--grad-a) 70%, #fff);
  --link-color-rgb: 74, 147, 224;
  /* при смене --grad-a обновить */

  /* text-emphasis = 40% светлее, bg-subtle = 80% темнее, border-subtle = 40% темнее */
  --primary-text-emphasis: color-mix(in srgb, var(--brand) 60%, #fff);
  --secondary-text-emphasis: color-mix(in srgb, var(--neutral) 60%, #fff);
  --success-text-emphasis: color-mix(in srgb, var(--ok) 60%, #fff);
  --info-text-emphasis: color-mix(in srgb, var(--inf) 60%, #fff);
  --warning-text-emphasis: color-mix(in srgb, var(--warn) 60%, #fff);
  --danger-text-emphasis: color-mix(in srgb, var(--err) 60%, #fff);

  --primary-bg-subtle: color-mix(in srgb, var(--brand) 20%, #000);
  --secondary-bg-subtle: color-mix(in srgb, var(--neutral) 20%, #000);
  --success-bg-subtle: color-mix(in srgb, var(--ok) 20%, #000);
  --info-bg-subtle: color-mix(in srgb, var(--inf) 20%, #000);
  --warning-bg-subtle: color-mix(in srgb, var(--warn) 20%, #000);
  --danger-bg-subtle: color-mix(in srgb, var(--err) 20%, #000);

  --primary-border-subtle: color-mix(in srgb, var(--brand) 60%, #000);
  --secondary-border-subtle: color-mix(in srgb, var(--neutral) 60%, #000);
  --success-border-subtle: color-mix(in srgb, var(--ok) 60%, #000);
  --info-border-subtle: color-mix(in srgb, var(--inf) 60%, #000);
  --warning-border-subtle: color-mix(in srgb, var(--warn) 60%, #000);
  --danger-border-subtle: color-mix(in srgb, var(--err) 60%, #000);

  --header-bg: var(--header-gradient-dark);
  --template-sidebar-bg: var(--night);
  --btn-primary-color: #fff;
  --btn-primary-bg: var(--brand);
  --btn-primary-border: 1px solid color-mix(in srgb, var(--brand) 70%, #fff);
  --btn-primary-bg-hvr: color-mix(in srgb, var(--brand) 82%, #000);
  --btn-primary-border-hvr: 1px solid color-mix(in srgb, var(--brand) 70%, #fff);
  --btn-secondary-bg: color-mix(in srgb, var(--night) 70%, #fff);
  --btn-secondary-border: 1px solid color-mix(in srgb, var(--night) 55%, #fff);
  --btn-secondary-bg-hvr: color-mix(in srgb, var(--night) 82%, #fff);
  --btn-secondary-border-hvr: 1px solid color-mix(in srgb, var(--night) 55%, #fff);
  --btn-info-bg: color-mix(in srgb, var(--night) 70%, #fff);
  --btn-info-border: 1px solid color-mix(in srgb, var(--night) 55%, #fff);
  --btn-info-bg-hvr: color-mix(in srgb, var(--night) 82%, #fff);
  --btn-info-border-hvr: 1px solid color-mix(in srgb, var(--night) 55%, #fff);
  --btn-light-bg: var(--brand);
  --btn-light-border: 1px solid color-mix(in srgb, var(--brand) 70%, #fff);
  --btn-outline-secondary-bg: color-mix(in srgb, var(--night) 70%, #fff);
  --btn-outline-secondary-border: 1px solid color-mix(in srgb, var(--night) 55%, #fff);

  --form-valid-color: color-mix(in srgb, var(--ok) 60%, #fff);
  --form-valid-border-color: color-mix(in srgb, var(--ok) 60%, #fff);
  --form-invalid-color: color-mix(in srgb, var(--err) 60%, #fff);
  --form-invalid-border-color: color-mix(in srgb, var(--err) 60%, #fff);
}

/* ---------- 4. ГРАДИЕНТ: только пагинация и прогресс-бар (кнопки — однотонные, см. блок 6) ---------- */
:root {
  --gradient-btn: linear-gradient(var(--grad-angle),
      color-mix(in srgb, var(--grad-a) 80%, var(--brand)) 0%, var(--brand) 100%);
}

.pagination .page-link.active,
.pagination .active>.page-link,
.progress-bar {
  background-image: var(--gradient-btn);
  border-color: transparent;
}

/* ---------- 5. СТРАНИЦА ВХОДА: glass + тонированные поля ---------- */
/* фон, который будет размываться стеклом */
.view-login .container-main,
.task-logout .container-main {
  background: var(--login-backdrop);
}

/* стеклянная панель */
.view-login .login,
.task-logout .login {
  color: var(--glass-text);
  background: var(--glass-fallback);
  border: 1px solid var(--glass-border);
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-shadow), inset 0 1px 0 color-mix(in srgb, #fff 30%, transparent);
  padding: var(--glass-padding);
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {

  .view-login .login,
  .task-logout .login {
    background: var(--glass-bg);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  }
}

/* текст внутри стекла */
.view-login .login label,
.view-login .login .h1,
.view-login .login h1,
.view-login .login h2,
.view-login .login .h2,
.view-login .login .form-control-hint,
.view-login .login .form-text,
.task-logout .login label,
.task-logout .login h2 {
  color: var(--glass-text);
}

.view-login .login a:not(.btn) {
  color: var(--glass-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.view-login .login svg.joomla-logo path,
.task-logout .login svg.joomla-logo path {
  fill: var(--glass-text);
}

/* тонированные поля */
.view-login .login .form-control,
.view-login .login .form-select,
.view-login .login input[type="text"],
.view-login .login input[type="password"],
.view-login .login input[type="email"],
.task-logout .login .form-control {
  color: var(--input-color);
  background-color: var(--input-bg);
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}

.view-login .login .form-control::placeholder {
  color: var(--input-placeholder);
}

.view-login .login .form-control:focus,
.view-login .login .form-select:focus,
.view-login .login input:focus {
  background-color: var(--input-bg-focus);
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 .25rem var(--input-focus-ring);
  outline: 0;
}

/* кнопка «показать пароль» в одной гамме с полем */
.view-login .login .input-group .btn.input-password-toggle,
.view-login .login .input-group .btn-secondary {
  color: var(--input-color);
  background: var(--input-bg);
  background-image: none;
  border: 1px solid var(--input-border);
}

/* автозаполнение браузера не должно красить поле в жёлтый/синий */
.view-login .login input:-webkit-autofill,
.view-login .login input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset;
  caret-color: var(--input-color);
}

/* ---------- 6. КНОПКИ ТУЛБАРА: однотонные, иконки в цветах темы ---------- */
/* Atum красит .subhead .btn через переменные --atum-btn-*, поэтому меняем их. */
html:root {
  --atum-btn: var(--tb-text);
  --atum-btn-icon: var(--tb-default-icon);
  --atum-btn-icon-hvr: var(--tb-icon-hvr);
  --atum-btn-bg: var(--tb-bg);
  --atum-btn-bg-hvr: var(--tb-default-hvr);
  --atum-btn-border: 1px solid var(--tb-border);
  --atum-btn-hvr: #fff;

  --atum-btn-success-icon: var(--tb-success-icon);
  --atum-btn-success-icon-hvr: var(--tb-icon-hvr);
  --atum-btn-success-bg: var(--tb-bg);
  --atum-btn-success-bg-hvr: var(--tb-success-icon);
  --atum-btn-success-border: 1px solid var(--tb-border);

  --atum-btn-danger-icon: var(--tb-danger-icon);
  --atum-btn-danger-icon-hvr: var(--tb-icon-hvr);
  --atum-btn-danger-bg: var(--tb-bg);
  --atum-btn-danger-bg-hvr: var(--tb-danger-icon);
  --atum-btn-danger-border: 1px solid var(--tb-border);

  --atum-btn-info-icon: var(--tb-info-icon);
  --atum-btn-info-icon-hvr: var(--tb-icon-hvr);
  --atum-btn-info-bg: var(--tb-bg);
  --atum-btn-info-bg-hvr: var(--tb-info-hvr);
  --atum-btn-info-border: 1px solid var(--tb-border);

  --atum-btn-action-icon: var(--tb-action-icon);
  --atum-btn-action-icon-hvr: var(--tb-icon-hvr);
  --atum-btn-action-bg: var(--tb-bg);
  --atum-btn-action-bg-hvr: var(--tb-action-icon);
  --atum-btn-action-border: 1px solid var(--tb-border);

  /* primary — заливка */
  --atum-btn-primary-icon: var(--tb-primary-icon);
  --atum-btn-primary-icon-hvr: var(--tb-primary-icon);
  --atum-btn-primary-bg: var(--tb-primary-bg);
  --atum-btn-primary-bg-hvr: var(--tb-primary-bg-hvr);
  --atum-btn-primary-border: 1px solid var(--tb-primary-border);
}

html[data-bs-theme="dark"]:root {
  --atum-btn: var(--body-color);
  --atum-btn-icon: var(--primary-text-emphasis);
  --atum-btn-bg: var(--tertiary-bg);
  --atum-btn-border: 1px solid var(--border-color);
  --atum-btn-success-icon: var(--success-text-emphasis);
  --atum-btn-success-bg: var(--tertiary-bg);
  --atum-btn-success-border: 1px solid var(--border-color);
  --atum-btn-danger-icon: var(--danger-text-emphasis);
  --atum-btn-danger-bg: var(--tertiary-bg);
  --atum-btn-danger-border: 1px solid var(--border-color);
  --atum-btn-info-icon: var(--link-color);
  --atum-btn-info-bg: var(--tertiary-bg);
  --atum-btn-info-border: 1px solid var(--border-color);
  --atum-btn-action-icon: var(--body-color);
  --atum-btn-action-bg: var(--tertiary-bg);
  --atum-btn-action-bg-hvr: var(--brand);
  --atum-btn-action-border: 1px solid var(--border-color);
}

.subhead .btn {
  border-radius: var(--tb-radius);
  background-image: none;
}

/* текст заливной primary-кнопки */
.subhead .btn.btn-primary {
  color: var(--tb-primary-color);
}

/* неактивная primary: у Atum фон белый — возвращаем читаемость */
.subhead .btn.btn-primary[disabled],
.subhead .btn.btn-primary[disabled]>span {
  color: var(--tb-primary-bg);
}

/* ---------- 7. ФОНОВЫЕ ГРАДИЕНТЫ ---------- */
/* Atum задаёт background-color для body.admin, поэтому градиент кладём в background-image.
   Шапка уже получает градиент через --header-bg (см. блок 2). */
body.admin,
body#subhead-container {
  background-image: var(--page-gradient);
  background-attachment: fixed;
}

html[data-bs-theme="dark"] body.admin,
html[data-bs-theme="dark"] body#subhead-container {
  background-image: var(--page-gradient-dark);
}

/* ---------- отключаем sidebar ---------- */
body.com_login aside.sidebar-wrapper {
  display: none !important;
}

/* ---------- скрываем хедер ---------- */
body.com_login .header {
  background: transparent;
}

body.com_login .header-title {
  display: none !important;
}

/* ---------- градиент  ---------- */
body.com_login {
  background: var(--login-backdrop) !important;
}

/* ---------- Размекр лого на Главной ---------- */
body.com_login .main-brand img {
  max-block-size: 150px !important;
}