/* =====================================================================
   AIRSTREAM · фирменное оформление Zammad
   Подмешивается через sub_filter в nginx контейнера. Файл лежит на хосте
   (/opt/zammad/brand/airstream.css), поэтому переживает обновления Zammad.
   Отключение: убрать монтирование zz-airstream.conf в
   docker-compose.override.yml и перезапустить zammad-nginx.

   Палитра снята с www.airstream.md:
     #4062FF -> #3BA5FF  градиент знака
     #4512FF             дополнительный
     #26264C             начертание
     #080826             фон
     #5F82FF             акцент интерфейса
   ===================================================================== */

:root,
html {
  --as-accent:        #5F82FF;
  --as-accent-strong: #4062FF;
  --as-accent-deep:   #4512FF;
  --as-ink:           #26264C;
  --as-bg:            #080826;
  --as-surface:       #292940;
}

/* --- Типографика ---------------------------------------------------- */
body,
.content,
input, select, textarea, button,
.js-text, .richtext {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
code, pre, .js-code, tt {
  font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
}

/* --- Основные действия ---------------------------------------------- */
.btn--primary,
.btn.btn--primary,
.js-submit.btn--primary {
  background-color: var(--as-accent-strong) !important;
  border-color:     var(--as-accent-strong) !important;
  color: #fff !important;
}
.btn--primary:hover,
.btn.btn--primary:hover {
  background-color: var(--as-accent) !important;
  border-color:     var(--as-accent) !important;
}

/* --- Ссылки и активные элементы ------------------------------------- */
a:not(.btn),
.js-link,
.sidebar a:not(.btn) {
  color: var(--as-accent-strong);
}
a:not(.btn):hover {
  color: var(--as-accent);
}

/* --- Навигация слева ------------------------------------------------ */
.main-navigation .is-active,
.navigation .tasks .task.is-active {
  border-left-color: var(--as-accent) !important;
}

/* --- Логотип ---------------------------------------------------------
   Zammad рисует логотип двумя символами из SVG-спрайта icons.svg:
     #icon-logo      — знак, штатный слот 42×36
     #icon-logotype  — начертание рядом со знаком (экран входа, мастер)
   Подменить их монтированием файла нельзя — они внутри спрайта. Поэтому
   прячем содержимое символа и подставляем фирменный SVG фоном.

   width:auto + aspect-ratio: ширина вычисляется из высоты, которую сам
   Zammad задаёт для каждого места по-своему. Поэтому одно правило
   одинаково корректно работает и в узкой боковой панели, и на экране
   входа, и не сломается при изменении их вёрстки. */
.icon-logo {
  width: auto !important;
  aspect-ratio: 161 / 161;
  background: url('/assets/images/logo-mark.svg') no-repeat center center;
  background-size: contain;
}
.icon-logotype {
  width: auto !important;
  aspect-ratio: 648 / 84;
  background: url('/assets/images/logo-wordmark.svg') no-repeat left center;
  background-size: contain;
}
.icon-logo > *,
.icon-logotype > * {
  display: none !important;
}

/* --- Экран входа и мастер настройки --------------------------------- */
.login,
.setup-wizard,
body.fullscreen {
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(64,98,255,0.18), transparent 60%),
    radial-gradient(900px 500px at 110% 10%, rgba(59,165,255,0.14), transparent 55%),
    var(--as-bg);
}
.login .logo img,
.setup-wizard .logo img {
  max-width: 320px;
  height: auto;
}

/* --- Приоритеты: P1 и P2 должны читаться мгновенно ------------------ */
.ticket-list .priority-high,
.high-priority {
  color: #E5484D;
}

/* --- Фокус: доступность (WCAG) -------------------------------------- */
:focus-visible {
  outline: 2px solid var(--as-accent);
  outline-offset: 2px;
}