/* ============================================================================
   Arcana-тема для веб-бота (report.is24.ru) — НОВЫЙ визуальный слой.
   Аддитивно: включается классом body.theme-arcana, ничего из старого не удаляет.
   Логика/JS задач не трогаются — меняем только позиционирование и оформление.
   Скрины-эталон: ~/Desktop/фронт.
   ============================================================================ */

body.theme-arcana {
  /* Навигейно-тёмная палитра под скрины */
  --ac-bg:        #0b1220;
  --ac-bg-2:      #0e1626;
  --ac-card:      #131d31;
  --ac-card-2:    #16223a;
  --ac-border:    #223049;
  --ac-border-2:  #2b3c59;
  --ac-fg:        #e7eef9;
  --ac-fg-dim:    #9fb0c8;
  --ac-fg-mut:    #6d7f9a;
  --ac-primary:   #2f6bff;
  --ac-primary-2: #245adf;
  --ac-red:       #ef4444;
  --ac-orange:    #f59e0b;
  --ac-blue:      #3b82f6;
  --ac-green:     #22c55e;
  --ac-teal:      #2dd4bf;

  /* Переопределяем БАЗОВЫЕ переменные бота → весь фронт становится тёмно-навигейным
     разом (все элементы на rgb(var(--surface)) и т.п. подхватывают новую палитру). */
  --background:  11  18  32;   /* #0b1220 */
  --foreground: 231 238 249;   /* #e7eef9 */
  --muted:       22  34  58;
  --muted-fg:   109 127 154;
  --border:      34  48  73;   /* #223049 */
  --surface:     19  29  49;   /* #131d31 */
  --surface-2:   22  34  58;   /* #16223a */
  --primary:     47 107 255;   /* #2f6bff */
  --primary-fg: 255 255 255;
  --success:     34 197  94;
  --danger:     239  68  68;
  --warning:    245 158  11;

  background: var(--ac-bg);
  color: var(--ac-fg);
}

/* Ширина: ничего не должно вылезать за экран */
body.theme-arcana .tasks-root,
body.theme-arcana .tasks-toolbar,
body.theme-arcana .tasks-content,
body.theme-arcana .tasks-segments,
body.theme-arcana .tasks-accordion-groups,
body.theme-arcana .tasks-accordion-group {
  max-width: 100%;
  box-sizing: border-box;
}
body.theme-arcana .tasks-root {
  box-sizing: border-box !important;   /* база забыла border-box → padding вылезал за экран */
  width: 100% !important;
  overflow-x: hidden;
}
body.theme-arcana #tabTasks.tab-panel { overflow-x: hidden; }
/* Топбар-поиск не должен распирать строку за экран */
body.theme-arcana .tasks-topbar-search { flex: 1 1 auto; min-width: 0; }
body.theme-arcana .tasks-search-input-topbar { width: 100%; min-width: 0; box-sizing: border-box; }
body.theme-arcana .tasks-tab-topbar .topbar-right { min-width: 0; }

/* ── Общий фон вкладок и нижней навигации ──────────────────────────────── */
body.theme-arcana .app-body,
body.theme-arcana .tab-panel { background: var(--ac-bg); }

body.theme-arcana .bottom-nav {
  background: rgba(11, 18, 32, .92);
  border-top: 1px solid var(--ac-border);
  backdrop-filter: blur(10px);
}
body.theme-arcana .nav-btn { color: var(--ac-fg-mut); }
body.theme-arcana .nav-btn.active { color: var(--ac-primary); }

/* ── Верхняя панель вкладки «Задачи» ───────────────────────────────────── */
body.theme-arcana .tasks-tab-topbar {
  background: var(--ac-bg);
  border-bottom: 1px solid var(--ac-border);
}
body.theme-arcana .tasks-tab-title:empty::before { content: "Задачи"; }
body.theme-arcana .tasks-tab-title {
  font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--ac-fg);
}
body.theme-arcana .tasks-search-input-topbar {
  background: var(--ac-card); border: 1px solid var(--ac-border);
  color: var(--ac-fg); border-radius: 12px;
}
body.theme-arcana .tasks-search-input-topbar::placeholder { color: var(--ac-fg-mut); }

/* Лишние кнопки создания задач — прячем в новой теме (по ТЗ) */
body.theme-arcana #taskCreateBtn,
body.theme-arcana .tasks-quick-create { display: none !important; }

/* ── Тулбар ────────────────────────────────────────────────────────────── */
body.theme-arcana .tasks-root { background: var(--ac-bg); }
body.theme-arcana .tasks-toolbar { gap: 14px; padding: 8px 0 4px; }

/* ── Скоупы → карточки-статы (сетка) ───────────────────────────────────── */
body.theme-arcana .tasks-segments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  overflow: visible;
}
@media (min-width: 720px) {
  body.theme-arcana .tasks-segments { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
body.theme-arcana .tasks-segment-btn {
  flex: initial;
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  min-height: 78px;
  padding: 14px 16px;
  background: var(--ac-card);
  border: 1px solid var(--ac-border);
  border-radius: 16px;
  color: var(--ac-fg-dim);
  font-weight: 600; font-size: 13px;
  white-space: normal; text-align: left;
  position: relative;
  transition: border-color .15s, transform .06s;
}
body.theme-arcana .tasks-segment-btn:active { transform: scale(.985); }
body.theme-arcana .tasks-segment-btn span {
  order: 2;
  font-size: 26px; font-weight: 800; line-height: 1;
  color: var(--ac-fg);
}
body.theme-arcana .tasks-segment-btn.active {
  background: var(--ac-card);
  border-color: var(--ac-primary);
  color: var(--ac-fg-dim);
  box-shadow: inset 0 -2px 0 var(--ac-primary);
}
body.theme-arcana .tasks-segment-btn.active span { color: var(--ac-primary); }

/* «Фильтры» — карточка в ряд со статами */
body.theme-arcana .tasks-toolbar-main { align-self: center; }
body.theme-arcana .tasks-filter-toggle {
  background: var(--ac-card); border: 1px solid var(--ac-border);
  color: var(--ac-fg-dim); border-radius: 12px; height: 44px;
}
body.theme-arcana .tasks-select,
body.theme-arcana .tasks-combo-trigger {
  background: var(--ac-card); border: 1px solid var(--ac-border);
  color: var(--ac-fg); border-radius: 12px;
}
body.theme-arcana .tasks-combo-panel {
  background: var(--ac-card-2); border: 1px solid var(--ac-border-2); border-radius: 12px;
}
body.theme-arcana .tasks-combo-option { color: var(--ac-fg-dim); }
body.theme-arcana .tasks-combo-option.active { color: var(--ac-primary); }

/* ── Приоритеты → корзины (свёрнуты по умолчанию) ──────────────────────── */
body.theme-arcana .tasks-content { padding: 6px 0 8px; }
body.theme-arcana .tasks-accordion-groups { display: flex; flex-direction: column; gap: 12px; }

body.theme-arcana .tasks-accordion-group {
  background: var(--ac-card);
  border: 1px solid var(--ac-border);
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
  box-shadow: none !important;   /* убираем цветной inset-бордер из базы */
}

/* Базовый CSS красит фон .tasks-accordion-group-title в СВЕТЛЫЙ (спец. 0,3,0) —
   перебиваем с большей специфичностью: делаем прозрачным (виден тёмный фон группы). */
body.theme-arcana .tasks-accordion-group.priority-section-immediate > .tasks-accordion-group-title,
body.theme-arcana .tasks-accordion-group.priority-section-critical  > .tasks-accordion-group-title,
body.theme-arcana .tasks-accordion-group.priority-section-high      > .tasks-accordion-group-title,
body.theme-arcana .tasks-accordion-group.priority-section-normal    > .tasks-accordion-group-title,
body.theme-arcana .tasks-accordion-group.priority-section-low       > .tasks-accordion-group-title {
  background: transparent;
  color: var(--ac-fg);
  border-bottom: none;
}

/* Заголовок корзины: иконка + название + счётчик + шеврон */
body.theme-arcana .tasks-accordion-group-title {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 18px;
  margin: 0;
  font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none;
  color: var(--ac-fg);
  cursor: pointer;
  user-select: none;
}
/* Название с заглавной, а не КАПСОМ */
body.theme-arcana .tasks-accordion-group-title { text-transform: capitalize; }

/* Цветная иконка-квадрат слева */
body.theme-arcana .tasks-accordion-group-title::before {
  content: "";
  flex: 0 0 auto;
  width: 40px; height: 40px; border-radius: 11px;
  background: var(--ac-blue) center/22px no-repeat;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
/* Счётчик задач (вставляет JS в .ac-basket-count) + шеврон */
body.theme-arcana .ac-basket-count {
  margin-left: auto;
  font-size: 14px; font-weight: 600; color: var(--ac-fg-dim);
}
body.theme-arcana .tasks-accordion-group-title::after {
  content: "";
  flex: 0 0 auto;
  width: 9px; height: 9px; margin-left: 12px;
  border-right: 2px solid var(--ac-fg-mut);
  border-bottom: 2px solid var(--ac-fg-mut);
  transform: rotate(-45deg);
  transition: transform .18s ease;
}
body.theme-arcana .tasks-accordion-group.is-open .tasks-accordion-group-title::after {
  transform: rotate(45deg);
}

/* Цвета корзин под приоритеты (immediate=Критический … low=Разобраться) */
body.theme-arcana .priority-section-immediate .tasks-accordion-group-title::before,
body.theme-arcana .priority-section-critical  .tasks-accordion-group-title::before {
  background-color: var(--ac-red);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3C/svg%3E");
}
body.theme-arcana .priority-section-high .tasks-accordion-group-title::before {
  background-color: var(--ac-orange);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E");
}
body.theme-arcana .priority-section-normal .tasks-accordion-group-title::before {
  background-color: var(--ac-blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3C/svg%3E");
}
body.theme-arcana .priority-section-low .tasks-accordion-group-title::before {
  background-color: var(--ac-green);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

/* Счётчик красим в тон приоритета */
body.theme-arcana .priority-section-immediate .ac-basket-count,
body.theme-arcana .priority-section-critical  .ac-basket-count { color: var(--ac-red); }
body.theme-arcana .priority-section-high   .ac-basket-count { color: var(--ac-orange); }
body.theme-arcana .priority-section-normal .ac-basket-count { color: var(--ac-blue); }
body.theme-arcana .priority-section-low    .ac-basket-count { color: var(--ac-green); }

/* Свёрнуто по умолчанию: показываем только заголовок, список задач скрыт */
body.theme-arcana .tasks-accordion-group > .tasks-accordion-list { display: none; }
body.theme-arcana .tasks-accordion-group.is-open > .tasks-accordion-list {
  display: block;
  padding: 0 12px 8px;
}

/* Секция ПРИЁМКА — тоже как корзина, но открыта */
body.theme-arcana .tasks-accordion-group.priority-section-immediate:first-child .ac-basket-count { color: var(--ac-teal); }

/* ── Карточки задач внутри раскрытой корзины (минимал) ─────────────────── */
body.theme-arcana .task-accordion {
  background: var(--ac-card-2);
  border: 1px solid var(--ac-border);
  border-radius: 12px;
  margin: 8px 0;
}
body.theme-arcana .task-accordion.is-expanded { border-color: var(--ac-border-2); }

/* ── Пустое состояние ──────────────────────────────────────────────────── */
body.theme-arcana .empty-state { color: var(--ac-fg-mut); }

/* ── Кнопка переключения темы ──────────────────────────────────────────── */
.ac-theme-toggle {
  display: inline-flex; align-items: center; gap: 7px;
  height: 32px; padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgb(var(--border));
  background: rgb(var(--surface));
  color: rgb(var(--foreground));
  font: inherit; font-size: 13px; font-weight: 600;
  cursor: pointer; white-space: nowrap;
}
body.theme-arcana .ac-theme-toggle {
  border-color: var(--ac-border);
  background: linear-gradient(135deg, var(--ac-primary), var(--ac-primary-2));
  color: #fff;
}

/* ============================================================================
   ДОРАБОТКА v4: монотонность, меньше кнопки, перекрытие хардкод-светлых мест,
   тёмные модалки (карточка задачи + создание), Отчёты, Бот.
   ============================================================================ */

/* ── Меньше и монотоннее: карточки-статы ───────────────────────────────── */
body.theme-arcana .tasks-segment-btn { min-height: 62px; padding: 11px 14px; gap: 4px; border-radius: 14px; }
body.theme-arcana .tasks-segment-btn span { font-size: 21px; }
body.theme-arcana .tasks-filter-toggle { height: 40px; }
body.theme-arcana .ac-theme-toggle { height: 30px; padding: 0 12px; font-size: 12px; }

/* ── Корзины: компактнее и монотонно ───────────────────────────────────── */
body.theme-arcana .tasks-accordion-group-title { padding: 13px 16px; gap: 12px; font-size: 15px; }
body.theme-arcana .tasks-accordion-group-title::before { width: 34px; height: 34px; border-radius: 9px; background-size: 19px; }
body.theme-arcana .ac-basket-count { font-size: 13px; }

/* ── Перекрываем ХАРДКОД-СВЕТЛЫЕ фоны из style.css (база их не красит) ──── */
/* Чипы приоритетов и статусов → тёмные полупрозрачные */
body.theme-arcana .priority-critical,
body.theme-arcana .priority-immediate { background: rgba(239,68,68,.14) !important; color: #fca5a5 !important; border-color: rgba(239,68,68,.35) !important; }
body.theme-arcana .priority-high      { background: rgba(245,158,11,.14) !important; color: #fcd34d !important; border-color: rgba(245,158,11,.35) !important; }
body.theme-arcana .priority-normal    { background: rgba(59,130,246,.14) !important; color: #93c5fd !important; border-color: rgba(59,130,246,.35) !important; }
body.theme-arcana .priority-low       { background: rgba(34,197,94,.14)  !important; color: #86efac !important; border-color: rgba(34,197,94,.35) !important; }

/* Тинты рядов/аккордеонов приоритетов → под тёмную карту (монотонно) */
body.theme-arcana .task-accordion,
body.theme-arcana .task-accordion.priority-section-immediate,
body.theme-arcana .task-accordion.priority-section-critical,
body.theme-arcana .task-accordion.priority-section-high,
body.theme-arcana .task-accordion.priority-section-normal,
body.theme-arcana .task-accordion.priority-section-low {
  background: var(--ac-card-2) !important;
  color: var(--ac-fg);
}
body.theme-arcana .tasks-priority-header td,
body.theme-arcana .tasks-row td { background: var(--ac-card) !important; color: var(--ac-fg) !important; }

/* Кнопки приёмки (принять/отклонить) → тёмные полупрозрачные */
body.theme-arcana .btn-accept-big,
body.theme-arcana [class*="accept"] { background: rgba(34,197,94,.16) !important; color: #86efac !important; }
body.theme-arcana .btn-reject-big,
body.theme-arcana [class*="reject"] { background: rgba(239,68,68,.16) !important; color: #fca5a5 !important; }

/* ── Общие кнопки: тёмные, компактные ──────────────────────────────────── */
body.theme-arcana .btn,
body.theme-arcana .btn-sm { border-radius: 10px; }
body.theme-arcana .btn-ghost { background: var(--ac-card); border: 1px solid var(--ac-border); color: var(--ac-fg-dim); }
body.theme-arcana .btn-primary { background: linear-gradient(135deg, var(--ac-primary), var(--ac-primary-2)); border: none; color: #fff; }

/* ── Верхние панели (Бот / Отчёты) и карточки → тёмные ─────────────────── */
body.theme-arcana .topbar { background: var(--ac-bg); border-bottom: 1px solid var(--ac-border); }
body.theme-arcana .topbar-title { color: var(--ac-fg); }
body.theme-arcana .chat-messages { background: var(--ac-bg); }
body.theme-arcana .reports-list { background: var(--ac-bg); }
body.theme-arcana .reports-list .card,
body.theme-arcana .report-card,
body.theme-arcana .reports-list > * {
  background: var(--ac-card);
  border-color: var(--ac-border);
  color: var(--ac-fg);
}

/* ── Модалки: карточка задачи + создание (фотки 3/4/5) ─────────────────── */
body.theme-arcana .task-modal-backdrop,
body.theme-arcana .task-quick-modal-backdrop { background: rgba(4,8,16,.66); }
body.theme-arcana .task-modal-card,
body.theme-arcana .task-quick-modal-card {
  background: var(--ac-bg-2);
  border: 1px solid var(--ac-border);
  color: var(--ac-fg);
  border-radius: 18px;
}
body.theme-arcana .task-modal-head,
body.theme-arcana .task-quick-modal-head { border-bottom: 1px solid var(--ac-border); }
body.theme-arcana .task-modal-title,
body.theme-arcana .task-quick-modal-title { color: var(--ac-fg); }
body.theme-arcana .task-section {
  background: var(--ac-card);
  border: 1px solid var(--ac-border);
  border-radius: 14px;
}
body.theme-arcana .task-section-title { color: var(--ac-fg-dim); }
body.theme-arcana .task-section-note,
body.theme-arcana .task-meta-grid,
body.theme-arcana .task-child-meta { color: var(--ac-fg-mut); }
body.theme-arcana .field label { color: var(--ac-fg-mut); }
body.theme-arcana .field input,
body.theme-arcana .field textarea,
body.theme-arcana .field select,
body.theme-arcana .task-quick-modal-body input,
body.theme-arcana .task-quick-modal-body select {
  background: var(--ac-card);
  border: 1px solid var(--ac-border);
  color: var(--ac-fg);
  border-radius: 10px;
}
body.theme-arcana .task-chip { background: var(--ac-card); border: 1px solid var(--ac-border); color: var(--ac-fg-dim); }
body.theme-arcana .task-chip-project { color: #93c5fd; }
body.theme-arcana .task-round-btn { background: var(--ac-card); border: 1px solid var(--ac-border); color: var(--ac-fg); }

/* Подписи полей — слева (как на фотках), не по центру */
body.theme-arcana .field label,
body.theme-arcana .task-quick-modal-body label { text-align: left; display: block; }
/* Textarea комментария — тёмная */
body.theme-arcana .chat-textarea,
body.theme-arcana .task-comment-textarea { background: var(--ac-card); border: 1px solid var(--ac-border); color: var(--ac-fg); }

/* ── Карточка задачи: табы Информация/Подзадачи/История (фото 3) ────────── */
body.theme-arcana .ac-modal-tabs {
  grid-column: 1 / -1;
  display: flex; gap: 2px;
  border-bottom: 1px solid var(--ac-border);
  margin: 2px 0 8px;
}
body.theme-arcana .ac-tab {
  background: none; border: none; color: var(--ac-fg-mut);
  padding: 11px 14px; font: inherit; font-size: 14px; font-weight: 600;
  cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px;
  white-space: nowrap;
}
body.theme-arcana .ac-tab.is-active { color: var(--ac-primary); border-bottom-color: var(--ac-primary); }
body.theme-arcana .ac-tab b {
  color: #fff; background: var(--ac-primary); border-radius: 8px;
  padding: 1px 7px; font-size: 12px; margin-left: 5px; font-weight: 700;
}
/* Переключение панелей */
body.theme-arcana .ac-tabbed .ac-pane-sub,
body.theme-arcana .ac-tabbed .ac-pane-hist { display: none; }
body.theme-arcana .ac-tabbed.show-sub  .ac-pane-info,
body.theme-arcana .ac-tabbed.show-hist .ac-pane-info { display: none; }
body.theme-arcana .ac-tabbed.show-sub  .ac-pane-sub,
body.theme-arcana .ac-tabbed.show-hist .ac-pane-hist { display: block; }
/* Блок КАРТОЧКА: поля читаемо, как секция */
body.theme-arcana .task-modal-flags { gap: 8px; }
body.theme-arcana .task-modal-head h2 { color: var(--ac-fg); font-size: 17px; }

/* Бейдж приоритета в карточке (фото 3) */
body.theme-arcana .ac-prio-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: 8px;
  font-size: 13px; font-weight: 700; width: fit-content; margin-bottom: 2px;
}
body.theme-arcana .ac-prio-immediate, body.theme-arcana .ac-prio-critical { background: rgba(239,68,68,.16); color: #fca5a5; }
body.theme-arcana .ac-prio-high   { background: rgba(245,158,11,.16); color: #fcd34d; }
body.theme-arcana .ac-prio-normal { background: rgba(59,130,246,.16); color: #93c5fd; }
body.theme-arcana .ac-prio-low    { background: rgba(34,197,94,.16); color: #86efac; }

/* ── Меньше карточки-статы (по просьбе) ────────────────────────────────── */
body.theme-arcana .tasks-segment-btn { min-height: 50px; padding: 8px 12px; gap: 1px; border-radius: 12px; }
body.theme-arcana .tasks-segment-btn span { font-size: 17px; }

/* ── Read-only «Информация» карточки (фото 3) ──────────────────────────── */
/* прячем исходные редактируемые поля, когда построен read-only вид */
body.theme-arcana .ac-tabbed.ac-has-infoview > .field,
body.theme-arcana .ac-tabbed.ac-has-infoview > .task-meta-grid,
body.theme-arcana .ac-tabbed.ac-has-infoview > .task-modal-flags { display: none !important; }

body.theme-arcana .ac-info-view { display: flex; flex-direction: column; gap: 12px; grid-column: 1 / -1; }
body.theme-arcana .ac-iv-head { display: flex; flex-direction: column; gap: 8px; }
body.theme-arcana .ac-iv-title { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.25; color: var(--ac-fg); }
body.theme-arcana .ac-iv-chips { display: flex; gap: 8px; flex-wrap: wrap; }

body.theme-arcana .ac-section.ac-card {
  background: var(--ac-card); border: 1px solid var(--ac-border);
  border-radius: 14px; padding: 14px 16px;
}
body.theme-arcana .ac-section-title {
  display: flex; align-items: center; gap: 9px;
  font-size: 12px; font-weight: 700; letter-spacing: .1em;
  color: var(--ac-fg-mut); margin-bottom: 13px; text-transform: uppercase;
}
body.theme-arcana .ac-section-title::before {
  content: ""; width: 18px; height: 18px; flex: 0 0 auto;
  background: center/18px no-repeat;
}
body.theme-arcana .ac-ic-card::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 9h4M7 13h10'/%3E%3C/svg%3E"); }
body.theme-arcana .ac-ic-people::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0M17 11a3 3 0 0 0 0-6M21 20a6 6 0 0 0-4-5.6'/%3E%3C/svg%3E"); }
body.theme-arcana .ac-ic-clock::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4'/%3E%3C/svg%3E"); }

body.theme-arcana .ac-kv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 12px; }
body.theme-arcana .ac-kv-grid label,
body.theme-arcana .ac-person label { display: block; font-size: 12px; color: var(--ac-fg-mut); margin-bottom: 4px; }
body.theme-arcana .ac-kv-grid > div > div,
body.theme-arcana .ac-person > div { font-size: 15px; color: var(--ac-fg); }
body.theme-arcana .ac-dot::before { content: "●"; margin-right: 7px; font-size: 10px; vertical-align: middle; }
body.theme-arcana .ac-dot-blue::before, body.theme-arcana .ac-dot-normal::before { color: var(--ac-blue); }
body.theme-arcana .ac-dot-immediate::before, body.theme-arcana .ac-dot-critical::before { color: var(--ac-red); }
body.theme-arcana .ac-dot-high::before { color: var(--ac-orange); }
body.theme-arcana .ac-dot-low::before { color: var(--ac-green); }
body.theme-arcana .ac-dot-blue { color: var(--ac-blue); }
body.theme-arcana .ac-dot-immediate, body.theme-arcana .ac-dot-critical { color: #fca5a5; }

body.theme-arcana .ac-person { margin-bottom: 12px; }
body.theme-arcana .ac-person:last-child { margin-bottom: 0; }
body.theme-arcana .ac-person > div { display: flex; align-items: center; gap: 10px; }
body.theme-arcana .ac-avatar {
  width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto;
  background: linear-gradient(135deg, #2b3c59, #3f5170);
}

/* Наблюдатели + Описание в карточке */
body.theme-arcana #ac-watchers.ac-watchers { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px; }
body.theme-arcana .ac-watcher { display: inline-flex; align-items: center; gap: 9px; font-size: 15px; color: var(--ac-fg); }
body.theme-arcana .ac-avatar-sm { width: 26px; height: 26px; }
body.theme-arcana .ac-muted { color: var(--ac-fg-mut); }
body.theme-arcana .ac-desc { font-size: 14px; color: var(--ac-fg-dim); line-height: 1.6; white-space: pre-wrap; }
body.theme-arcana .ac-ic-doc::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v5h5M7 3h8l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E"); }

/* ── Инлайн-редактирование в карточке (минимал) ── */
/* Название: выглядит как заголовок, редактируется по клику */
body.theme-arcana .ac-title-slot { width: 100%; }
body.theme-arcana .ac-title-slot input.ac-inline-edit {
  width: 100%; box-sizing: border-box; margin: 0; padding: 3px 0;
  border: none !important; background: transparent !important; box-shadow: none !important;
  font-size: 19px; font-weight: 800; line-height: 1.25; color: var(--ac-fg);
  border-bottom: 1.5px solid transparent !important; border-radius: 0; transition: border-color .15s;
}
body.theme-arcana .ac-title-slot input.ac-inline-edit:hover { border-bottom-color: var(--ac-border-2) !important; }
body.theme-arcana .ac-title-slot input.ac-inline-edit:focus { outline: none; border-bottom-color: var(--ac-primary) !important; }

/* Проект / Статус / Приоритет: селекты без рамки, как значение */
body.theme-arcana .ac-slot { display: flex; align-items: center; min-width: 0; }
body.theme-arcana .ac-slot-dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; margin-right: 8px; background: var(--ac-blue); }
body.theme-arcana select.ac-inline-edit {
  min-width: 0; max-width: 100%; margin: 0; height: auto;
  padding: 1px 15px 1px 0 !important;
  border: none !important; background-color: transparent !important; box-shadow: none !important;
  font-size: 15px; font-weight: 600; color: var(--ac-fg); line-height: 1.3;
  cursor: pointer; appearance: none; -webkit-appearance: none; border-radius: 0;
  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7a93' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right center !important; background-size: 11px !important;
}
body.theme-arcana select.ac-inline-edit:hover,
body.theme-arcana select.ac-inline-edit:focus { color: var(--ac-primary); outline: none; }
body.theme-arcana select.ac-inline-edit option { background: var(--ac-card-2, #12203a); color: var(--ac-fg); font-weight: 500; }
body.theme-arcana .ac-edit label::after { content: " ✎"; font-size: 10px; color: var(--ac-fg-mut); opacity: .5; }

/* Проект — combo-виджет: без рамки, стрелка вплотную к слову и поворачивается при открытии */
body.theme-arcana .ac-slot .ac-inline-combo { display: inline-flex; max-width: 100%; min-width: 0; }
body.theme-arcana .ac-inline-combo .tasks-combo-trigger {
  display: inline-flex; align-items: center; gap: 5px; width: auto; min-width: 0; max-width: 100%;
  margin: 0; padding: 1px 0 !important; height: auto;
  border: none !important; background: transparent !important; box-shadow: none !important;
  font-size: 15px; font-weight: 600; color: var(--ac-fg); cursor: pointer; text-align: left;
}
body.theme-arcana .ac-inline-combo .tasks-combo-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
body.theme-arcana .ac-inline-combo .tasks-combo-trigger::after {
  content: ""; width: 11px; height: 11px; flex: 0 0 auto; transition: transform .18s ease;
  background: center/11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7a93' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
body.theme-arcana .ac-inline-combo.open .tasks-combo-trigger::after { transform: rotate(180deg); }
body.theme-arcana .ac-inline-combo .tasks-combo-trigger:hover { color: var(--ac-primary); }
body.theme-arcana .ac-proj-slot { overflow: visible; }

/* В своём скоупе одноимённый тег задачи прячем (Мои→Моя, Поручено мной→Поручено мной, Наблюдение→Под наблюдением) */
body.theme-arcana.ac-scope-mine .flag-mine,
body.theme-arcana.ac-scope-assigned .flag-assigned,
body.theme-arcana.ac-scope-watch .flag-watch { display: none !important; }

/* ============================================================================
   Переключатель цвета новой темы: синий(тёмный) ↔ белый(светлый). Макет тот же.
   ============================================================================ */
/* Кнопка «цвет» — только когда новая тема включена */
body:not(.theme-arcana) .ac-color-toggle { display: none !important; }
.ac-color-toggle {
  display: inline-flex; align-items: center; gap: 6px;
  height: 30px; padding: 0 12px; border-radius: 10px;
  border: 1px solid rgb(var(--border)); background: rgb(var(--surface));
  color: rgb(var(--foreground)); font: inherit; font-size: 12px; font-weight: 600;
  cursor: pointer; white-space: nowrap;
}
body.theme-arcana .ac-color-toggle {
  border-color: var(--ac-border); background: var(--ac-card); color: var(--ac-fg);
}

/* ── СВЕТЛАЯ палитра (белый базовый) ───────────────────────────────────── */
body.theme-arcana.ac-light {
  --ac-bg:        #eef1f6;
  --ac-bg-2:      #ffffff;
  --ac-card:      #ffffff;
  --ac-card-2:    #f6f8fb;
  --ac-border:    #e3e8ef;
  --ac-border-2:  #cdd5e0;
  --ac-fg:        #17202e;
  --ac-fg-dim:    #45526a;
  --ac-fg-mut:    #8a97a8;
  --ac-primary:   #2563eb;
  --ac-primary-2: #1d4ed8;

  /* базовые переменные бота — светлые */
  --background:  238 241 246;
  --foreground:   23  32  46;
  --muted:       240 243 248;
  --muted-fg:    138 151 168;
  --border:      227 232 239;
  --surface:     255 255 255;
  --surface-2:   246 248 251;
  --primary:      37  99 235;
  --primary-fg:  255 255 255;
}
/* хардкод-тёмные места → светлые в белом режиме */
body.theme-arcana.ac-light .bottom-nav { background: rgba(255,255,255,.92); }
body.theme-arcana.ac-light .tasks-tab-topbar,
body.theme-arcana.ac-light .topbar { background: var(--ac-bg); }
body.theme-arcana.ac-light .task-modal-backdrop,
body.theme-arcana.ac-light .task-quick-modal-backdrop { background: rgba(30,41,59,.45); }
body.theme-arcana.ac-light .ac-avatar,
body.theme-arcana.ac-light .ac-avatar-sm { background: linear-gradient(135deg,#cbd5e1,#94a3b8); }
/* приоритетные бейджи/чипы — темнее для контраста на белом */
body.theme-arcana.ac-light .ac-prio-immediate,
body.theme-arcana.ac-light .ac-prio-critical { background: rgba(239,68,68,.12); color: #b91c1c; }
body.theme-arcana.ac-light .ac-prio-high   { background: rgba(245,158,11,.16); color: #b45309; }
body.theme-arcana.ac-light .ac-prio-normal { background: rgba(37,99,235,.12);  color: #1d4ed8; }
body.theme-arcana.ac-light .ac-prio-low    { background: rgba(34,197,94,.16);  color: #15803d; }
body.theme-arcana.ac-light .priority-section-immediate .ac-basket-count,
body.theme-arcana.ac-light .priority-section-critical  .ac-basket-count { color: #dc2626; }
body.theme-arcana.ac-light .priority-section-high   .ac-basket-count { color: #d97706; }
body.theme-arcana.ac-light .priority-section-normal .ac-basket-count { color: #2563eb; }
body.theme-arcana.ac-light .priority-section-low    .ac-basket-count { color: #16a34a; }

/* ── Выпадающее меню «Тема» (тема + вложенный пункт цвета) ─────────────── */
.ac-menu { position: relative; display: inline-block; }
.ac-menu-trigger {
  height: 30px; padding: 0 12px; border-radius: 10px;
  border: 1px solid rgb(var(--border)); background: rgb(var(--surface));
  color: rgb(var(--foreground)); font: inherit; font-size: 12px; font-weight: 600;
  cursor: pointer; white-space: nowrap;
}
body.theme-arcana .ac-menu-trigger { border-color: var(--ac-border); background: var(--ac-card); color: var(--ac-fg); }
.ac-menu-panel {
  position: absolute; top: calc(100% + 6px); left: 0; display: none;
  flex-direction: column; min-width: 200px; padding: 6px; gap: 3px;
  border-radius: 12px; border: 1px solid rgb(var(--border)); background: rgb(var(--surface));
  box-shadow: 0 12px 34px rgba(0,0,0,.28); z-index: 400;
}
body.theme-arcana .ac-menu-panel { border-color: var(--ac-border); background: var(--ac-card-2); }
.ac-menu.open .ac-menu-panel { display: flex; }
/* Десктоп: меню «Тема» стоит справа в топбаре → панель открываем ВЛЕВО,
   иначе min-width:200px уезжает за правый край и обрезается. */
@media (min-width: 768px) {
  .ac-menu-panel { right: 0; left: auto; }
}
.ac-menu-item, body.theme-arcana .ac-menu-item {
  width: 100%; text-align: left; height: 34px; padding: 0 12px;
  border-radius: 8px; border: none !important; background: transparent !important;
  color: inherit; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
body.theme-arcana .ac-menu-item { color: var(--ac-fg); }
.ac-menu-item:hover { background: rgba(127,127,127,.14) !important; }
/* цветовой пункт — только когда новая тема включена */
body:not(.theme-arcana) .ac-color-toggle { display: none !important; }

/* ── Активная карточка-стат: без синей подсветки (нейтрально) ──────────── */
body.theme-arcana .tasks-segment-btn.active {
  background: var(--ac-card) !important;
  border-color: var(--ac-border-2) !important;
  box-shadow: none !important;
  color: var(--ac-fg-dim) !important;
}
body.theme-arcana .tasks-segment-btn.active span { color: var(--ac-fg) !important; }