/* Кабинет в трёх видах (слово владельца 20.10, ватман https://claude.ai/artifact/AZBWQNvJBe4LVtckiMkHMR):
   разделы, таблицы и кнопки те же — меняется «одежда». Токены --sk-* — office-shared-skin.css, вид — html[data-skin]
   (cookie gm_skin, общий с сайтом GM). А «Тихий» — белый лист и линии; Б «Витрина» — блоки карточками на сером;
   В «Табло» — плотнее, шапка таблицы на сером. Подключать последним. */

/* А · Тихий — белый лист, без серых полос */
html[data-skin="a"] .filters,
html[data-skin="a"] .otl { background: var(--sk-page-bg); }

/* Б · Витрина — Таймлайн, финансы и список машин — белыми карточками на сером */
html[data-skin="b"] .filters { background: transparent; border-bottom: 0; }
html[data-skin="b"] .otl,
html[data-skin="b"] .finance-panel,
html[data-skin="b"] .table-wrap {
  background: var(--sk-card);
  border: 0;
  border-radius: var(--sk-r-box);
  box-shadow: var(--sk-shadow);
  margin: 0 max(12px, env(safe-area-inset-right, 0px)) 14px max(12px, env(safe-area-inset-left, 0px));
}
html[data-skin="b"] .table-wrap { padding-top: 10px; padding-bottom: 16px; }

/* В · Табло — плотнее, шапка таблицы на сером, выбранная строка — голубым */
html[data-skin="c"] .filters { background: var(--sk-card); }
html[data-skin="c"] .otl { background: var(--sk-card); }
html[data-skin="c"] .table-wrap { background: var(--sk-card); padding-top: 0; }
html[data-skin="c"] .cars-table thead th { background: var(--sk-head); }
html[data-skin="c"] .cars-table tbody td { padding-top: 5px; padding-bottom: 5px; }
html[data-skin="c"] .cars-table tbody tr:hover td { background: var(--sk-row-h); }

/* Телефон: строка фильтров кабинета пустая (логотип и «Выйти» — в шапке, разделы — в нижнем меню) — не занимать место */
html.office-phone body.has-gmh .filters { display: none; }