/* IAM — элементы управления по дизайн-системе (10.11.2026, проверка целостности, пункт 3).
   Только «Новый» дизайн на ПК с подложкой (html.iam-tray).
   1) Вкладки — один вид на всё приложение: текст заглавными строкой под верхней панелью, как «Активные / Без даты» в Задачах.
      Было: серый сегмент в панели (Фокус, Проект, Воркфлоу) и в странице (Чек-листы). Класс .tb-tabrow ставит 38-topbar.js.
   2) «+» — одна кнопка: белая 28×28 справа в верхней панели, без подписи. Было шесть видов (28 / 40 px, с подписью и без). */

/* 1. вкладки */
:root[data-design="shtab"].iam-tray body.tb-sec-on .tb-tabrow.tb-tabrow {
  position: fixed !important; top: 44px !important; left: 48px !important; right: auto !important; bottom: auto !important; transform: none !important;
  display: flex !important; gap: 20px !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important;
  padding: 10px 0 12px !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; z-index: 30;
}
:root[data-design="shtab"].iam-tray body.tb-sec-on .tb-tabrow.tb-tabrow button {
  height: auto !important; min-height: 0 !important; padding: 4px 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  font: 700 11px var(--iam-round) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: #5d5d62 !important; transition: color .15s;
}
:root[data-design="shtab"].iam-tray body.tb-sec-on .tb-tabrow.tb-tabrow button:hover { color: #a4a4aa !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on .tb-tabrow.tb-tabrow button:is(.on, [aria-pressed="true"], [aria-selected="true"]) { color: #f4f4f2 !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on .tb-tabrow.tb-tabrow button svg { display: none !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on .tb-tabrow.tb-tabrow button:focus-visible { outline: 1.5px solid #5d5d62; outline-offset: 3px; border-radius: 3px !important; }

/* 2. «+» */
:root[data-design="shtab"].iam-tray body.tb-sec-on :is(.sec-add-btn, .fa-plus, .ntb-plus, .ck-plus, .sd-ph-add, .workflow-button[data-wf-add]).tb-in-bar,
:root[data-design="shtab"].iam-tray body.tb-sec-on .tb-in-bar :is(.sec-add-btn, .fa-plus, .ntb-plus, .ck-plus, .sd-ph-add, .workflow-button[data-wf-add]) {
  width: 28px !important; min-width: 28px !important; height: 28px !important; padding: 0 !important; gap: 0 !important; border: 0 !important; border-radius: 8px !important;
  display: inline-grid !important; place-items: center !important; font: 400 18px/1 var(--font-ui) !important; color: #161618 !important;
  background: linear-gradient(180deg, #f4f4f2, #d8d8d4) !important; box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 6px 12px -8px rgba(0,0,0,.8) !important;
}
:root[data-design="shtab"].iam-tray body.tb-sec-on :is(.sd-ph-add, .workflow-button[data-wf-add]) span { display: none !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on :is(.sd-ph-add, .workflow-button[data-wf-add], .ntb-plus, .sec-add-btn) svg { width: 16px !important; height: 16px !important; margin: 0 !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on .sd-ph-add.tb-in-bar { top: 8px !important; }

/* 3. место под строку вкладок: содержимое начинается ниже неё, как список в Задачах */
:root[data-design="shtab"].iam-tray body.tb-sec-on[data-tb-sec="focus"] #fa,
:root[data-design="shtab"].iam-tray body.tb-sec-on[data-tb-sec="checklist"] #ck-b { margin-top: 32px !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on[data-tb-sec="project"] #proj-hero { margin-top: 44px !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on .ck-plus.tb-in-bar { top: 8px !important; }
:root[data-design="shtab"].iam-tray body.tb-sec-on[data-tb-sec="workflow"] #page-workflow.pl-on #pl-a { padding-top: 46px !important; }

/* 4. (10.11, владелец) Календарь: вид и дата — одна капсула «Неделя ⌄» в углу над часами (25-calendar-shtab.js, .ca-vcap).
   Она открывает окно: сверху «День · Неделя · Месяц», ниже — месяц с датами. Вкладки в верхней панели (.tb-seg) не нужны — остаются спрятанными. */
:root[data-design="shtab"].iam-tray #cal-a { position: relative; }
:root[data-design="shtab"].iam-tray #cal-a .ca-vcap {
  position: absolute; z-index: 20; left: 22px; top: 20px; display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 8px 0 12px; border-radius: 10px;
  background: #232326; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); color: #f4f4f2; font: 600 13.5px var(--font-ui); white-space: nowrap; cursor: pointer;
  transition: background .15s cubic-bezier(.2,.8,.2,1);
}
:root[data-design="shtab"].iam-tray #cal-a .ca-vcap:hover { background: #2a2a2e; }
:root[data-design="shtab"].iam-tray #cal-a .ca-vcap svg { width: 14px; height: 14px; color: #77777c; transition: transform .25s cubic-bezier(.2,.8,.2,1); }
:root[data-design="shtab"].iam-tray #cal-a:has(.ca-pop) .ca-vcap svg { transform: rotate(180deg); }
:root[data-design="shtab"].iam-tray #cal-a .ca-vcap:focus-visible { outline: 1.5px solid #5d5d62; outline-offset: 2px; }
/* окно: вкладки вида и месяц — по дизайн-системе */
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-vtabs { display: flex; gap: 18px; padding: 0 4px 14px; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.07); }
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-vtabs button { padding: 4px 0; background: none; border: 0; font: 700 11px var(--iam-round); letter-spacing: .14em; text-transform: uppercase; color: #5d5d62; cursor: pointer; transition: color .15s; }
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-vtabs button:hover { color: #a4a4aa; }
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-vtabs button.on { color: #f4f4f2; }
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-mmh > span { font: 700 16px var(--iam-round) !important; }
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-mmh .ca-ib { border-radius: 8px !important; }
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-mm > span { font: 700 10px var(--iam-round) !important; letter-spacing: .1em !important; color: #77777c !important; }
:root[data-design="shtab"].iam-tray #cal-a .ca-pop .ca-mm > i { border-radius: 10px !important; }
/* месяц: у сетки нет колонки часов — капсула стоит над «ПН», сетка и панель дня опущены под неё */
:root[data-design="shtab"].iam-tray #cal-a[data-v="month"] .ca-main { padding-top: 60px !important; }