/* arkan-ds.css — дизайн-система ARKANA: общий слой поверх тем (грузится ПОСЛЕДНИМ, после brand.css).
   Решение владельца 15.10: фон страницы #0D1B3A вместо почти-чёрного, активный таб — брендовый синий вместо зелёной «пилюли»,
   карточки со стеклом, пустые состояния с логотипом. Всё через токены и общие селекторы: страницы не правятся.

   Состав:
     1. токены (--ark-*) и тёмная палитра «ночной синий» (темы dark и system→dark; наборы идентичны, это проверяет тест);
     2. ArkanPage       — .ark-page: фон с мягким светом бренда и каркас страницы;
     3. ArkanTabs       — .ark-tabs/.ark-tab и ЕДИНЫЙ вид всех прежних табов (самописные реализации сведены к одному виду);
     4. ArkanCard       — .ark-card и те же стекло/рамка для прежних карточек;
     5. ArkanEmptyState — .ark-empty и логотип в прежних пустых состояниях (.state-empty, таблицы, списки);
     6. ArkanButton     — .ark-btn: значок + подпись (прежние .btn--* уже брендовые, см. brand.css).
   Разметка и JS-помощники — components/ark-ui.js. Зелёный остаётся цветом «успех/деньги»; навигация и выбор — синие.
   Селекторы с префиксом «html body» нужны, чтобы перебить стили, которые страницы подмешивают в <style> уже после загрузки. */

:root {
  --ark-blue: #2E4EA8;  --ark-blue-hi: #3A5FC0;  --ark-blue-deep: #152B5C;  --ark-gold: #D4A017;
  --ark-radius: 12px;
  --ark-tab-fg: var(--text-secondary);  --ark-tab-fg-hover: var(--text-primary);  --ark-tab-hover-bg: rgba(46, 78, 168, .09);
  --ark-tab-on-bg: linear-gradient(135deg, #2E4EA8 0%, #3A5FC0 100%);  --ark-tab-on-fg: #FFFFFF;  --ark-tab-on-shadow: 0 2px 10px rgba(46, 78, 168, .32);
  --ark-card-bg: rgba(255, 255, 255, .82);  --ark-card-border: rgba(10, 31, 68, .10);
  --ark-card-shadow: 0 6px 22px rgba(10, 31, 68, .07);  --ark-card-blur: blur(10px) saturate(1.1);
  --ark-page-ambient: none;
  --ark-nav-on-bg: rgba(46, 78, 168, .10);  --ark-nav-on-fg: #2E4EA8;
  --ark-sec-fg: #2E4EA8;  --ark-sec-bd: rgba(46, 78, 168, .45);  --ark-sec-hover: rgba(46, 78, 168, .08);
}

/* ── 1. Тёмная палитра «ночной синий» ─────────────────────────────────────── */
[data-theme="dark"] {
  color-scheme: dark;
  /* Фон страницы — тёмно-синий ARKANA (решение владельца 15.10: #0D1B3A вместо почти-чёрного), панели светлеют ступенями */
  --bg-primary: #0D1B3A;  --bg-base: #0D1B3A;
  --bg-secondary: #11224A;  --bg-panel: #11224A;  --bg-card: #11224A;  --surface-primary: #11224A;  --row: #11224A;
  --surface-elevated: #162A57;  --bg-panel-hover: #162A57;  --row-hi: #162A57;
  --surface-overlay: rgba(4, 10, 28, .74);  --bg-overlay: rgba(4, 10, 28, .74);
  --bg-subtle: rgba(46, 78, 168, .14);
  --border-default: #22376A;  --border: #22376A;  --border-subtle: #1A2D5C;  --border-strong: #3A5288;  --border-focus: rgba(122, 162, 255, .6);
  --text-t1: #E6ECF8;  --text-t2: #E6ECF8;  --text-t3: #C5D0E6;  --text-t4: #9FB0D0;  --text-t5: #9FB0D0;
  --text-primary: #E6ECF8;  --text-secondary: #C5D0E6;  --text-muted: #9FB0D0;  --text-disabled: #556A94;
  --text-faint: #7384A8;  --text-dim: #556A94;
  --sidebar-bg: #0A1630;  --sidebar-surface: #11224A;  --sidebar-border: #1A2D5C;  --sidebar-text: #9FB0D0;
  --sidebar-text-hover: #E6ECF8;  --sidebar-text-active: #FFFFFF;  --sidebar-accent: #8FB0FF;  --sidebar-active-bg: rgba(46, 78, 168, .32);
  --header-bg: #0D1B3A;  --header-border: #1A2D5C;
  --glass-bg: rgba(255, 255, 255, .05);  --glass-border: rgba(160, 185, 255, .16);  --glass-blur: blur(14px);
  --scrollbar-thumb: rgba(122, 162, 255, .28);  --scrollbar-thumb-hover: rgba(122, 162, 255, .5);  --scrollbar-track: rgba(122, 162, 255, .05);
  --shadow-sm: 0 1px 3px rgba(2, 8, 24, .5);  --shadow: 0 16px 38px rgba(2, 8, 24, .6);  --shadow-lg: 0 30px 70px rgba(2, 8, 24, .65);
  /* слой дизайн-системы */
  --ark-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .035));
  --ark-card-border: rgba(160, 185, 255, .17);
  --ark-card-shadow: 0 10px 32px rgba(2, 8, 24, .38), inset 0 1px 0 rgba(255, 255, 255, .07);
  --ark-card-blur: blur(14px) saturate(1.15);
  --ark-tab-fg: #B7C5E3;  --ark-tab-fg-hover: #FFFFFF;  --ark-tab-hover-bg: rgba(122, 162, 255, .12);
  --ark-tab-on-shadow: 0 2px 14px rgba(46, 78, 168, .55);
  --ark-nav-on-bg: rgba(46, 78, 168, .32);  --ark-nav-on-fg: #8FB0FF;
  --ark-sec-fg: #CFE0FF;  --ark-sec-bd: rgba(122, 162, 255, .45);  --ark-sec-hover: rgba(46, 78, 168, .22);
  --ark-page-ambient: radial-gradient(1100px 560px at 14% -12%, rgba(46, 78, 168, .30), transparent 62%), radial-gradient(900px 480px at 104% 112%, rgba(212, 160, 23, .09), transparent 58%);
}
@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    color-scheme: dark;
    /* Фон страницы — тёмно-синий ARKANA (решение владельца 15.10: #0D1B3A вместо почти-чёрного), панели светлеют ступенями */
    --bg-primary: #0D1B3A;  --bg-base: #0D1B3A;
    --bg-secondary: #11224A;  --bg-panel: #11224A;  --bg-card: #11224A;  --surface-primary: #11224A;  --row: #11224A;
    --surface-elevated: #162A57;  --bg-panel-hover: #162A57;  --row-hi: #162A57;
    --surface-overlay: rgba(4, 10, 28, .74);  --bg-overlay: rgba(4, 10, 28, .74);
    --bg-subtle: rgba(46, 78, 168, .14);
    --border-default: #22376A;  --border: #22376A;  --border-subtle: #1A2D5C;  --border-strong: #3A5288;  --border-focus: rgba(122, 162, 255, .6);
    --text-t1: #E6ECF8;  --text-t2: #E6ECF8;  --text-t3: #C5D0E6;  --text-t4: #9FB0D0;  --text-t5: #9FB0D0;
    --text-primary: #E6ECF8;  --text-secondary: #C5D0E6;  --text-muted: #9FB0D0;  --text-disabled: #556A94;
    --text-faint: #7384A8;  --text-dim: #556A94;
    --sidebar-bg: #0A1630;  --sidebar-surface: #11224A;  --sidebar-border: #1A2D5C;  --sidebar-text: #9FB0D0;
    --sidebar-text-hover: #E6ECF8;  --sidebar-text-active: #FFFFFF;  --sidebar-accent: #8FB0FF;  --sidebar-active-bg: rgba(46, 78, 168, .32);
    --header-bg: #0D1B3A;  --header-border: #1A2D5C;
    --glass-bg: rgba(255, 255, 255, .05);  --glass-border: rgba(160, 185, 255, .16);  --glass-blur: blur(14px);
    --scrollbar-thumb: rgba(122, 162, 255, .28);  --scrollbar-thumb-hover: rgba(122, 162, 255, .5);  --scrollbar-track: rgba(122, 162, 255, .05);
    --shadow-sm: 0 1px 3px rgba(2, 8, 24, .5);  --shadow: 0 16px 38px rgba(2, 8, 24, .6);  --shadow-lg: 0 30px 70px rgba(2, 8, 24, .65);
    /* слой дизайн-системы */
    --ark-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .035));
    --ark-card-border: rgba(160, 185, 255, .17);
    --ark-card-shadow: 0 10px 32px rgba(2, 8, 24, .38), inset 0 1px 0 rgba(255, 255, 255, .07);
    --ark-card-blur: blur(14px) saturate(1.15);
    --ark-tab-fg: #B7C5E3;  --ark-tab-fg-hover: #FFFFFF;  --ark-tab-hover-bg: rgba(122, 162, 255, .12);
    --ark-tab-on-shadow: 0 2px 14px rgba(46, 78, 168, .55);
    --ark-nav-on-bg: rgba(46, 78, 168, .32);  --ark-nav-on-fg: #8FB0FF;
    --ark-sec-fg: #CFE0FF;  --ark-sec-bd: rgba(122, 162, 255, .45);  --ark-sec-hover: rgba(46, 78, 168, .22);
    --ark-page-ambient: radial-gradient(1100px 560px at 14% -12%, rgba(46, 78, 168, .30), transparent 62%), radial-gradient(900px 480px at 104% 112%, rgba(212, 160, 23, .09), transparent 58%);
  }
}

/* страницы, перенесённые из макетов, несут СВОЮ палитру (--bg:#0b0d0f): руководитель и Executive — тот же ночной синий */
[data-theme="dark"] :is(.dp-root, .ec-root) {
  --bg: #0D1B3A;  --card: #11224A;  --card2: #162A57;  --tile: #1B3166;
  --line: rgba(160, 185, 255, .17);  --line-soft: rgba(160, 185, 255, .09);
  --t1: #FFFFFF;  --t2: #E6ECF8;  --t3: #C5D0E6;  --t4: #9FB0D0;  --t-tint: #C5D0E6;
  --shadow: 0 8px 24px rgba(2, 8, 24, .45);
}
@media (prefers-color-scheme: dark) {
  [data-theme="system"] :is(.dp-root, .ec-root) {
    --bg: #0D1B3A;  --card: #11224A;  --card2: #162A57;  --tile: #1B3166;
    --line: rgba(160, 185, 255, .17);  --line-soft: rgba(160, 185, 255, .09);
    --t1: #FFFFFF;  --t2: #E6ECF8;  --t3: #C5D0E6;  --t4: #9FB0D0;  --t-tint: #C5D0E6;
    --shadow: 0 8px 24px rgba(2, 8, 24, .45);
  }
}

/* старый список ЭДО («Workspace v4», /#/documents?tab=…) красится переменными --dmwv4-*, которые страница выставляет inline (зелёный акцент, фон #05080E):
   переопределяем их через !important ТОЛЬКО для списка (.dmwv4-list-shell), карточка документа не затрагивается */
[data-theme="dark"] .dmwv4-list-shell {
  --dmwv4-bg: transparent !important;
  --dmwv4-card: rgba(255, 255, 255, .05) !important;  --dmwv4-field: rgba(255, 255, 255, .06) !important;
  --dmwv4-acc: #7FA2FF !important;  --dmwv4-acc2: #A9C1FF !important;  --dmwv4-accFg: #FFFFFF !important;
  --dmwv4-accSoft: rgba(46, 78, 168, .30) !important;  --dmwv4-accSoft2: rgba(58, 95, 192, .62) !important;  --dmwv4-accSoft3: rgba(46, 78, 168, .16) !important;
  --dmwv4-accBd: rgba(122, 162, 255, .42) !important;  --dmwv4-accBd2: rgba(143, 176, 255, .55) !important;  --dmwv4-accBd3: rgba(122, 162, 255, .28) !important;
  --dmwv4-accGlow: rgba(46, 78, 168, .22) !important;
}
@media (prefers-color-scheme: dark) {
  [data-theme="system"] .dmwv4-list-shell {
    --dmwv4-bg: transparent !important;
    --dmwv4-card: rgba(255, 255, 255, .05) !important;  --dmwv4-field: rgba(255, 255, 255, .06) !important;
    --dmwv4-acc: #7FA2FF !important;  --dmwv4-acc2: #A9C1FF !important;  --dmwv4-accFg: #FFFFFF !important;
    --dmwv4-accSoft: rgba(46, 78, 168, .30) !important;  --dmwv4-accSoft2: rgba(58, 95, 192, .62) !important;  --dmwv4-accSoft3: rgba(46, 78, 168, .16) !important;
    --dmwv4-accBd: rgba(122, 162, 255, .42) !important;  --dmwv4-accBd2: rgba(143, 176, 255, .55) !important;  --dmwv4-accBd3: rgba(122, 162, 255, .28) !important;
    --dmwv4-accGlow: rgba(46, 78, 168, .22) !important;
  }
}
[data-theme="light"] .dmwv4-list-shell {
  --dmwv4-acc: #2E4EA8 !important;  --dmwv4-acc2: #1A3270 !important;  --dmwv4-accFg: #1A3270 !important;
  --dmwv4-accSoft: rgba(46, 78, 168, .08) !important;  --dmwv4-accSoft2: rgba(46, 78, 168, .12) !important;  --dmwv4-accSoft3: rgba(46, 78, 168, .05) !important;
  --dmwv4-accBd: rgba(46, 78, 168, .30) !important;  --dmwv4-accBd2: rgba(46, 78, 168, .42) !important;  --dmwv4-accBd3: rgba(46, 78, 168, .20) !important;
  --dmwv4-accGlow: rgba(46, 78, 168, .08) !important;
}
@media (prefers-color-scheme: light) {
  [data-theme="system"] .dmwv4-list-shell {
    --dmwv4-acc: #2E4EA8 !important;  --dmwv4-acc2: #1A3270 !important;  --dmwv4-accFg: #1A3270 !important;
    --dmwv4-accSoft: rgba(46, 78, 168, .08) !important;  --dmwv4-accSoft2: rgba(46, 78, 168, .12) !important;  --dmwv4-accSoft3: rgba(46, 78, 168, .05) !important;
    --dmwv4-accBd: rgba(46, 78, 168, .30) !important;  --dmwv4-accBd2: rgba(46, 78, 168, .42) !important;  --dmwv4-accBd3: rgba(46, 78, 168, .20) !important;
    --dmwv4-accGlow: rgba(46, 78, 168, .08) !important;
  }
}

/* ── 2. ArkanPage ─────────────────────────────────────────────────────────── */
html body { background-color: var(--bg-primary); background-image: var(--ark-page-ambient); background-attachment: fixed; }
.ark-page { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.ark-page__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 16px; }
.ark-page__title { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: -.01em; color: var(--text-primary); }
.ark-page__actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* ── 3. ArkanTabs ─────────────────────────────────────────────────────────── */
/* общий вид: «пилюля» — спокойный текст, при наведении лёгкая подсветка, выбранный — брендовый синий с мягким свечением */
html body .ark-tab,
html body .core-tabs__chip,
html body .edo-tab,
html body .hubtabs__a,
html body .lt-tab,
html body .sa-tab,
html body .tk-domain-tab,
html body .tk-tab,
html body .itw-domain-tab,
html body .pf-tab,
html body .pa-tab,
html body .pr-tab,
html body .wsw-tab,
html body .tbe-tab,
html body .lhd-tab,
html body .e-vtab,
html body .dms-tab,
html body .ak-tab,
html body .ad-tab,
html body .tab-btn {
  display: inline-flex; align-items: center; gap: 7px; min-height: 32px; height: auto; padding: 5px 14px; box-sizing: border-box;
  border: 1px solid transparent; border-radius: 9px; background: transparent; box-shadow: none;
  color: var(--ark-tab-fg); font-size: 13px; font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background .18s, color .18s, box-shadow .18s;
}
html body .ark-tab:hover:not(.ark-tab.is-on),
html body .core-tabs__chip:hover:not(.core-tabs__chip.core-tabs__chip--active),
html body .edo-tab:hover:not(.edo-tab.edo-tab--active),
html body .hubtabs__a:hover:not(.hubtabs__a.is-on),
html body .lt-tab:hover:not(.lt-tab.lt-tab--on),
html body .sa-tab:hover:not(.sa-tab.sa-tab--on),
html body .tk-domain-tab:hover:not(.tk-domain-tab.tk-domain-tab--active),
html body .tk-tab:hover:not(.tk-tab.tk-tab--on),
html body .itw-domain-tab:hover:not(.itw-domain-tab.itw-domain-tab--active),
html body .pf-tab:hover:not(.pf-tab.pf-tab--on),
html body .pa-tab:hover:not(.pa-tab.pa-tab--on),
html body .pr-tab:hover:not(.pr-tab.pr-tab--on),
html body .wsw-tab:hover:not(.wsw-tab.wsw-tab--active),
html body .tbe-tab:hover:not(.tbe-tab.tbe-tab--on),
html body .lhd-tab:hover:not(.lhd-tab.on),
html body .e-vtab:hover:not(.e-vtab.e-vtab--on),
html body .dms-tab:hover:not(.dms-tab.dms-tab--on),
html body .ak-tab:hover:not(.ak-tab.ak-tab--on),
html body .ad-tab:hover:not(.ad-tab.ad-tab--on),
html body .tab-btn:hover:not(.tab-btn.tab-btn--active) { background: var(--ark-tab-hover-bg); color: var(--ark-tab-fg-hover); }
html body .ark-tab.is-on,
html body .ark-tab[aria-selected="true"],
html body .ark-tab[aria-current="page"],
html body .core-tabs__chip.core-tabs__chip--active,
html body .edo-tab.edo-tab--active,
html body .hubtabs__a.is-on,
html body .lt-tab.lt-tab--on,
html body .sa-tab.sa-tab--on,
html body .tk-domain-tab.tk-domain-tab--active,
html body .tk-tab.tk-tab--on,
html body .itw-domain-tab.itw-domain-tab--active,
html body .pf-tab.pf-tab--on,
html body .pa-tab.pa-tab--on,
html body .pr-tab.pr-tab--on,
html body .pr-tab.pr-tab--active,
html body .wsw-tab.wsw-tab--active,
html body .tbe-tab.tbe-tab--on,
html body .lhd-tab.on,
html body .e-vtab.e-vtab--on,
html body .dms-tab.dms-tab--on,
html body .ak-tab.ak-tab--on,
html body .ad-tab.ad-tab--on,
html body .tab-btn.tab-btn--active {
  background: var(--ark-tab-on-bg); color: var(--ark-tab-on-fg); font-weight: 600; border-color: rgba(255, 255, 255, .14); box-shadow: var(--ark-tab-on-shadow);
}
html body .ark-tab.is-on::after,
html body .ark-tab[aria-selected="true"]::after,
html body .ark-tab[aria-current="page"]::after,
html body .core-tabs__chip.core-tabs__chip--active::after,
html body .edo-tab.edo-tab--active::after,
html body .hubtabs__a.is-on::after,
html body .lt-tab.lt-tab--on::after,
html body .sa-tab.sa-tab--on::after,
html body .tk-domain-tab.tk-domain-tab--active::after,
html body .tk-tab.tk-tab--on::after,
html body .itw-domain-tab.itw-domain-tab--active::after,
html body .pf-tab.pf-tab--on::after,
html body .pa-tab.pa-tab--on::after,
html body .pr-tab.pr-tab--on::after,
html body .pr-tab.pr-tab--active::after,
html body .wsw-tab.wsw-tab--active::after,
html body .tbe-tab.tbe-tab--on::after,
html body .lhd-tab.on::after,
html body .e-vtab.e-vtab--on::after,
html body .dms-tab.dms-tab--on::after,
html body .ak-tab.ak-tab--on::after,
html body .ad-tab.ad-tab--on::after,
html body .tab-btn.tab-btn--active::after { content: none; display: none; }   /* прежняя зелёная линия под активной вкладкой снята */
html body .ark-tabs,
html body .core-tabs,
html body .edo-tabs,
html body .hubtabs,
html body .lt-tabs,
html body .sa-tabs,
html body .tk-domain-tabs,
html body .tk-tabs,
html body .itw-domain-tabs,
html body .pf-tabs,
html body .pa-tabs,
html body .pr-tabs,
html body .wsw-tabs,
html body .tbe-tabs,
html body .lhd-tabs,
html body .e-view-tabs,
html body .dms-tabs,
html body .ak-tabs,
html body .ad-tabs,
html body .tab-btns { display: flex; align-items: center; gap: 6px; border-bottom-color: var(--border-default); }
/* число во вкладке: на выбранной — светлая плашка, на остальных — спокойная */
html body .ark-tab__n,
html body .core-tabs__badge,
html body .edo-tab__n,
html body .hubtabs__n,
html body .dms-tab-n {
  display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
  background: var(--bg-subtle); color: var(--text-secondary); font-size: 10.5px; font-weight: 700; line-height: 1;
}
html body .ark-tab.is-on .ark-tab__n,
html body .ark-tab[aria-selected="true"] .ark-tab__n,
html body .ark-tab[aria-current="page"] .ark-tab__n,
html body .core-tabs__chip.core-tabs__chip--active .core-tabs__badge,
html body .edo-tab.edo-tab--active .edo-tab__n,
html body .hubtabs__a.is-on .hubtabs__n,
html body .dms-tab.dms-tab--on .dms-tab-n { background: rgba(255, 255, 255, .22); color: #FFFFFF; }
.ark-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.ark-tabs::-webkit-scrollbar { display: none; }
html body :is(.ark-tab, .core-tabs__chip, .edo-tab, .hubtabs__a):focus-visible { outline: 2px solid var(--ark-gold); outline-offset: 2px; }

/* выбранный пункт бокового меню — тоже брендовый синий, а не зелёная плашка */
html body .ak-item--active, html body .ak-item--active:hover { background: var(--ark-nav-on-bg); }
html body .ak-item--active svg { stroke: var(--ark-nav-on-fg); }
html body .ak-item--active .ak-dot { box-shadow: 0 0 0 2px var(--ark-nav-on-bg); }
html body .ak-subitem--active { color: var(--ark-nav-on-fg); }
html body .ak-subitem--active::before { background: var(--ark-nav-on-fg); }

/* переключатели видов («чипы»), которые по сути те же табы: выбранный — тот же синий; у трёх с inline-стилем акцент подменяется локальной переменной */
html body :is(.hrp-chip.hrp-chip--on, .fin-view-chip.fin-view-chip--active, .tb-chip.tb-chip--on, .tk-view-chip.tk-view-chip--active) {
  background: var(--ark-tab-on-bg); color: var(--ark-tab-on-fg); border-color: rgba(255, 255, 255, .14); box-shadow: var(--ark-tab-on-shadow);
}
html body :is(.fin-view-chip--active .fin-view-chip__count, .tk-view-chip--active .tk-view-chip__count, .tb-chip--on .tb-chip__n) { background: rgba(255, 255, 255, .22); color: #FFFFFF; }
html body :is(.js-type-filter, .btn--tab, .sla-period) { --color-primary: var(--ark-nav-on-fg); --accent-primary: var(--ark-nav-on-fg); }
html body .saved-view-chip--add { color: var(--ark-sec-fg); border-color: var(--ark-sec-bd); }

/* ── 4. ArkanCard ─────────────────────────────────────────────────────────── */
html body :is(.ark-card, .edo-card, .kpi-card, .so-card, .me-card, .pf-card, .card, .advisor-card, .company-card, .ot-card, .decision-card, .object-card, .core-panel, .d3-blk) {
  background: var(--ark-card-bg); border: 1px solid var(--ark-card-border); box-shadow: var(--ark-card-shadow);
  -webkit-backdrop-filter: var(--ark-card-blur); backdrop-filter: var(--ark-card-blur);
}
html body .core-table-wrap { background: var(--ark-card-bg); border: 1px solid var(--ark-card-border); box-shadow: var(--ark-card-shadow); }   /* большие прокручиваемые таблицы — стекло без размытия (дорого) */
.ark-card { border-radius: var(--ark-radius); padding: 16px 18px; min-width: 0; }
.ark-card__title { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: var(--text-primary); }

/* ── 5. ArkanEmptyState ───────────────────────────────────────────────────── */
html body :is(.state-empty, .ark-empty, .core-table__empty, .core-mlist__empty)::before {
  content: ''; display: block; flex: none; width: 64px; height: 64px; margin: 0 auto 12px; font-size: 0; opacity: 1;
  background: url(/assets/brand/arkana_mark.png) center / contain no-repeat;
  filter: drop-shadow(0 4px 14px rgba(46, 78, 168, .5)); animation: ark-empty-float 5s ease-in-out infinite;
}
@keyframes ark-empty-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
html body :is(.core-table__empty-icon, .core-mlist__empty-icon) { display: none; }   /* прежний значок «—» заменён логотипом */
html body :is(.state-empty, .ark-empty) { background: var(--ark-card-bg); border: 1px dashed var(--ark-card-border); border-radius: var(--ark-radius); }
.ark-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 44px 28px; text-align: center; }
.ark-empty__title { font-size: 15px; font-weight: 600; color: var(--text-primary); }
.ark-empty__text { max-width: 56ch; font-size: 13px; line-height: 1.5; color: var(--text-muted); }
.ark-empty__action { margin-top: 12px; }

/* ── 6. ArkanButton ───────────────────────────────────────────────────────── */
.ark-btn { display: inline-flex; align-items: center; gap: 7px; }
.ark-btn svg { width: 15px; height: 15px; flex: none; }
/* второстепенная кнопка — синий контур (прежде зелёный); главное действие в шапке «Создать» — брендовый синий, как .btn--primary */
html body .btn--secondary { background: transparent; color: var(--ark-sec-fg); border-color: var(--ark-sec-bd); }
html body .btn--secondary:hover:not(:disabled) { background: var(--ark-sec-hover); color: var(--ark-sec-fg); border-color: var(--ark-blue-hi); }
html body .ak-create { background: var(--ark-tab-on-bg); color: #FFFFFF; box-shadow: var(--ark-tab-on-shadow); }
html body .ak-create:hover { background: linear-gradient(135deg, #3A5FC0 0%, #4A6FD6 100%); }

@media (prefers-reduced-motion: reduce) {
  html body :is(.state-empty, .ark-empty, .core-table__empty, .core-mlist__empty)::before { animation: none; }
  html body :is(.ark-tab, .core-tabs__chip, .edo-tab, .hubtabs__a) { transition: none; }
}