/* Единый стиль ПУСК (эскизы 15.10.2026, согласовано с Анной).
   Подключается ПОСЛЕДНИМ на всех страницах — из _control_banner.html.
   Шаг 1: значки, цвета статусов, аватарки. */

:root {
  /* статусы: один смысл — один цвет (текст / фон) */
  --st-danger: #b42318;   --st-danger-bg: #fdf0ee;   /* просрочено, высокий приоритет, счётчики */
  --st-warn: #8c5a0e;     --st-warn-bg: #faf4e8;     --st-warn-dot: #c9a227; /* скоро срок */
  --st-ok: #2f7d55;       --st-ok-bg: #edf7f1;       /* готово */
  --st-work: #137f79;     --st-work-bg: #e4f2f1;     /* в работе */
  --st-court: #4a3ca6;    --st-court-bg: #f4f3fe;    /* суд */
  --st-new: #7a828a;      --st-new-bg: #f2efe9;      /* новое */

  /* прежние имена — на те же значения, чтобы старые страницы совпали */
  --alert: var(--st-danger);
  --text-danger: var(--st-danger);
  --bg-danger-subtle: var(--st-danger-bg);
  --warn: var(--st-warn);
  --text-warning: var(--st-warn);
  --bg-warning-subtle: var(--st-warn-bg);
  --ok: var(--st-ok);
  --bg-success-subtle: var(--st-ok-bg);
  --red: var(--st-danger);

  /* цвета аватарок: тёмный / светлый */
  --tone-teal: #137f79;  --tone-teal-bg: #e4f2f1;
  --tone-steel: #2f6470; --tone-steel-bg: #e5eef0;
  --tone-burg: #8e2a43;  --tone-burg-bg: #f6ebee;
  --tone-graph: #4a4740; --tone-graph-bg: #eeebe6;
  --tone-pine: #2f6b4f;  --tone-pine-bg: #e7f0eb;
  --tone-brown: #7a5230; --tone-brown-bg: #f3ece4;
  --tone-slate: #56606a; --tone-slate-bg: #ebedef;
  --tone-plum: #574a84;  --tone-plum-bg: #eeebf4;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --st-danger: #f4a5a0; --st-danger-bg: #3a1f1d;
    --st-warn: #e8c27a;   --st-warn-bg: #362b17;
    --st-ok: #8fd3ad;     --st-ok-bg: #1c3226;
    --st-work: #4fd1c3;   --st-work-bg: #1e3432;
    --st-court: #b6acf2;  --st-court-bg: #2a2547;
    --st-new: #a9b0b7;    --st-new-bg: #2a2c2f;
  }
}

/* ---------- значки ---------- */
.ui-ic {
  display: inline-block; flex: none; vertical-align: -0.2em;
  fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round;
}
.ui-ic-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; padding: 0; border: 0; border-radius: 8px;
  background: transparent; color: var(--text-secondary, #5c5953); cursor: pointer;
}
.ui-ic-btn:hover { background: rgba(0,0,0,.05); color: var(--text-primary, #191a1c); }
.ui-ic-btn.is-danger:hover { color: var(--st-danger); background: var(--st-danger-bg); }
.ui-ic-btn.is-on { color: #c9a227; }
.ui-ic-btn.is-on .ui-ic { fill: currentColor; }

/* ---------- аватарки ---------- */
.ui-av {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 700;
  letter-spacing: .02em; line-height: 1; vertical-align: middle;
  color: var(--av-fg); background: var(--av-bg);
}
.ui-av--person { border-radius: 50%; color: #fff; background: var(--av-fg); }
.ui-av--ent { border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }
.ui-av--ent.is-strong { color: #fff; background: var(--av-fg); box-shadow: none; }
.ui-av--xs { width: 16px; height: 16px; font-size: 7px; border-radius: 5px; }
.ui-av--person.ui-av--xs { border-radius: 50%; }
.ui-av--sm { width: 22px; height: 22px; font-size: 9px; }
.ui-av--ent.ui-av--sm { border-radius: 6px; }
.ui-av--md { width: 28px; height: 28px; font-size: 12px; }
.ui-av--lg { width: 36px; height: 36px; font-size: 14px; border-radius: 10px; }
.ui-av--person.ui-av--lg { border-radius: 50%; }
.ui-av--xl { width: 56px; height: 56px; font-size: 22px; border-radius: 14px; }
.ui-av--person.ui-av--xl { border-radius: 50%; }

.tone-teal  { --av-fg: var(--tone-teal);  --av-bg: var(--tone-teal-bg); }
.tone-steel { --av-fg: var(--tone-steel); --av-bg: var(--tone-steel-bg); }
.tone-burg  { --av-fg: var(--tone-burg);  --av-bg: var(--tone-burg-bg); }
.tone-graph { --av-fg: var(--tone-graph); --av-bg: var(--tone-graph-bg); }
.tone-pine  { --av-fg: var(--tone-pine);  --av-bg: var(--tone-pine-bg); }
.tone-brown { --av-fg: var(--tone-brown); --av-bg: var(--tone-brown-bg); }
.tone-slate { --av-fg: var(--tone-slate); --av-bg: var(--tone-slate-bg); }
.tone-plum  { --av-fg: var(--tone-plum);  --av-bg: var(--tone-plum-bg); }

/* прежние кружки сотрудников — та же форма и те же цвета */
.pusk-tasks-avatar[class*="tone-"], .who-dot[class*="tone-"], .pusk-kanban-avatar[class*="tone-"] {
  background: var(--av-fg) !important; color: #fff !important; border-radius: 50% !important;
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif !important; font-weight: 700 !important;
}
.pusk-kanban-avatar, .pusk-mob-avatar { border-radius: 50%; font-family: -apple-system, "Segoe UI", Roboto, sans-serif; }

/* выбор значка в шапке карточки */
.ui-avpick { position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; }
.ui-avpick > summary { list-style: none; cursor: pointer; border-radius: 10px; }
.ui-avpick > summary::-webkit-details-marker { display: none; }
.ui-avpick > summary:hover .ui-av { outline: 2px solid var(--st-work-bg); outline-offset: 2px; }
.ui-avpick-pop {
  position: absolute; z-index: 60; top: calc(100% + 6px); left: 0; width: min(420px, 92vw);
  background: var(--bg-surface, #fff); border: 1px solid var(--border-default, #eae6de);
  border-radius: 12px; padding: 12px 14px; box-shadow: 0 12px 32px rgba(0,0,0,.14);
  font-size: 13px; text-align: left;
}
.ui-avpick-h { margin: 4px 0 6px; font-size: 12px; color: var(--text-secondary, #5c5953); font-weight: 600; }
.ui-avpick-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 4px; }
.ui-avpick-opt { display: flex; align-items: center; gap: 6px; padding: 5px 6px; border-radius: 8px; cursor: pointer; line-height: 1.2; }
.ui-avpick-opt em { font-style: normal; }
.ui-avpick-opt:hover { background: rgba(0,0,0,.04); }
.ui-avpick input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.ui-avpick-opt:has(input:checked) { background: var(--st-work-bg); color: var(--st-work); }
.ui-avpick-tones { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ui-avpick-tones label { cursor: pointer; border-radius: 7px; padding: 2px; }
.ui-avpick-tones label:has(input:checked) { box-shadow: 0 0 0 2px var(--st-work); }
.ui-avpick-tones .ui-av--xs { width: 22px; height: 22px; border-radius: 6px; }
.ui-avpick-auto { font-size: 12px; padding: 3px 6px; display: inline-block; }
.ui-avpick-btns { display: flex; justify-content: flex-end; margin-top: 10px; }

.ui-title-row { display: flex; align-items: center; gap: 12px; }
.ui-title-row > h1 { margin: 0 !important; }
.ui-title-row .ui-avpick { margin: 0; }
.m-contact-head .ui-avpick { margin: 0 auto 6px; display: block; width: max-content; }
.m-contact-head .ui-avpick .ui-av { width: 64px; height: 64px; border-radius: 16px; }
.m-contact-head .ui-avpick .ui-av .ui-ic { width: 34px; height: 34px; }
.m-contact-head .ui-avpick-pop { left: 50%; transform: translateX(-50%); }

/* аватарка в строке списка */
.ui-row-av { display: inline-flex !important; align-items: center; gap: 8px; min-width: 0; }
.ui-av { display: inline-flex !important; }
.ui-ic { display: inline-block !important; }

/* ---------- цвета статусов: старые классы на общие цвета ---------- */
.pusk-tasks-late-badge { color: var(--st-danger) !important; background: var(--st-danger-bg) !important; }
body .pusk-tasks-pri.is-high .pusk-tasks-pri-dot { background: var(--st-danger) !important; }
body .pusk-tasks-pri.is-medium .pusk-tasks-pri-dot { background: var(--st-warn-dot) !important; }
body .pusk-tasks-pri.is-low .pusk-tasks-pri-dot { visibility: hidden; }
.pusk-kanban-badge.is-warn { color: var(--st-warn) !important; background: var(--st-warn-bg) !important; }
.pusk-kanban-badge.is-court { color: var(--st-court) !important; background: var(--st-court-bg) !important; }
.tabbar .tab-n { background: var(--st-danger) !important; }
.ios-badge.is-call { background: var(--st-court-bg); color: var(--st-court); }
.ios-badge.is-mail, .ios-badge.is-green { background: var(--st-ok-bg); color: var(--st-ok); }
.ios-badge.is-req { background: var(--st-warn-bg); color: var(--st-warn); }
.ios-badge.is-red { background: var(--st-danger-bg); color: var(--st-danger); }

.ui-avpick > summary::before, .ui-avpick > summary::after { content: none !important; display: none !important; }

/* =====================================================================
   ЕДИНАЯ ШАПКА СТРАНИЦЫ, ПАНЕЛЬ И ВКЛАДКИ (15.10.2026)
   Ряд B: слева назад + заголовок 26/700 + счётчик 14px; справа все действия
   в одну строку 36px, главная бирюзовая — последней. Ряд C: вид, поиск,
   отборы слева; навигация справа. Только компьютер (body:not(.m-app)).
   ===================================================================== */
:root { --ph-teal: #168f89; --ph-border: var(--border-default, #eae6de); }

html body:not(.m-app) :is(.ui-ph, .pusk-cal-head, .pusk-cases-topbar-figma, .pusk-feed-head,
  .pusk-mail-head, .pusk-planner-head, .reg-head, .rg-top, .pusk-case-dossier-head) {
  display: flex !important; flex-direction: row !important; align-items: center !important;
  justify-content: space-between; flex-wrap: nowrap !important; gap: 12px; margin: 0 0 12px;
}
html body:not(.m-app) .pusk-case-dossier-head { align-items: flex-start !important; }
html body:not(.m-app) :is(.ui-ph-left, .pusk-cal-head-text, .reg-title, .pusk-planner-title-row, .pc-ph-left) {
  display: flex; align-items: baseline; gap: 10px; min-width: 0; flex-wrap: wrap;
}
html body:not(.m-app) .pc-ph-left { flex-direction: column; align-items: flex-start; gap: 2px; }
html body:not(.m-app) .pc-ph-left > p { margin: 0; }
html body:not(.m-app) :is(.ui-ph, .pusk-cal-head, .pusk-cases-topbar-figma, .pusk-feed-head,
  .pusk-mail-head, .pusk-planner-head, .reg-head, .rg-top, .pusk-case-dossier-head) h1,
html body:not(.m-app) .ui-ph-title,
html body:not(.m-app) main > h1 {
  font-size: 26px !important; font-weight: 700 !important; line-height: 1.2; margin: 0 !important; letter-spacing: 0;
}
html body:not(.m-app) main > h1 { margin: 0 0 12px !important; }
html body:not(.m-app) .pusk-cases-topbar-figma > h1 { margin-right: auto !important; }
html body:not(.m-app) :is(.ui-ph-sub, .reg-sub, .rg-sub, .pusk-planner-title-count, .pusk-feed-sync-sources) {
  font-size: 14px !important; color: var(--text-secondary, #7a746a); font-weight: 400;
}
html body:not(.m-app) .ui-ph-back { color: var(--text-secondary, #7a746a); align-self: center; }

/* правая сторона: одна строка */
html body:not(.m-app) :is(.ui-ph-actions, .reg-actions, .pusk-mail-head-actions, .pusk-planner-head-actions,
  .pusk-case-dossier-actions, .rg-top > .sp) {
  display: flex !important; flex-direction: row !important; align-items: center; flex-wrap: nowrap !important;
  gap: 8px; margin: 0 0 0 auto !important; flex: none;
}
html body:not(.m-app) :is(.ui-ph-actions, .reg-actions, .pusk-mail-head-actions, .pusk-planner-head-actions,
  .pusk-case-dossier-actions, .rg-top > .sp, .pusk-cases-topbar-figma) > :is(form, details) { margin: 0 !important; }
/* главная кнопка — всегда последней */
html body:not(.m-app) :is(.ui-ph-actions, .reg-actions, .pusk-mail-head-actions, .pusk-planner-head-actions,
  .pusk-case-dossier-actions, .rg-top > .sp, .pusk-cases-topbar-figma)
  > :is(.today-primary, .ui-btn--primary, :has(> .today-primary), :has(> .ui-btn--primary)) { order: 99; }

/* кнопки шапки: 36px, радиус 8, 14px */
.ui-btn,
html body:not(.m-app) :is(.ui-ph, .pusk-cal-head, .pusk-cases-topbar-figma, .pusk-feed-head, .pusk-mail-head,
  .pusk-planner-head, .reg-head, .rg-top, .pusk-case-dossier-head)
  :is(.today-outline, .today-primary, .pusk-print-btn, .pusk-cases-refresh-btn, .rg-btn, .btn-plain, .ui-btn) {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px;
  height: 36px !important; min-height: 36px; padding: 0 14px !important; box-sizing: border-box;
  border-radius: 8px !important; font-size: 14px !important; line-height: 1; white-space: nowrap;
  background: #fff; border: 1px solid var(--ph-border) !important; color: var(--text-primary, #23211d);
  font-weight: 600; text-decoration: none; cursor: pointer; width: auto !important; margin: 0;
}
.ui-btn--primary,
html body:not(.m-app) :is(.ui-ph, .pusk-mail-head, .pusk-planner-head, .reg-head, .rg-top, .pusk-case-dossier-head)
  :is(.today-primary, .ui-btn--primary, .rg-btn.pri) {
  background: var(--ph-teal) !important; border-color: var(--ph-teal) !important; color: #fff !important; font-weight: 600;
}
.ui-btn:hover { border-color: #d6d0c4; }
.ui-btn--primary:hover { filter: brightness(.95); }
html body:not(.m-app) :is(.ui-ph, .reg-head, .rg-top) summary.today-outline { list-style: none; }

.ui-ph-note, html body:not(.m-app) .page-sub.ui-ph-note {
  font-size: 13px !important; color: var(--text-secondary, #7a746a); margin: -4px 0 12px !important; max-width: none;
}

/* ряд C: панель */
.ui-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; flex-wrap: nowrap; }
.ui-toolbar-left, .ui-toolbar-right { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; }
.ui-toolbar-right { margin-left: auto; flex: none; }
.ui-toolbar .ui-search { position: relative; display: inline-flex; align-items: center; }
.ui-toolbar .ui-search .ui-ic { position: absolute; left: 10px; color: var(--text-secondary, #7a746a); }
.ui-toolbar .ui-search input { height: 36px; padding-left: 32px; border-radius: 8px; }
html body:not(.m-app) .pusk-cal-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }

@media (max-width: 760px) {
  html body:not(.m-app) :is(.ui-ph, .pusk-cal-head, .pusk-cases-topbar-figma, .pusk-feed-head, .pusk-mail-head,
    .pusk-planner-head, .reg-head, .rg-top, .pusk-case-dossier-head, .ui-toolbar, .pusk-cal-toolbar),
  html body:not(.m-app) :is(.ui-ph-actions, .reg-actions, .pusk-mail-head-actions, .pusk-planner-head-actions,
    .pusk-case-dossier-actions, .rg-top > .sp, .ui-toolbar-left, .ui-toolbar-right) { flex-wrap: wrap !important; }
}

/* верхняя полоса: поиск и кнопки 40px, радиус 10, одна линия */
html body:not(.m-app) .today-topbar { display: flex; align-items: center; }
html body:not(.m-app) .today-top-actions { display: flex; align-items: center; gap: 8px; }
html body:not(.m-app) .today-global-search {
  height: 40px !important; min-height: 40px; border-radius: 10px !important; box-sizing: border-box;
  display: flex; align-items: center; margin: 0;
}
html body:not(.m-app) .today-global-search input { height: 38px; line-height: 38px; }
html body:not(.m-app) .today-top-actions :is(.pusk-sync-btn, .today-create, .crm-notification-bell, .today-user-button) {
  height: 40px !important; min-height: 40px; border-radius: 10px !important; box-sizing: border-box;
  display: inline-flex !important; align-items: center; justify-content: center; margin: 0;
}
html body:not(.m-app) .today-top-actions :is(.crm-notification-bell, .today-user-button) { width: 40px !important; padding: 0 !important; }

/* ---------- вкладки: (1) подчёркнутые — разделы и карточки ---------- */
html body:not(.m-app) :is(.pusk-ws-tabs, .tabs, .page-tabs, .pusk-case-tabs, .rg-tabs, .rg-tabbar, .qc-tabs,
  .pusk-mail-tabs, .correspondence-tabs, .oa-tabs, .as-tabs, .mc-tabs, .pusk-logic-tabs, .logic-journal-tabs,
  .reg-chips.ov-tabs, .reg-chips.fd-tabs) {
  display: flex !important; flex-wrap: nowrap !important; gap: 20px !important; overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none; border: 0 !important; border-bottom: 1px solid var(--ph-border) !important;
  border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  padding: 0 !important; margin: 0 0 14px; align-items: stretch;
}
html body:not(.m-app) :is(.pusk-ws-tabs, .tabs, .page-tabs, .pusk-case-tabs, .rg-tabs, .rg-tabbar, .qc-tabs,
  .pusk-mail-tabs, .correspondence-tabs, .oa-tabs, .as-tabs, .mc-tabs, .pusk-logic-tabs, .logic-journal-tabs,
  .reg-chips.ov-tabs, .reg-chips.fd-tabs)::-webkit-scrollbar { display: none; }
html body:not(.m-app) :is(.pusk-ws-tabs, .tabs, .page-tabs, .pusk-case-tabs, .rg-tabs, .rg-tabbar, .qc-tabs,
  .pusk-mail-tabs, .correspondence-tabs, .oa-tabs, .as-tabs, .mc-tabs, .pusk-logic-tabs, .logic-journal-tabs,
  .reg-chips.ov-tabs, .reg-chips.fd-tabs) > :is(a, button) {
  display: inline-flex !important; align-items: center; gap: 6px; height: 36px !important; padding: 0 !important;
  margin: 0 0 -1px !important; flex: none; white-space: nowrap; font-size: 14px !important; font-weight: 400 !important;
  color: var(--text-secondary, #7a746a) !important; background: transparent !important; border: 0 !important;
  border-bottom: 2px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none;
}
html body:not(.m-app) :is(.pusk-ws-tabs, .tabs, .page-tabs, .pusk-case-tabs, .rg-tabs, .rg-tabbar, .qc-tabs,
  .pusk-mail-tabs, .correspondence-tabs, .oa-tabs, .as-tabs, .mc-tabs, .pusk-logic-tabs, .logic-journal-tabs,
  .reg-chips.ov-tabs, .reg-chips.fd-tabs) > :is(.on, .is-active, .active, [aria-current="page"], [aria-selected="true"]) {
  color: var(--text-primary, #23211d) !important; font-weight: 600 !important; border-bottom-color: var(--ph-teal) !important;
}
/* подвкладки второго уровня: 13px, без нижней линии */
html body:not(.m-app) :is(.pusk-ws-tabs, .tabs, .page-tabs) ~ :is(.tabs, .page-tabs),
html body:not(.m-app) .pusk-case-panel :is(.tabs, .page-tabs) { border-bottom: 0 !important; gap: 16px !important; }
html body:not(.m-app) :is(.pusk-ws-tabs, .tabs, .page-tabs) ~ :is(.tabs, .page-tabs) > :is(a, button),
html body:not(.m-app) .pusk-case-panel :is(.tabs, .page-tabs) > :is(a, button) { font-size: 13px !important; height: 32px !important; }

/* ---------- (2) переключатель вида — сегменты ---------- */
html body:not(.m-app) :is(.pusk-cal-view-links, .pusk-planner-view-toggle, .pusk-today-view-toggle, .rec-chips, .ui-seg) {
  display: inline-flex !important; flex-wrap: nowrap !important; align-items: center; gap: 2px !important;
  height: 32px; padding: 2px !important; box-sizing: border-box; background: #f2efe9 !important;
  border: 0 !important; border-radius: 8px !important; box-shadow: none !important; flex: none;
}
html body:not(.m-app) :is(.pusk-cal-view-links, .pusk-planner-view-toggle, .pusk-today-view-toggle, .rec-chips, .ui-seg) > :is(a, button) {
  display: inline-flex !important; align-items: center; gap: 4px; height: 28px !important; padding: 0 12px !important;
  border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important;
  font-size: 13px !important; font-weight: 600; color: var(--text-secondary, #7a746a) !important; white-space: nowrap; text-decoration: none;
}
html body:not(.m-app) :is(.pusk-cal-view-links, .pusk-planner-view-toggle, .pusk-today-view-toggle, .rec-chips, .ui-seg)
  > :is(.on, .is-active, .active, [aria-current="page"], [aria-pressed="true"]) {
  background: #fff !important; color: var(--text-primary, #23211d) !important; font-weight: 600;
  box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 0 0 .5px rgba(0,0,0,.04) !important;
}

/* «В избранное» в пути страницы — прозрачная кнопка-значок, как везде */
.crumbs .crumb-pin .pin { width: 28px; height: 28px; padding: 0; border: 0 !important; border-radius: 8px;
  background: transparent !important; color: var(--text-secondary, #5c5953); display: inline-flex; align-items: center; justify-content: center; }
.crumbs .crumb-pin .pin:hover { background: rgba(0,0,0,.05) !important; color: var(--text-primary, #191a1c); }
.crumbs .crumb-pin .pin.on, .crumbs .crumb-pin .pin.is-on { color: var(--st-work); }
.crumbs .crumb-pin .pin.on .ui-ic, .crumbs .crumb-pin .pin.is-on .ui-ic { fill: currentColor; }

/* Суды и дела: название слева; поиск, действия и «Добавить дело» — справа в одну строку */
body:not(.m-app) .pusk-cases-topbar-figma { display: flex !important; align-items: center; gap: 8px; flex-wrap: nowrap; }
body:not(.m-app) .pusk-cases-topbar-figma > h1 { order: 0; margin: 0 auto 0 0 !important; white-space: nowrap; flex: none; }
body:not(.m-app) .pusk-cases-topbar-figma > .pusk-cases-head-search { order: 1; flex: 0 1 300px; }
body:not(.m-app) .pusk-cases-topbar-figma > .pusk-cases-refresh-inline,
body:not(.m-app) .pusk-cases-topbar-figma > a.pusk-cases-refresh-btn,
body:not(.m-app) .pusk-cases-topbar-figma > .ps-compact { order: 2; }
body:not(.m-app) .pusk-cases-topbar-figma > .pusk-cases-head-add { order: 3; }
html body:not(.m-app) details.pusk-cases-add-case > summary.pusk-cases-add-btn { display: none !important; }
html body:not(.m-app) details.pusk-cases-add-case:not([open]) { display: none !important; }
@media (max-width: 1100px) { body:not(.m-app) .pusk-cases-topbar-figma { flex-wrap: wrap; } }

/* Карточка клиента: кнопки одной высоты и ширины, текст по центру (просьба Анны 14.10) */
html body:not(.m-app) .pc-client-acts form { display: contents; }
html body:not(.m-app) .pc-client-acts :is(a, button).btn-plain { display: inline-flex !important; align-items: center; justify-content: center;
  min-width: 170px; height: 36px; padding: 0 14px !important; margin: 0 !important; box-sizing: border-box; border-radius: 8px;
  font-size: 14px !important; white-space: nowrap; text-align: center; }
html body .crumbs .crumb-pin .pin { color: var(--text-secondary, #5c5953) !important; box-shadow: none !important; }
html body .crumbs .crumb-pin .pin::before, html body .crumbs .crumb-pin .pin::after { content: none !important; display: none !important; }
html body .crumbs .crumb-pin .pin.on, html body .crumbs .crumb-pin .pin.is-on { color: var(--st-work) !important; }
html body .crumbs .crumb-pin .pin svg.ui-ic { color: var(--text-secondary, #5c5953) !important; stroke: currentColor !important; width: 18px !important; height: 18px !important; background: none !important; border-radius: 0 !important; padding: 0 !important; }
html body .crumbs .crumb-pin .pin { width: 28px !important; height: 28px !important; }
html body .crumbs .crumb-pin .pin.on svg.ui-ic, html body .crumbs .crumb-pin .pin.is-on svg.ui-ic { color: #c9a227 !important; fill: currentColor !important; }
/* части значка всегда берут цвет самого значка (старые правила красили path белым) */
html body svg.ui-ic :is(path, circle, rect, line, polyline) { stroke: inherit !important; display: inline !important; }

/* Журнал событий: строка вида, затем фильтры; фишки — отдельной строкой */
html body:not(.m-app) .fx-views { display: flex; align-items: center; gap: 12px; margin: 4px 0 10px; }
html body:not(.m-app) .fx-views .ui-toolbar-left { display: flex; gap: 12px; flex-wrap: wrap; }
html body:not(.m-app) .ui-seg > a.on { background: #fff; color: var(--text-primary, #191a1c); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
html body:not(.m-app) .fx-filters { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; }
html body:not(.m-app) .fx-filters .fx-search { position: relative; display: inline-flex; align-items: center; flex: 0 1 320px; }
html body:not(.m-app) .fx-filters .fx-search .ui-ic { position: absolute; left: 10px; color: var(--text-secondary, #5c5953); pointer-events: none; }
html body:not(.m-app) .fx-filters .fx-search input { width: 100%; padding-left: 32px !important; height: 36px; }
html body:not(.m-app) .fx-filters select { height: 36px; }
html body:not(.m-app) .fx-filters .fx-chips { flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: 6px; order: 10; }
html body:not(.m-app) .fx-ph .fx-upd { margin-right: 4px; }

/* Меню «ещё» у строки: все пункты одного вида — значок + подпись, одна высота */
html body .ovx-menu > :is(a, form > button, details > summary) { display: flex !important; align-items: center; gap: 10px; width: 100%;
  min-height: 36px; padding: 0 12px !important; margin: 0 !important; border: 0 !important; border-radius: 8px; background: none !important;
  font: inherit; font-size: 14px !important; font-weight: 400 !important; color: var(--text-primary, #191a1c) !important;
  text-decoration: none !important; text-align: left; cursor: pointer; box-shadow: none !important; list-style: none; }
html body .ovx-menu > form { margin: 0; }
html body .ovx-menu > :is(a, form > button, details > summary):hover { background: #f6f4ef !important; }
html body .ovx-menu > details > summary::-webkit-details-marker { display: none; }
html body .ovx-menu > details > summary::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(-45deg); opacity: .5; }
html body .ovx-menu > details[open] > summary::after { transform: rotate(45deg); }
html body .ovx-menu > details[open] > .ovx-form { padding: 4px 12px 10px 38px; }
html body .ovx-menu .ui-ic { color: var(--text-secondary, #5c5953); flex: none; }
html body .ovx-menu > form:last-child > button { color: var(--st-danger) !important; }
html body .ovx-menu > form:last-child > button .ui-ic { color: var(--st-danger); }

/* Задачи списком: строка вида, короткая подсказка, быстрое добавление одной строкой */
html body:not(.m-app) .tk-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 6px; }
html body:not(.m-app) .tk-toolbar .ui-toolbar-left { display: flex; gap: 12px; flex-wrap: wrap; }
html body:not(.m-app) .tk-quick { display: flex; gap: 8px; align-items: center; margin: 10px 0 14px; flex-wrap: wrap; }
html body:not(.m-app) .tk-quick input[name=title] { flex: 1 1 320px; }
html body:not(.m-app) .tk-quick select { flex: 0 1 200px; }
html body:not(.m-app) .ui-more-pop { position: relative; }
html body:not(.m-app) .ui-more-pop > summary { list-style: none; width: 36px; padding: 0 !important; justify-content: center; }
html body:not(.m-app) .ui-more-pop > summary::-webkit-details-marker { display: none; }
html body:not(.m-app) .ui-more-pop > .ovx-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 50; min-width: 300px; background: #fff;
  border: 1px solid var(--border-default, #eae6de); border-radius: 12px; padding: 6px; box-shadow: 0 12px 32px rgba(0,0,0,.14); }
html body:not(.m-app) .ui-ph-note { color: var(--text-secondary, #5c5953); font-size: 13px; margin: 0 0 6px; }

/* Под строкой поиска — без пустой полосы: одинаковый небольшой отступ до вкладок раздела */
html body:not(.m-app) .pusk-worktabs:not(:has(.pwt)) { display: none !important; }
html body:not(.m-app) .pusk-main-pane { padding-top: 8px !important; }
html body:not(.m-app) .pusk-main-pane > .pusk-section-tabs:first-child,
html body:not(.m-app) .pusk-main-pane > .pusk-ws-tabs:first-child { margin-top: 0 !important; }
html body:not(.m-app) .today-topbar { margin-bottom: 0 !important; }
html body:not(.m-app) .today-desktop > .pusk-main-pane, html body:not(.m-app) .today-figma .pusk-main-pane { padding-top: 0 !important; }

/* 15.10 аудит: «Ещё» в строке дела — слева от главной кнопки, главная последней справа */
.ovx-primary>.ovx-more{order:-1}

/* 15.10 аудит: кнопки строки не лежат поверх текста.
   В ячейке таблицы (блоки договоров) — обычным потоком; в карточке расписания
   под кнопки в углу оставлено место и у названия, не только у вида */
td>.row-tools{position:static;justify-content:flex-end}
.pusk-schedule-card.ph-ev .ph-name{padding-right:96px}

/* Кнопки-раскрывашки (summary) — текст по центру по высоте, как у обычных кнопок */
html body summary:is(.today-outline, .today-primary, .ui-btn, .ov-btn, .ghost, .btn, .rg-btn, .pusk-cases-tool-btn) {
  display: inline-flex !important; align-items: center !important; justify-content: center; list-style: none; }
html body summary:is(.today-outline, .today-primary, .ui-btn, .ov-btn, .ghost, .btn, .rg-btn)::-webkit-details-marker { display: none; }
/* Номера страниц и мелкие кнопки — текст ровно по центру (высоту держит сама кнопка, не отступы) */
html body .pusk-cases-pagination > :is(a, span, b) { padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; line-height: 1 !important; }
html body a.ov-btn, html body button.ov-btn { display: inline-flex !important; align-items: center; justify-content: center; line-height: 1.2; }

/* ЕДИНОЕ МЕНЮ «Ещё» по всей программе: пункт = значок + подпись, одна высота, без рамок и чужих маркеров */
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > a, html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > button, html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > form > button, html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > details > summary {
  display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important;
  min-height: 36px !important; height: auto !important; padding: 0 12px !important; margin: 0 !important;
  border: 0 !important; border-radius: 8px !important; background: none !important; box-shadow: none !important;
  font: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important;
  color: var(--text-primary, #191a1c) !important; text-decoration: none !important; text-align: left !important;
  justify-content: flex-start !important; cursor: pointer; list-style: none !important; box-sizing: border-box; }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > a:hover, html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > button:hover, html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > form > button:hover, html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > details > summary:hover { background: #f6f4ef !important; }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > form { margin: 0 !important; padding: 0 !important; display: block !important; width: 100%; }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > details { margin: 0 !important; padding: 0 !important; border: 0 !important; width: 100%; }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > details > summary::-webkit-details-marker { display: none !important; }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > details > summary::marker { content: "" !important; }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) > details > summary::before { content: none !important; display: none !important; }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) .ui-ic { flex: none; color: var(--text-secondary, #5c5953); }
html body :is(.ovx-menu, .pusk-cases-menu-drop, .pk-menu, [role="menu"]) svg :is(path, circle, rect) { stroke: inherit !important; }