/* ==========================================================================
   AVE — ЕДИНОЕ ПРОСТРАНСТВО (решение владельца 04.10).
   Все разделы живут как «Задачи» и «Доски»: никакого окна-карточки со сплошной подложкой — на общем поле
   точек лежат только шапка, подписи колонок и сами элементы (строки, карточки, поля ввода, сообщения).
   Касается «Документов», «Видео» (список и разбор ролика) и «Сообщений»; «Встречи», «Задачи», «Доски»
   уже так устроены. Колонки разделяются тонкой линией, как подписи секций у досок.
   Модальные окна, меню и шторки телефона остаются плотными — это всплывающие поверхности, а не раздел.
   Селекторы с body.ave-root: стили docs-ui.js / video-ui.js вставляются в <head> позже этого файла.
   ========================================================================== */

/* поле точек для полноэкранных разделов телефона (там под разделом нет общего поля — рисуем его же) */
/* Фон общего пространства — на тон темнее основного --bg (владелец 04.10: «всё сливается»): карточки, строки
   и поля разделов теперь отделяются от фона. Сам --bg не трогаем — на нём поля ввода и вложенные поверхности. */
.ave-root { --space-dot: rgba(206, 214, 232, .075); --space-bg: #070809; }
html[data-theme="light"] .ave-root { --space-dot: rgba(60, 64, 82, .13); --space-bg: #e7e7ec; }
body.ave-root { background: var(--space-bg); }

/* ---------------------------------------------------------------- Сообщения */
body.ave-root #dm-pane .dm-stage {
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
  max-width: 1100px; margin: 8px auto 14px;
}
body.ave-root #dm-pane .dm-list-col { background: transparent; border-right-color: var(--line-2); }
body.ave-root #dm-pane .dm-list-head,
body.ave-root #dm-pane .dm-conv-head { border-bottom-color: var(--line-2); }

/* ---------------------------------------------------------------- Документы (компьютер) */
body.ave-root .dc-back.dc-docked .dc-win {
  background: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0 8px;
}
body.ave-root .dc-back.dc-docked .dc-head { border-bottom-color: var(--line-2); }

/* ---------------------------------------------------------------- Видео (компьютер) */
body.ave-root .vd-back.vd-docked > .vd-win,
body.ave-root .vd-back.vd-docked > .vd-rwin {
  background: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0 8px;
}
body.ave-root .vd-back.vd-docked .vd-head { border-bottom-color: var(--line-2); }
body.ave-root .vd-back.vd-docked .vd-folders { border-right-color: var(--line-2); }
body.ave-root .vd-back.vd-docked .vd-rright { background: transparent; border-left-color: var(--line-2); }
/* плеер — тёмный «экран» на поле, как медиа-элемент, а не половина окна */
body.ave-root .vd-back.vd-docked .vd-rleft { border-radius: 14px; margin: 12px 12px 12px 0; }

/* ---------------------------------------------------------------- телефон: раздел во весь экран = поле */
@media (max-width: 760px) {
  body.ave-root .dc-back.dc-phone,
  body.ave-root .vd-back:not(.vd-docked) {
    background-color: var(--space-bg);
    background-image: radial-gradient(circle, var(--space-dot) 1.1px, transparent 1.7px);
    background-size: 34px 34px;
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  body.ave-root .dc-back.dc-phone .dc-win,
  body.ave-root .vd-back:not(.vd-docked) > .vd-win,
  body.ave-root .vd-back:not(.vd-docked) > .vd-rwin { background: transparent; }
  body.ave-root .vd-back:not(.vd-docked) .vd-rright { background: transparent; }
}

/* ---------------------------------------------------------------- Документы: лист для чтения
   Владелец 04.10: текст документа читают долго — под ним нужна сплошная подложка, иначе мешают точки поля.
   Лист — только колонка страницы (чтение и правка); список страниц, обсуждение и шапка остаются на поле. */
body.ave-root .dc-back .dc-main > .dc-doc,
body.ave-root .dc-back .dc-main .mde {
  background: var(--panel); border: 1px solid var(--line-2); border-radius: 14px; margin: 10px 8px 14px;
}
html[data-theme="light"] body.ave-root .dc-back .dc-main > .dc-doc,
html[data-theme="light"] body.ave-root .dc-back .dc-main .mde { box-shadow: 0 1px 4px rgba(20, 20, 30, .06); }
body.ave-root .dc-back .dc-main .mde { overflow: hidden; }
@media (max-width: 760px) {
  body.ave-root .dc-back .dc-main > .dc-doc,
  body.ave-root .dc-back .dc-main .mde { margin: 6px 6px 10px; border-radius: 12px; }
}