/* Слой поверх штатного Excalidraw: чёрно-белая гамма, прямые углы,
   вкладки листов во всю ширину, лишнее спрятано. */

/* ---------- палитра: светлая тема ---------- */
.excalidraw {
  --color-primary: #1e1e1e;
  --color-primary-darker: #000000;
  --color-primary-darkest: #000000;
  --color-primary-light: #e6e6e6;
  --color-promo: #1e1e1e;
  --color-success: #e6e6e6;
  --color-success-contrast: #1e1e1e;
  --color-on-primary-container: #ffffff;
  --color-surface-primary-container: #1e1e1e;   /* подсветка активного инструмента */
  --color-selection: #1e1e1e;
  --button-hover-bg: #ededed;
  --color-surface-high: #ededed;
  --color-surface-mid: #f2f2f2;
  --default-border-color: #cfcfcf;
  --border-radius-md: 0;
  --border-radius-lg: 0;

  --dt-fg: #1e1e1e;
  --dt-bg: #ffffff;
  --dt-line: #cfcfcf;
  --dt-hover: #ededed;
}

/* ---------- палитра: тёмная тема ---------- */
.excalidraw.theme--dark {
  --color-primary: #e6e6e6;
  --color-primary-darker: #ffffff;
  --color-primary-darkest: #ffffff;
  --color-primary-light: #3a3a3a;
  --color-promo: #e6e6e6;
  --color-success: #3a3a3a;
  --color-success-contrast: #e6e6e6;
  --color-on-primary-container: #1e1e1e;
  --color-surface-primary-container: #e6e6e6;
  --color-selection: #e6e6e6;
  --button-hover-bg: #333333;
  --color-surface-high: #333333;
  --color-surface-mid: #2b2b2b;
  --default-border-color: #4a4a4a;

  --dt-fg: #e6e6e6;
  --dt-bg: #232323;
  --dt-line: #4a4a4a;
  --dt-hover: #333333;
}

/* ---------- прямые углы везде ---------- */
.excalidraw .Island,
.excalidraw button,
.excalidraw label,
.excalidraw input,
.excalidraw select,
.excalidraw .excalidraw-button,
.excalidraw .ToolIcon__icon,
.excalidraw .ToolIcon,
.excalidraw .App-toolbar,
.excalidraw .dropdown-menu-item,
.excalidraw .dropdown-menu-container,
.excalidraw .Modal__content,
.excalidraw .Dialog,
.excalidraw .popover,
.excalidraw .library-unit,
.excalidraw .color-picker__button { border-radius: 0 !important; }

/* «Поделиться» уехало в меню слева пунктом «Поделиться ссылкой на доску»,
   а место в правом верхнем углу отдано кнопкам «Фигуры» и «Уроки».
   Кто в комнате - видно по аватаркам слева от кнопок (.UserList). */
.excalidraw .collab-button { display: none !important; }

/* ---------- панель вкладок листов ---------- */
/* центральный блок футера занимает всю доступную ширину */
.excalidraw .layer-ui__wrapper__footer .footer-center {
  flex: 1 1 auto; min-width: 0; width: 100%; justify-content: stretch;
}

.dt-tabs-wrap {
  display: flex; align-items: stretch; width: 100%;
  background: var(--dt-bg); border: 1px solid var(--dt-line);
  pointer-events: all;
}
.dt-tabs {
  display: flex; align-items: stretch; flex: 1 1 auto; min-width: 0; gap: 0;
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none;                 /* полосы нет, прокрутка только колесом */
}
.dt-tabs::-webkit-scrollbar { display: none; }

.dt-tab {
  flex: 1 1 auto; min-width: 64px; max-width: 220px;
  border: 0; border-right: 1px solid var(--dt-line); cursor: pointer;
  font: 500 13px/1 var(--ui-font, Assistant, sans-serif);
  color: var(--dt-fg); background: transparent;
  padding: 9px 8px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.dt-tab:hover { background: var(--dt-hover); }
.dt-tab-close {
  margin-left: 7px; opacity: .65; font-size: 15px; line-height: 1;
  padding: 0 2px;
}
.dt-tab-close:hover { opacity: 1; }
.dt-tab.dt-active { background: var(--dt-fg); color: var(--dt-bg); font-weight: 700; }

.dt-tab-add {
  flex: 0 0 auto; min-width: 0; max-width: none;
  border-right: 0; border-left: 1px solid var(--dt-line);
  font-weight: 700; padding: 9px 14px;
}

/* ---------- свои кнопки в основной панели (клетка, лазер) ---------- */
.excalidraw .App-toolbar__extra-tools-trigger { display: none !important; }
.dt-toolbtn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; margin-left: 2px;
  border: 0; background: transparent; color: var(--dt-fg); cursor: pointer;
}
.dt-toolbtn:hover { background: var(--dt-hover); }
.dt-toolbtn.dt-active { background: var(--dt-fg); color: var(--dt-bg); }
.dt-toolbtn svg { width: 18px; height: 18px; }

/* Штатная библиотека заменена своей панелью */
.excalidraw .sidebar-trigger,
.excalidraw [data-testid="sidebar-trigger"] { display: none !important; }

/* короткое сообщение поверх холста */
.dt-toast {
  position: absolute; left: 50%; bottom: 74px; transform: translate(-50%, 8px);
  background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff);
  font: 500 12px/1 var(--ui-font, Assistant, sans-serif); padding: 9px 14px;
  opacity: 0; pointer-events: none; transition: opacity .15s ease, transform .15s ease; z-index: 7;
}
.dt-toast.dt-toast-on { opacity: 1; transform: translate(-50%, 0); }

/* ---------- лишнее ---------- */
.excalidraw a.dropdown-menu-item { display: none !important; }
/* щит-ссылка на статью о шифровании внизу слева - владельцу не нужна */
.excalidraw a.encrypted-icon { display: none !important; }
.excalidraw a.welcome-screen-menu-item { display: none !important; }
.excalidraw .HintViewer { display: none !important; }
.excalidraw .dropdown-menu-group-title { display: none !important; }

/* ---------- панель фигур (аккордеон по разделам) ---------- */
.dt-panel {
  /* прижата к правому краю, как штатный сайдбар: от верхней панели до вкладок листов */
  position: fixed; top: 0; right: 0; bottom: 0; width: 366px; max-width: 92vw; z-index: 6;
  background: var(--dt-bg, #fff); color: var(--dt-fg, #1e1e1e);
  border-left: 1px solid var(--dt-line, #cfcfcf);
  box-shadow: -2px 0 12px rgba(0, 0, 0, .12);
  display: none; flex-direction: column;
  font: 400 13px/1.35 var(--ui-font, Assistant, sans-serif);
}
.dt-panel.dt-open { display: flex; }

.dt-panel-top {
  display: flex; gap: 0; flex: 0 0 auto;
  border-bottom: 1px solid var(--dt-line, #cfcfcf);
  background: var(--dt-bg, #fff);
}
.dt-panel-search {
  flex: 1 1 auto; min-width: 0; border: 0; background: transparent; color: var(--dt-fg);
  padding: 11px 12px; font-size: 13px; outline: none;
}
.dt-panel-close {
  flex: 0 0 auto; width: 42px; border: 0; border-left: 1px solid var(--dt-line);
  background: transparent; color: var(--dt-fg); font-size: 20px; cursor: pointer;
}
.dt-panel-close:hover { background: var(--dt-hover); }
.dt-panel-body {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden;
  background: var(--dt-bg, #fff);
  /* внизу не залезаем под панель вкладок листов */
  padding-bottom: 64px;
}

.dt-panel-subject {
  padding: 12px 12px 5px; font-size: 11px; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; opacity: .55;
}
.dt-acc { border-bottom: 1px solid var(--dt-line); }
.dt-acc-head {
  display: flex; align-items: center; gap: 8px; width: 100%;
  border: 0; background: transparent; color: var(--dt-fg); cursor: pointer;
  padding: 10px 12px; font-size: 13px; font-weight: 600; text-align: left;
}
.dt-acc-head:hover { background: var(--dt-hover); }
.dt-acc-head span:first-child { flex: 1 1 auto; }
.dt-acc-n { opacity: .5; font-weight: 400; }
.dt-acc-arrow { width: 14px; text-align: center; opacity: .7; }

.dt-acc-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--dt-line, #cfcfcf);
}
.dt-shape {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  border: 0; border-right: 1px solid var(--dt-line, #cfcfcf);
  border-bottom: 1px solid var(--dt-line, #cfcfcf);
  background: var(--dt-bg, #fff); color: var(--dt-fg, #1e1e1e); cursor: pointer;
  padding: 8px 4px 6px;
}
.dt-shape:nth-child(3n) { border-right: 0; }
.dt-shape:hover { background: var(--dt-hover); }
.dt-shape svg { width: 100%; height: 62px; }
.dt-shape { position: relative; min-width: 0; }
.dt-shape span {
  max-width: 100%; font-size: 10px; line-height: 1.2; text-align: center; opacity: .75;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  word-break: break-word;
}

/* мои фигуры */
.dt-my-add {
  display: block; width: calc(100% - 24px); margin: 0 12px 10px;
  border: 1px dashed var(--dt-line, #cfcfcf); background: transparent; color: var(--dt-fg, #1e1e1e);
  padding: 9px 10px; font-size: 12px; cursor: pointer;
}
.dt-my-add:hover { background: var(--dt-hover, #ededed); }
.dt-my-del {
  position: absolute; top: 2px; right: 4px; font-size: 14px; line-height: 1; opacity: .45;
}
.dt-my-del:hover { opacity: 1; }
.dt-flash {
  max-height: 0; overflow: hidden; transition: max-height .15s ease;
  font-size: 12px; text-align: center; background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff);
}
.dt-flash.dt-flash-on { max-height: 40px; padding: 8px 10px; }

/* Когда панель открыта - отодвигаем интерфейс доски, чтобы ничего не пряталось под ней */
/* padding на футере расширял контейнер и панель уезжала за край - только margin */
.excalidraw:has(.dt-panel.dt-open) .layer-ui__wrapper__footer-right,
.excalidraw:has(.dt-panel.dt-open) .footer-center { margin-right: 372px; }
/* Кнопки в углу при открытой панели не двигаем, а убираем совсем: они повторяли
   вкладки самой панели (одни и те же «Фигуры», «Помощник», «Уроки» дважды), а
   сдвинутые влево доезжали до панели инструментов. Панель инструментов сдвигается
   по-прежнему - иначе на узком окне она уходит под панель. */
.excalidraw:has(.dt-panel.dt-open) .dt-topbtn { display: none !important; }
.excalidraw:has(.dt-panel.dt-open) .App-toolbar-container { transform: translateX(-183px); }

/* ---------- кнопка "очистить" над листом ---------- */
.dt-clear-layer { position: absolute; inset: 0; pointer-events: none; z-index: 3; }
.dt-sheet-btns {
  position: absolute; top: 0; left: 0; display: flex; gap: 4px; pointer-events: none;
}
.dt-clear-btn {
  position: relative; pointer-events: all;
  display: flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; padding: 0;
  border: 1px solid var(--dt-line, #cfcfcf);
  background: var(--dt-bg, #fff); color: var(--dt-fg, #1e1e1e);
  cursor: pointer; opacity: .8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.dt-clear-btn svg { width: 15px; height: 15px; }
.dt-clear-btn:hover { opacity: 1; }
.dt-clear-btn:hover { background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff); }

/* ---------- вкладки панели: фигуры / уроки ---------- */
.dt-panel-tabs {
  display: flex; flex: 0 0 auto; border-bottom: 1px solid var(--dt-line, #cfcfcf);
  background: var(--dt-bg, #fff);
}
.dt-panel-tab {
  flex: 1 1 auto; border: 0; border-right: 1px solid var(--dt-line, #cfcfcf);
  background: transparent; color: var(--dt-fg, #1e1e1e); cursor: pointer;
  padding: 11px 8px; font-size: 13px; font-weight: 600;
}
.dt-panel-tab:hover { background: var(--dt-hover, #ededed); }
.dt-panel-tab.dt-active { background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff); }

/* ---------- архив уроков ---------- */
.dt-save-box { padding: 12px; border-bottom: 1px solid var(--dt-line, #cfcfcf); }
.dt-lesson-name {
  width: 100%; box-sizing: border-box; margin-bottom: 8px;
  border: 1px solid var(--dt-line, #cfcfcf); background: transparent; color: var(--dt-fg, #1e1e1e);
  padding: 9px 10px; font-size: 13px; outline: none;
}
.dt-lesson-save {
  width: 100%; border: 0; background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff);
  padding: 10px; font-size: 13px; font-weight: 600; cursor: pointer;
}
.dt-lesson-save:hover { opacity: .85; }
.dt-save-hint { margin-top: 7px; font-size: 11px; opacity: .55; text-align: center; }

.dt-lesson-row {
  position: relative; display: flex; align-items: center; gap: 8px; cursor: pointer;
  padding: 10px 30px 10px 12px; border-bottom: 1px solid var(--dt-line, #cfcfcf);
}
.dt-lesson-row:hover { background: var(--dt-hover, #ededed); }
.dt-lesson-time { flex: 0 0 auto; font-size: 12px; opacity: .6; font-variant-numeric: tabular-nums; }
.dt-lesson-name-cell {
  flex: 1 1 auto; min-width: 0; font-size: 13px; font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dt-lesson-meta { flex: 0 0 auto; font-size: 11px; opacity: .55; }
.dt-lesson-del {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  border: 0; background: transparent; color: var(--dt-fg, #1e1e1e);
  font-size: 15px; line-height: 1; opacity: .4; cursor: pointer; padding: 2px 4px;
}
.dt-lesson-del:hover { opacity: 1; }

.dt-lesson-back {
  display: block; width: 100%; text-align: left; border: 0; background: transparent;
  color: var(--dt-fg, #1e1e1e); padding: 10px 12px 4px; font-size: 12px; cursor: pointer; opacity: .7;
}
.dt-lesson-back:hover { opacity: 1; }
.dt-lesson-head {
  display: flex; flex-direction: column; gap: 2px; padding: 2px 12px 10px;
  font-size: 13px;
}
.dt-lesson-head span { font-size: 11px; opacity: .55; }
.dt-empty { padding: 18px 14px; font-size: 12px; opacity: .6; line-height: 1.5; }

.dt-lesson-open {
  display: block; width: calc(100% - 24px); margin: 4px 12px 8px;
  border: 0; background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff);
  padding: 11px 10px; font-size: 13px; font-weight: 600; cursor: pointer;
}
.dt-lesson-open:hover { opacity: .85; }
.dt-lesson-open.dt-armed { background: #b4231f; color: #fff; }

/* красная кнопка подтверждения - в две строки, без рваного переноса */
.dt-lesson-open.dt-armed { background: #b4231f; color: #fff; line-height: 1.35; }

/* «Фигуры» и «Уроки» в правом верхнем углу, а не в панели инструментов */
.excalidraw .dt-topbtn {
  /* родительский top-right не принимает указатель, кнопке нужно вернуть его явно */
  pointer-events: all;
  display: inline-flex; align-items: center; gap: 7px; margin-right: 8px;
  border: 1px solid var(--dt-line, #cfcfcf); background: var(--dt-bg, #fff); color: var(--dt-fg, #1e1e1e);
  padding: 9px 12px; font: 600 13px/1 var(--ui-font, Assistant, sans-serif); cursor: pointer;
  box-shadow: var(--shadow-island, 0 1px 4px rgba(0,0,0,.12));
}
.excalidraw .dt-topbtn:hover { background: var(--dt-hover, #ededed); }
.excalidraw .dt-topbtn.dt-active { background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff); }
.excalidraw .dt-topbtn svg { width: 17px; height: 17px; }
/* «Помощник» и «Уроки» - одним значком, название остаётся подсказкой */
.excalidraw .dt-topbtn.dt-icon-only { gap: 0; padding: 9px; }
.excalidraw .dt-topbtn.dt-icon-only svg { width: 19px; height: 19px; }

/* очистка всего холста: пока ждём подтверждения - красная */
.dt-clearall-btn.dt-armed { background: #b4231f !important; color: #fff !important; }

/* возврат прежней доски - одна строка вверху вкладки «Уроки» */
.dt-undo {
  display: block; width: 100%; text-align: left; cursor: pointer;
  border: 0; border-bottom: 1px solid var(--dt-line, #cfcfcf);
  background: var(--dt-hover, #ededed); color: var(--dt-fg, #1e1e1e);
  padding: 10px 12px; font-size: 13px;
}
.dt-undo:hover { background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff); }
.dt-undo b { display: block; font-weight: 600; }
.dt-undo span { display: block; margin-top: 2px; font-size: 11px; opacity: .6; }
.dt-undo:hover span { opacity: .8; }


/* «Фигуры» в панели инструментов - рабочая кнопка, а не техническая:
   стоит сразу за штатными инструментами и обведена рамкой, чтобы не искать глазами */
.dt-toolbtn.dt-accent { border: 1px solid var(--dt-fg, #1e1e1e); }
.excalidraw .App-toolbar__divider.dt-divider { align-self: center; }

/* ---------- фигуры в контекстном меню (правая кнопка) ---------- */
.excalidraw .dt-ctx-tools {
  padding: 6px 6px 5px; border-bottom: 1px solid var(--dt-line, #cfcfcf); margin-bottom: 3px;
}
.dt-ctx-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; }
.dt-ctx-btn {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 30px;
  border: 0; background: transparent; color: var(--dt-fg, #1e1e1e); cursor: pointer;
}
.dt-ctx-btn:hover { background: var(--dt-hover, #ededed); }
.dt-ctx-btn.dt-on { background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff); }
.dt-ctx-btn svg { width: 17px; height: 17px; }
.dt-ctx-more {
  display: block; width: 100%; margin-top: 4px; border: 0; background: transparent;
  color: var(--dt-fg, #1e1e1e); cursor: pointer; text-align: left;
  padding: 6px 4px; font: 600 12px/1 var(--ui-font, Assistant, sans-serif);
}
.dt-ctx-more:hover { background: var(--dt-hover, #ededed); }

/* ---------- языки: основные вверху ---------- */
.excalidraw select.dt-lang-native { display: none !important; }

/* ---------- своя справка вместо апстримовской ---------- */
/* Содержимое штатного диалога не удаляем, а прячем: React держит на него ссылки
   и падает, если убрать узлы у него из-под рук. */
.excalidraw .Dialog__content.dt-help-box > *:not(.dt-help) { display: none !important; }
.dt-help { font: 400 13px/1.5 var(--ui-font, Assistant, sans-serif); color: var(--dt-fg, #1e1e1e); }
.dt-help-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0 28px; }
.dt-help h3 {
  margin: 16px 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; opacity: .55;
}
.dt-help-row {
  display: flex; align-items: baseline; gap: 12px; padding: 5px 0;
  border-bottom: 1px solid var(--dt-line, #cfcfcf);
}
.dt-help-row span { flex: 1 1 auto; }
.dt-help-row kbd {
  flex: 0 0 auto; font: 600 11px/1 var(--ui-font, Assistant, sans-serif);
  border: 1px solid var(--dt-line, #cfcfcf); padding: 4px 6px; white-space: nowrap;
}

/* ---------- помощник ---------- */
.dt-ai-box { padding: 12px; border-bottom: 1px solid var(--dt-line, #cfcfcf); }
/* Длинный вопрос уходил в одну строку за правый край: у апстрима есть
   `.excalidraw textarea:not(.excalidraw-wysiwyg) { white-space: nowrap }`, вес тот же,
   и перебить его простым `.dt-ai-q` не выходит - только `!important` (ниже).
   Высоту поля растим под текст до 220px, дальше оно прокручивается само. */
.excalidraw textarea.dt-ai-q { white-space: pre-wrap !important; }
.dt-ai-q {
  width: 100%; box-sizing: border-box; resize: vertical; margin-bottom: 8px;
  border: 1px solid var(--dt-line, #cfcfcf); background: transparent; color: var(--dt-fg, #1e1e1e);
  padding: 9px 10px; font: 400 13px/1.4 var(--ui-font, Assistant, sans-serif); outline: none;
  overflow-wrap: break-word; word-break: break-word;
  overflow-x: hidden; overflow-y: auto; max-height: 220px;
}
.dt-ai-send {
  width: 100%; border: 0; background: var(--dt-fg, #1e1e1e); color: var(--dt-bg, #fff);
  padding: 10px; font-size: 13px; font-weight: 600; cursor: pointer;
}
.dt-ai-send:hover { opacity: .85; }
.dt-ai-send:disabled { opacity: .45; cursor: default; }
.dt-ai-hint { margin-top: 7px; font-size: 11px; opacity: .55; line-height: 1.4; }

.dt-ai-card { padding: 11px 12px; border-bottom: 1px solid var(--dt-line, #cfcfcf); }
.dt-ai-qtext { font-size: 12px; opacity: .55; margin-bottom: 5px; }
.dt-ai-atext { font-size: 13px; line-height: 1.45; white-space: pre-wrap; }
.dt-ai-atext.dt-ai-err { color: #b4231f; }
.dt-ai-again {
  display: block; width: 100%; margin-top: 8px; text-align: left;
  border: 1px dashed var(--dt-line, #cfcfcf); background: transparent; color: var(--dt-fg, #1e1e1e);
  padding: 7px 9px; font-size: 12px; cursor: pointer;
}
.dt-ai-again:hover { background: var(--dt-hover, #ededed); }

/* три вкладки вместо двух - подписи мельче, иначе не влезают */
.dt-panel-tab { font-size: 12px; padding: 11px 4px; }

/* активный инструмент в контекстном меню: рамка, а не заливка.
   Заливкой чёрным иконка сливалась с фоном - на скриншоте владельца её не видно.
   Селектор с .excalidraw: у апстрима есть своё правило .context-menu button. */
.excalidraw .context-menu .dt-ctx-btn { color: var(--dt-fg, #1e1e1e); }
.excalidraw .dt-ctx-btn.dt-on {
  background: transparent; color: var(--dt-fg, #1e1e1e);
  box-shadow: inset 0 0 0 2px var(--dt-fg, #1e1e1e);
}

/* ---------- помощник: очистка, удаление записи, свежий ответ ---------- */
.dt-ai-wipe {
  display: block; width: 100%; text-align: left; cursor: pointer;
  border: 0; border-bottom: 1px solid var(--dt-line, #cfcfcf);
  background: transparent; color: var(--dt-fg, #1e1e1e);
  padding: 9px 12px; font-size: 12px; opacity: .7;
}
.dt-ai-wipe:hover { background: var(--dt-hover, #ededed); opacity: 1; }
.dt-ai-wipe.dt-armed { background: #b4231f; color: #fff; opacity: 1; font-weight: 600; }

.dt-ai-card { position: relative; padding-right: 30px; }
.dt-ai-del {
  position: absolute; right: 6px; top: 8px;
  border: 0; background: transparent; color: var(--dt-fg, #1e1e1e);
  font-size: 15px; line-height: 1; opacity: .35; cursor: pointer; padding: 2px 4px;
}
.dt-ai-del:hover { opacity: 1; }

/* свежий ответ: в длинной переписке иначе не найти, где новое */
.dt-ai-card.dt-ai-last { background: var(--dt-hover, #ededed); }
.dt-ai-card.dt-ai-last .dt-ai-atext { font-weight: 600; }
.dt-ai-card.dt-ai-last .dt-ai-again { border-color: var(--dt-fg, #1e1e1e); }