/* fin-ledger — 📒 Учёт, дизайн C «Диспетчерская». Компоненты — .ui-* (css/ui.css), здесь только раскладка модуля.
   Только токены (css/tokens.css), без hex/rgb. Кабинет рисуется лишь под html.ui-c (#screen-erp). */
.fl{min-width:0;}
#flPane{display:flex;flex-direction:column;gap:14px;min-width:0;}
/* старые глобальные правила index.html (label/p/h3 с отступами) внутри модуля не нужны */
.fl label,.fl p,.fl h2,.fl h3{margin:0;}
.fl .ui-swl{font-weight:var(--fw-regular);}
/* ряд фильтров прокручивается вбок без полосы (ui.css делает так только на телефоне; ui-compat.css теперь :where() и не мешает) */
.fl .ui-tb{scrollbar-width:none;}

/* ── Счета ── */
.fl-sum .ui-pn-b{display:flex;flex-direction:column;gap:8px;}
.fl-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:var(--fs-3xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-num);line-height:var(--lh-tight);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.fl-big small{font-size:.5em;font-weight:var(--fw-regular);color:var(--text-2);letter-spacing:0;margin-left:5px;}
.fl-plus{font-style:normal;font-weight:var(--fw-regular);font-size:.6em;color:var(--text-3);}
.fl-gsum{gap:6px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;}
.fl-gsum small{font-weight:var(--fw-regular);color:var(--text-2);margin-left:3px;}
.fl-gsum .fl-plus{font-size:1em;}
.fl-bag .n{min-width:0;}
.fl-bn{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.fl-bag small .ui-pill{height:18px;padding:0 5px;font-size:var(--fs-xs);vertical-align:middle;}
.fl-bag.arch{opacity:.6;}
.fl-note{padding:0 2px;}

/* ── Операции: фильтры ── */
.fl-tb select.ui-in{width:auto;flex:none;max-width:240px;}
.fl-dates{display:inline-flex;align-items:center;gap:6px;flex:none;}
.fl-dates .ui-in{width:auto;min-width:136px;}
.fl-catb{flex:none;max-width:280px;}
.fl-catl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fl-tb .is-on{border-color:var(--accent-line);background-color:var(--accent-soft);color:var(--text);}

/* ── Операции: итоги + таблица (компьютер) / список (телефон) ── */
.fl-tot{border-bottom:1px solid var(--border);}
.fl-tot .ui-sum3{flex-wrap:wrap;row-gap:10px;border-bottom:0;}
.fl-tot b small{margin-left:3px;font-weight:var(--fw-regular);}
.fl-tot > .ui-skl{padding:4px 0;}
.fl-totn{padding:0 14px 10px;}
.fl-totx{padding:10px 14px;}
/* колонки фиксированы: «Операция» забирает остаток, длинные статьи/счета режутся многоточием (без горизонтального скролла на 600–1023) */
.fl-tbl{table-layout:fixed;}
.fl-tbl .fl-cd{width:92px;} .fl-tbl .fl-cc{width:25%;} .fl-tbl .fl-ca{width:20%;} .fl-tbl .fl-cv{width:124px;}
.fl-tbl td.t{width:auto;}
.fl-tbl td{overflow:hidden;text-overflow:ellipsis;}
.fl-tbl td.t b{font-weight:var(--fw-medium);}
.fl-tbl td.t .ui-pill,.fl-ml small .ui-pill{height:18px;margin-right:6px;vertical-align:middle;}
.fl-tbl th.num{text-align:right;}
.fl-tbl tbody tr,.fl-ml li{cursor:default;}
.fl-ml li.off{opacity:.6;}
.fl-ml .fl-v{align-self:flex-start;padding-top:2px;}
.fl-dir{display:inline-grid;place-items:center;flex-shrink:0;width:22px;height:22px;margin-right:10px;border-radius:50%;vertical-align:middle;background:var(--surface-2);color:var(--text-2);}
.fl-dir.in{background:var(--ok-bg);color:var(--ok);}
.fl-dir.tr{background:var(--info-bg);color:var(--info);}
.fl-dir .ui-i{width:13px;height:13px;}
.fl-ml .fl-dir,.ui-row .fl-dir{margin-right:0;}
.fl-v{font-weight:var(--fw-medium);white-space:nowrap;}
.fl-v.in{color:var(--ok);} .fl-v.out{color:var(--text);} .fl-v.tr{color:var(--text-2);}
#flState:empty{display:none;}
#flState > .ui-alert{margin:12px 14px;}
#flState > .ui-skl{padding:4px 0;}

/* ── Выбор статьи (ящик PFUI.drawer, живёт в body — поэтому без .fl) ── */
.fl-cq.ui-search{width:100%;margin:0 0 8px;position:sticky;top:0;z-index:2;box-shadow:0 -18px 0 18px var(--surface),0 0 0 8px var(--surface);}   /* поиск не уезжает при прокрутке списка */
.fl-cl{display:flex;flex-direction:column;}
.fl-ci.ui-li{font-size:var(--fs-md);}
.fl-ci.all,.fl-ci.par{font-weight:var(--fw-medium);}
.fl-ci.lvl2{padding-left:28px;}
.fl-ci.on{background:var(--accent-soft);color:var(--text);}
.fl-ci.on .ui-i{color:var(--accent);}
.fl-cg{padding:14px 8px 4px;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;}
.fl-cnone{margin:0;padding:28px 8px;text-align:center;color:var(--text-3);}

/* телефон: место под плавающую «Внести» и нижнюю панель даёт рамка (shell.css, #screen-erp.active) */