@charset "UTF-8";
/* ───────── 30.10.2026 (#139 этап 2, «Финансовый директор»; ответ дизайнера import/redant-dashboard-mockups/from clod-coder/139/answer.md,
   доски Findir-Entry, Findir-OPiU, Findir-States). Только свое для раздела: кнопка «Финансы» и ее шаги в шапке, вторая строка раздела,
   таблица ОПиУ поверх таблицы «Товаров» (products.css #content .pt / .prow / .nm / .gb / .tgb / .sk / .pempty), панель «Операции» (устройство
   панели «Помощника», ai.css #aipanel), заметка меню «Период». Меню, сегменты с плашкой, подсказки #tip, плашки под шапкой, тост — страничные.
   Цвета — числами сайта (restyle.css, products.css, style.css), новых не вводим. ───────── */

/* ── кнопка «Финансы» в первой строке (answer.md п. 3 (а)) ── */
#findirbtn[hidden]{display:none}
#findirbtn .fd-ico{color:#1f4fb8}
/* 30.10.2026 (#211, владелец: «в шапке тоже зачем такое длинное название? пусть будет просто Финансы»): подпись — всегда «Финансы»;
   «Финансовый директор» не показывается ни на какой ширине (шаг @media 1809 и страховка hf0 стали пустыми — пороги ниже не меняются) */
#findirbtn .fd-l{display:none}
/* в разделе — вид «примененного фильтра» кнопки «Каналы» (style.css .chanbtn.flt), начертание прежнее: ширина кнопки не меняется */
#findirbtn.cur{background:#eaf0fb;border-color:#c9d6f0;color:#173c8c}
#findirbtn.cur:hover{background:#e0e9f8;border-color:#b9c9ec}
/* Шаги шапки у учетки с кнопкой (body.fd-acc — app.js applyRole). Учетка без доступа — шаги style.css «шапка 06.10» как прежде.
   Порядок — тот же, что у всех (style.css: «Помощник» → статус → «Еще» → листы), плюс шаги кнопки: подпись «Финансовый директор» → «Финансы»
   первым, «Финансы» значком — после «Еще», разделители первой строки — последним. Пороги дизайнера (доска Findir-Entry, шапка HeaderUnit):
   1919 / 1799 «Еще» / 1679 «Помощник» / 1599 статус / 1519 «Финансы» / 1439 «Товары» / 1365 разделители — замерены на его доске; на сайте шапка
   другая (статус шире, другой порядок шагов), поэтому пороги — по замеру на сайте 30.10.2026 тем же способом, что 19.10 (style.css «[CURRENT]
   19.10.2026»): суперадмин, самое широкое настоящее имя (115 px), лист «Озон медийка», худший статус — полный 264 px / короткий «Обновляю…»
   185 px; естественная ширина первой строки до шага (1793,2 / 1709,2 / 1631,2 / 1552,2 / 1494,2 / 1424,2 / 1340,2 px) + 15, вверх до целого —
   пороги 1809 / 1725 / 1647 / 1568 / 1510 / 1440 / 1356 (на «порог + 1» запас 16,8 px)
   (scratchpad/checks_temp/s139b/measure_fd.py, отчет docs/139/temp/agent_B.md). Со всеми шагами строка 1314 («Обновляю…») / 1288 («с дд.мм»,
   сбора не было > 30 ч) / 1278 («чч:мм») / 1272 («Сбой») — где не помещается (1280–1314 во время сбора кнопкой, 1280–1288 при старом сборе),
   страховка fitHeader сворачивает «Юнит-экономику» в значок (hwux, как у всех на 1280–1296 во время сбора). */
@media (max-width:1809px){body.fd-acc #findirbtn .fd-l{display:none}body.fd-acc #findirbtn .fd-s{display:inline}}   /* «Финансовый директор» → «Финансы» */
@media (max-width:1725px){body.fd-acc #aibtn{width:32px;padding:0;justify-content:center}body.fd-acc #aibtn .ai-lbl{display:none}}   /* «Помощник» — значок */
@media (max-width:1647px){body.fd-acc .bar1 #sync .two{display:none}body.fd-acc .bar1 #sync .ico{display:flex}}   /* статус коротко */
@media (max-width:1568px){body.fd-acc #morebtn{width:32px;padding:0;justify-content:center}body.fd-acc #morebtn .more-lbl,body.fd-acc #morebtn .more-chev{display:none}}   /* «Еще» — значок */
@media (max-width:1510px){body.fd-acc #findirbtn{width:32px;padding:0;justify-content:center}body.fd-acc #findirbtn .fd-s,body.fd-acc #findirbtn .fd-l{display:none}}   /* «Финансы» — значок, подпись — aria-label и data-tip */
@media (max-width:1440px){body.fd-acc #tabs .seg-b{padding:0 10px}body.fd-acc #tabs #prodtab{padding:0 8px}body.fd-acc #tabs #prodtab .pt-lbl{display:none}}   /* листы 12 → 10, «Товары» — значок */
@media (max-width:1356px){body.fd-acc .bar1 > .vsep{display:none}}   /* разделители «| Помощник |» — убрать (шаг дизайнера) */
/* страховки app.js fitHeader (те же правила, что шаги по ширине окна ниже): hf0 — подпись «Финансы», hf1 — только значок 32×32 */
body.fd-acc.hf0 #findirbtn .fd-l{display:none}body.fd-acc.hf0 #findirbtn .fd-s{display:inline}
body.fd-acc.hf1 #findirbtn{width:32px;padding:0;justify-content:center}body.fd-acc.hf1 #findirbtn .fd-s,body.fd-acc.hf1 #findirbtn .fd-l{display:none}
body.fd-acc.hf2 .bar1 > .vsep{display:none}

/* ── вторая строка раздела (body.fd-on — findir.js findirEnterUi): элементы листов уходят, как на «Юнит-экономике» (unit.css); ↶ ↷ и «Показы WB»
   в макете раздела нет — тоже уходят. Остаются «Период» и свое: «₽ | тыс ₽», справа — когда прочитан учет операций ── */
#fdbar{display:none}
body.fd-on #fdbar{display:contents}
body.fd-on .bar2 > .grp.sheetonly,body.fd-on #spendbtn,body.fd-on #colsbtn,body.fd-on #coltip,
body.fd-on .bar2 > #histctl,body.fd-on .bar2 > #wbfsep,body.fd-on .bar2 > #wbfunbtn{display:none}
body.fd-on #yearsel{display:none!important}               /* год листов — не про ОПиУ; период раздела — свой (по умолчанию весь год) */
body.fd-denied .bar2 > *{display:none!important}           /* нет доступа: вторая строка пустая, шапка как у всех (доска Findir-States) */
#fdbar .spacer2{flex-grow:1}
/* источник — вид статуса шапки (.two: 11,5 / 15 px, точка 7 px, цвета состояний restyle.css .sync.ok / .old / .bad), одной строкой */
.fd-src{display:flex;align-items:center;gap:6px;font-size:11.5px;line-height:15px;white-space:nowrap;padding:3px 8px;border-radius:6px;cursor:default}
.fd-src[hidden]{display:none}
.fd-src i{width:7px;height:7px;border-radius:50%;background:#2e9e5b;display:block;flex-shrink:0}
.fd-src .k{color:#8a8e95}
.fd-src .v{color:#33373d;font-variant-numeric:tabular-nums}
.fd-src.old i{background:#d9730d}.fd-src.old .v{color:#8a4b0a}
.fd-src.bad i{background:#c0392b}.fd-src.bad .v{color:#a3261c;font-weight:500}
/* меню «Период» в разделе: заметка под сеткой быстрого выбора (вид .wbf-note — restyle.css), неактивные пункты — .mi[disabled] сайта (restyle.css) */
#fdpernote{display:none}
body.fd-on #fdpernote{display:flex}
.pm-note{margin:6px 10px 2px;gap:6px;align-items:flex-start;font-size:12px;line-height:16px;color:#6f737a}
.pm-note svg{margin-top:1px;flex-shrink:0}
/* подсказки строк с сервера бывают в несколько строк (\n) — переносы видны (answer.md п. 2: новое только это свойство), только в разделе */
body.fd-on #tip{white-space:pre-line}

/* ── таблица ОПиУ: таблица «Товаров» (products.css #content .pt: строки на сетке, прилипают первый столбец и шапка, раскрытие .gb / .tgb,
   «—» .nd, каркас .sk, пустое .pempty). Свое — шапка месяца в две строки, отступ по глубине, итоги, проценты, особые ячейки ── */
#content .pt.fdt .ch{top:0}
#content .pt.fdt .ch > div{cursor:default;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px}
#content .pt.fdt .ch > div:hover{color:#33373d}
#content .pt.fdt .ch > div.nm{flex-direction:row;align-items:center;justify-content:flex-start}
#content .pt.fdt .ch > div small{font-size:11px;font-weight:400;color:#8a8e95}
#content .pt.fdt .ch > div.loss,#content .pt.fdt .ch > div.loss small{color:#a3261c}
#content .pt.fdt .ch > div.cur,#content .pt.fdt .prow > div.cur{background-image:linear-gradient(rgba(28,30,34,.025),rgba(28,30,34,.025))}   /* текущий месяц */
#content .pt.fdt .prow > .nm{padding-left:calc(8px + var(--fdl, 0) * 28px)}
#content .pt.fdt .prow.fr:not(.sec):hover > div{box-shadow:inset 0 0 0 9999px rgba(31,79,184,.045)}   /* наведение — как «Товары» */
#content .pt.fdt .prow > .nm .si{display:flex;flex-shrink:0;margin-right:-2px}
#content .pt.fdt .prow > .nm .si .col-ic{color:#6f737a;opacity:.5}   /* значок источника — как в заголовках столбцов (products.css .ch .col-ic) */
#content .pt.fdt .prow.ftot{background:#f4f4f1;font-weight:600}         /* итоговые строки — вид «Итого» «Товаров», не прилипают */
#content .pt.fdt .prow.ftot > div{height:32px;border-bottom:1px solid #d6d6d0;border-top:1px solid #e0e0da}
#content .pt.fdt .prow.ftot.big > div{font-size:13.5px}                  /* чистая прибыль */
#content .pt.fdt .prow.pc > div{color:#6f737a;font-size:12.5px}          /* процентные строки — серым, без «% от выручки» */
#content .pt.fdt .prow.pc > .nm .tx{color:#33373d}
#content .pt.fdt .prow.fgr > .nm .tx{font-weight:500}
#content .pt.fdt .prow > div.neg{color:#a3261c}                          /* минус — у результатов (прибыль, рентабельность) */
#content .pt.fdt .prow > div.zero{color:#a3a7ad}
#content .pt.fdt .prow > div.badc{background-color:#fbeeec;color:#a3261c;font-weight:500}   /* отрицательный итог — как ДРР выше порога (grid.css .drr-hot) */
#content .pt.fdt .prow > div.ck{cursor:pointer}
#content .pt.fdt .prow > div.sel{box-shadow:inset 0 0 0 2px #1f4fb8 !important;background:#eaf0fb !important;z-index:2}   /* как «Показать в таблице» (grid.css .ai-hl) */
/* расхождение с учетом операций — уголок справа вверху, как «Другая формула в Google-таблице» */
#content .pt.fdt .prow > div.fdf::after{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 7px 7px 0;border-color:transparent #3d6bb3 transparent transparent}
#content .pt.fdt .prow > .fsh{color:#33373d}
#content .pt.fde{width:auto}

/* ── панель «Операции»: устройство панели «Помощника» (ai.css #aipanel): 400 px справа от низа второй строки до низа окна, поверх таблицы,
   появление translateX(16px) 0,2 с (та же анимация aiIn), закрытие мгновенное ── */
#fdops{position:fixed;top:var(--fd-top,100px);right:0;bottom:0;width:400px;background:#ffffff;border-left:1px solid #d9d9d3;box-shadow:-12px 0 32px rgba(20,20,19,.12);
  display:flex;flex-direction:column;overflow:hidden;z-index:20;color:#1c1e22;font-size:13px}
#fdops[hidden]{display:none}
/* пока панель открыта — справа у таблицы запас шириной панели: ячейки под панелью прокручиваются из-под нее (findir.js сам сдвигает выбранную) */
body.fd-ops #content .pt.fdt{margin-right:400px}
#fdops.fo-in{animation:aiIn .2s cubic-bezier(.2,.8,.3,1) both}
#fdops svg{display:block;flex-shrink:0}
#fdops .fo-h{height:44px;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;flex-shrink:0;border-bottom:1px solid #ebebe6}
#fdops .fo-h b{font-size:14px;font-weight:600;flex-grow:1;display:flex;align-items:center;gap:8px}
#fdops .fo-h b svg{color:#1f4fb8}
#fdops .fo-h .btn{color:#6f737a}
#fdops .x-close:not([disabled]):hover{background:#fdecea;color:#8c1d15}   /* как крестик «Столбцов» (columns.css) */
#fdops .fo-b{flex-grow:1;overflow-y:auto;padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px}
#fdops .fo-b > *{flex-shrink:0}
#fdops .oph h3{margin:0;font-size:15px;font-weight:600;line-height:20px}
#fdops .oph .m{font-size:12px;color:#6f737a;margin-top:2px}
#fdops .opsum{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
#fdops .opsum b{font-size:20px;font-weight:600}
#fdops .opsum > span{font-size:12.5px;color:#6f737a}
#fdops .ng{color:#a3261c}
#fdops .srcl{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#8a8e95}
#fdops .srcl .col-ic{opacity:.7}
#fdops .fo-ban{display:flex;gap:10px;align-items:flex-start;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:17px;background:#fff1d6;color:#6f4300}   /* цвета янтарной плашки (restyle.css .ban-amb) */
#fdops .fo-ban svg{margin-top:1px}
#fdops .fo-ban b{font-weight:600}
#fdops .opl{border:1px solid #e4e4df;border-radius:8px;overflow:hidden}
#fdops .opr{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:8px 12px;align-items:start;font-size:12.5px;line-height:17px}
#fdops .opr + .opr{border-top:1px solid #ebebe6}
#fdops .opr .d{color:#6f737a;font-variant-numeric:tabular-nums}
#fdops .opr .w{min-width:0}
#fdops .opr .w b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fdops .opr .w > span{display:block;color:#6f737a;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fdops .opr .a{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
#fdops .opr.th{background:#fafaf8;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#6f737a;font-weight:600;padding:6px 12px}
#fdops .opr.th .a{color:#6f737a}
#fdops .frm{border:1px solid #e4e4df;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-variant-numeric:tabular-nums}
#fdops .fr2{display:flex;justify-content:space-between;gap:12px}
#fdops .fr2 > span{color:#33373d;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fdops .fr2 b{font-weight:500;white-space:nowrap}
#fdops .fr2.eq{border-top:1px solid #ebebe6;padding-top:6px;font-weight:600}
#fdops .fr2.eq b{font-weight:600}
#fdops .fo-none{font-size:12.5px;color:#6f737a}
#fdops .fo-none.err{color:#a3261c}
@media (prefers-reduced-motion: reduce){#fdops.fo-in{animation:none}}