/* Своды по отчётам (ТЗ Жоогазын 15.10.2026): сводная статистика сдачи по месяцам в «Своде и аудите»,
   вкладки «Свод 161», «Свод 158», «Полис», группа меню «Своды по отчётам», отбор из сводной в «Своде 091» / «Своде 100» */

/* ─── Меню: группа «Своды по отчётам» ─── */
.sidebar nav .nav-section { padding: 12px 12px 4px; font-size: 10px; letter-spacing: .09em; }
.sidebar nav .nav-section.nav-sep { padding: 0; height: 1px; margin: 8px 10px; background: rgba(255, 255, 255, .07); }
.app.sb-collapsed .sidebar nav .nav-section { display: block; padding: 0; height: 1px; margin: 8px 12px; background: rgba(255, 255, 255, .09); font-size: 0; }

/* ─── Сводная статистика сдачи отчётов (над диаграммами «Свода и аудита») ─── */
.sr-stats-host { flex: 0 0 auto; margin-bottom: 12px; }
.sr-stats-host:empty { display: none; }
.sr-st { background: var(--panel); border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow-1); overflow: hidden; transition: opacity .15s; }
.sr-st.is-loading { opacity: .6; }
.sr-st-head { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 10px; min-height: 46px; }
.sr-st.open .sr-st-head { border-bottom: 1px solid var(--border-soft); }
.sr-st-tg { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 8px; border: 1px solid var(--border); background: #fff; color: var(--muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all .12s; }
.sr-st-tg:hover { color: var(--text); background: #f6f8fc; }
.sr-st-ico { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 9px; background: var(--accent-soft); color: var(--accent-2); display: inline-flex; align-items: center; justify-content: center; }
.sr-st-title { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
.sr-st-title > b { font-size: 13.5px; font-weight: 800; color: var(--text); cursor: pointer; width: max-content; }
.sr-st-title > span { font-size: 11.5px; color: var(--muted); font-weight: 550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-st-legend { display: flex; align-items: center; gap: 4px 11px; font-size: 11px; color: var(--muted); font-weight: 600; flex-wrap: wrap; justify-content: flex-end; max-width: 520px; }
.sr-st-legend .lg-n b { font-size: 12px; margin-right: 3px; cursor: default; }
.sr-st-legend .lg i { display: inline-block; width: 12px; height: 4px; border-radius: 3px; margin-right: 5px; vertical-align: 2px; }
.sr-st-year { display: flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid var(--border); border-radius: 10px; background: #fff; flex: 0 0 auto; }
.sr-st-year b { font-size: 13px; font-weight: 800; min-width: 40px; text-align: center; font-variant-numeric: tabular-nums; }
.sr-st-year .mini-btn { width: 26px; height: 26px; }
.sr-st-year .mini-btn:disabled { opacity: .35; cursor: default; }
.sr-st-err { padding: 14px 16px; color: var(--err-deep); font-size: 12.5px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.sr-st-scroll { overflow-x: auto; }
.sr-st-t { width: 100%; min-width: 980px; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 12px; }
.sr-col-rep { width: 138px; }
.sr-st-t th { background: #f9fafc; color: var(--muted); font-size: 10.5px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; padding: 4px 3px 3px; border-bottom: 1px solid var(--border-soft); text-align: center; white-space: nowrap; }
.sr-st-t thead th small { display: block; font-size: 9.5px; color: var(--faint); font-weight: 650; text-transform: none; letter-spacing: 0; margin-top: 1px; }
.sr-st-t thead th.cur { color: var(--accent-2); box-shadow: inset 0 -2px 0 var(--accent); }
.sr-st-t thead th.fut { color: #b9c0cc; }
.sr-st-t thead th.qend:not(:last-child), .sr-st-t td.sr-c:nth-child(3n+1):not(.sr-ann):not(:last-child) { border-right: 1px solid #e3e7ee; }
.sr-st-t th.sr-rep { text-align: left; padding: 4px 6px 4px 12px; cursor: pointer; background: #fbfcfd; border-right: 1px solid var(--border-soft); }
.sr-st-t thead th.sr-rep-h { cursor: default; background: #f9fafc; }
.sr-st-t tbody th.sr-rep { text-transform: none; letter-spacing: 0; color: var(--text); font-size: 12px; }
.sr-st-t tbody th.sr-rep:hover { background: #f1f5ff; }
.sr-st-t tbody th.sr-rep:hover b { color: var(--accent-2); }
.sr-rep { display: table-cell; }
.sr-rep-ico { display: inline-flex; width: 22px; height: 22px; border-radius: 7px; align-items: center; justify-content: center; background: #eef1f6; color: #5a6473; vertical-align: middle; margin-right: 7px; }
.sr-rep-t { display: inline-flex; flex-direction: column; vertical-align: middle; line-height: 1.1; }
.sr-rep-t b { font-size: 12.5px; font-weight: 800; }
.sr-rep-t small { font-size: 10px; color: var(--muted); font-weight: 600; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 96px; }
.sr-st-t tbody tr:last-child td, .sr-st-t tbody tr:last-child th { border-bottom: none; }
.sr-c { padding: 4px 4px 5px; border-bottom: 1px solid var(--border-soft); text-align: center; vertical-align: middle; transition: background .1s; }
.sr-c.sr-clk, .sr-l.sr-clk { cursor: pointer; }
.sr-c.ph-ok { background: #f4fbf7; }
.sr-c.ph-late { background: #fff8f8; }
.sr-c.ph-wait { background: #fbfcfe; }
.sr-c.sr-clk:hover, .sr-l.sr-clk:hover { background: #eef3ff !important; }
.sr-fut { color: #c6ccd6; font-weight: 600; }
.sr-zero { color: var(--faint); font-weight: 650; font-size: 11.5px; }
.sr-nl { display: flex; align-items: baseline; justify-content: center; gap: 4px; line-height: 1.15; }
.sr-nums { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-n-done { color: #2556d8; font-weight: 800; font-size: 13px; cursor: pointer; }
.sr-n-need { color: #8e1e40; font-weight: 800; font-size: 13px; cursor: pointer; }
.sr-nums .sr-n-done:hover, .sr-nums .sr-n-need:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1.5px; }
.sr-sl { color: #b4bcc8; margin: 0 1px; font-weight: 600; }
.sr-bar { display: flex; height: 4px; border-radius: 3px; overflow: hidden; background: #edf0f5; margin: 4px auto 0; max-width: 62px; }
.sr-bar i { display: block; height: 100%; min-width: 2px; }
.b-done { background: #3b64f4; }
.b-late { background: #e5484d; }
.b-soon { background: #f0a020; }
.b-wait { background: #c7cdd8; }
.sr-st-legend .lg i.b-done { background: #3b64f4; }
/* 091: помесячные и квартальные строками в одной ячейке */
.sr-c091 { padding: 2px 3px; }
.sr-l { border-radius: 7px; padding: 3px 2px 4px; }
.sr-l + .sr-l { margin-top: 2px; }
.sr-c091.has-q .sr-l + .sr-l { border-top: 1px dashed #e2e6ed; border-radius: 0 0 7px 7px; }
.sr-l.ph-ok { background: #f4fbf7; }
.sr-l.ph-late { background: #fff6f6; }
.sr-l.ph-wait { background: #fafbfd; }
.sr-k { font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--faint); min-width: 20px; text-align: right; }
.sr-l .sr-bar { max-width: 56px; margin-top: 3px; }
/* годовые — одной ячейкой на год */
.sr-ann { text-align: left; padding: 6px 12px; }
.sr-ann-in { display: flex; align-items: center; gap: 12px; white-space: nowrap; min-width: 0; }
.sr-ann .sr-nums b { font-size: 14px; }
.sr-ann-what { font-size: 11.5px; color: var(--text-2); font-weight: 600; }
.sr-ann-bar { flex: 0 1 200px; min-width: 70px; }
.sr-ann-bar .sr-bar { max-width: none; margin: 0; height: 6px; }
.sr-ann-pct { font-size: 11.5px; font-weight: 800; color: var(--text-2); font-variant-numeric: tabular-nums; }
.sr-ann-st { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 7px; }
.sr-ann-st.late { background: var(--err-soft); color: var(--err-deep); }
.sr-ann-st.wait { background: #eef1f6; color: #5a6473; }
.sr-ann-st.ok { background: var(--ok-soft); color: var(--ok-deep); }
.sr-ann-prev { font-size: 11px; color: var(--muted); font-weight: 600; margin-left: auto; }
.sr-ann-none { font-size: 11.5px; color: var(--faint); font-weight: 600; }
.sr-ann-none svg { vertical-align: -2px; margin-right: 4px; }
.sr-tr-ann .sr-rep { background: #fbfcfd; }
/* свёрнутая — фишки последнего закончившегося периода */
.sr-sum { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 3px; white-space: normal; }
.sr-sum-chip { border: 1px solid var(--border); background: #fff; border-radius: 8px; padding: 2px 8px; font: inherit; font-size: 11px; font-weight: 650; color: var(--text-2); cursor: pointer; }
.sr-sum-chip b { font-variant-numeric: tabular-nums; font-weight: 800; margin-left: 2px; }
.sr-sum-chip.ph-ok { background: var(--ok-soft); border-color: transparent; color: var(--ok-deep); }
.sr-sum-chip.ph-late { background: #fff3f3; border-color: #f7d4d4; color: var(--err-deep); }
.sr-sum-chip:hover { filter: brightness(.97); }
@media (max-width: 1500px) { .sr-st-legend .lg { display: none; } }
@media (max-width: 1280px) { .sr-st-legend { display: none; } }
@media (max-height: 820px) { .sr-c { padding: 3px 3px 4px; } .sr-bar { margin-top: 3px; } .sr-n-done, .sr-n-need { font-size: 12.5px; } }

/* развёрнутая сводная на невысоком экране: страница прокручивается, таблица организаций — в высоту окна */
.sa-page.sr-tall { height: auto; }
.sa-page.sr-tall .sa-root { flex: none; }
.sa-page.sr-tall .sa-main { flex: none; height: calc(100vh - 76px); min-height: 460px; }

/* ─── Отбор из сводной в «Своде 091» и «Своде 100», расторгнутые в своде ─── */
.svod-filter-chip.sr-from-stats { background: #eef3ff; color: var(--accent-2); }
.svod-filter-chip.sr-from-stats svg:first-child { margin-right: 2px; }
.s91-term { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 5px; background: #fdf1dc; color: var(--warn-deep); font-size: 10px; font-weight: 800; }
.s91-kpis.s91-kpis5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.s91-kpi.g-req .s91-kpi-ico { background: #fff4e5; color: #b7681a; }
a.s91-kpi-top.s91-kpi-open { text-decoration: none; color: inherit; }
/* на ноутбуке пять карточек — в два ряда без пустого места: три по ширине и две пошире */
@media (max-width: 1380px) {
    .s91-kpis.s91-kpis5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .s91-kpis.s91-kpis5 > :nth-child(-n+3) { grid-column: span 2; }
    .s91-kpis.s91-kpis5 > :nth-child(n+4) { grid-column: span 3; }
}

/* ─── «Свод 100»: только годовые суммы — по документу одна ячейка с полосой месяцев ─── */
.s91y-annual th.s91y-gh { text-align: left; padding: 7px 10px; }
.s91y-gh-l { display: inline-flex; align-items: center; gap: 5px; }
.s91y-gh-p { display: block; font-size: 10px; text-transform: none; letter-spacing: 0; font-weight: 650; opacity: .75; margin-top: 1px; }
.s91y-annual th.s91y-rh, .s91y-annual th.s91y-ah { text-align: left; padding-left: 10px; }
.s91y-qlinks { display: flex; align-items: center; gap: 3px; margin-top: 3px; }
.s91y-qlinks > span { font-size: 10px; font-weight: 650; text-transform: none; letter-spacing: 0; color: var(--muted); margin-right: 1px; }
.s91y-qlinks button { border: 1px solid var(--border); background: #fff; border-radius: 6px; min-width: 19px; padding: 0 4px; font: inherit; font-size: 10px; font-weight: 750; color: var(--accent-2); cursor: pointer; text-transform: none; letter-spacing: 0; }
.s91y-qlinks button.cur { color: var(--faint); }
.s91y-qlinks button:hover { background: var(--accent-soft); border-color: #cfdafc; }
.s91y-annual td.s91y-y { text-align: left; padding: 6px 10px; }
.s91y-yin { display: flex; flex-direction: column; gap: 5px; }
.s91y-yv { display: flex; align-items: baseline; gap: 8px; min-height: 18px; }
.s91y-yv .s91-v { font-size: 13px; font-weight: 800; }
.s91y-ysub { font-size: 10.5px; font-weight: 700; color: var(--muted); }
.s91y-ysub.bad { color: var(--err-deep); }
.s91y-months { display: flex; gap: 5px; }
.s91y-mq { display: inline-flex; gap: 2px; }
.s91y-mq i { width: 9px; height: 5px; border-radius: 2px; background: #e3e7ee; }
.s91y-mq i.p-ok { background: var(--ok); }
.s91y-mq i.p-np, .s91y-mq i.p-err { background: var(--err); }
.s91y-mq i.p-dn { background: #9aa4b2; }
.s91y-mq i.p-wait { background: #c7d3f7; }
.s91y-mq i.p-na { background: #f1f3f6; }
.s91y-annual .s91-mode-chip { margin: 0; }

/* ─── Вкладки «Свод 161», «Свод 158», «Полис» ─── */
.sr-page { min-width: 0; }
.sr-head { margin-bottom: 14px; }
.sr-head .page-title .title-sub { max-width: 860px; white-space: normal; }
.sr-root.is-loading { opacity: .55; transition: opacity .15s; }
.sr-kpis { display: grid; gap: 10px; margin-bottom: 14px; }
@media (max-width: 1280px) { .sr-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.sr-kpi .s91-kpi-top .muted { margin-left: auto; }
.s91-kpi.g-main .s91-kpi-ico { background: var(--accent-soft); color: var(--accent-2); }
.s91-kpi.g-dir .s91-kpi-ico { background: #eef6ff; color: #2a6fb8; }
.s91-kpi.g-emp .s91-kpi-ico, .s91-kpi.g-term .s91-kpi-ico { background: #f1f3f7; color: #5a6473; }
.s91-kpi.g-pol .s91-kpi-ico { background: #fff4e5; color: #b7681a; }
.sr-kpi-sum .s91-kpi-ico { background: #eaf6ee; color: #2f7a43; }
.sr-sums { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 6px 12px; margin-top: 9px; }
.sr-sums div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sr-sums span { font-size: 10.5px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .03em; }
.sr-sums b { font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-sums b.ok { color: var(--ok-deep); }
.sr-sums b.bad { color: var(--err-deep); }
.sr-fbar .csel { min-width: 210px; }
.sr-scroll { overflow: auto; min-height: 260px; overscroll-behavior: contain; }
.sr-table { width: 100%; min-width: 1100px; border-collapse: separate; border-spacing: 0; font-size: 12.5px; }
.sr-table th { position: sticky; top: 0; z-index: 3; background: #f9fafc; color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; padding: 9px 8px; border-bottom: 1px solid var(--border); white-space: nowrap; text-align: left; }
.sr-table th.num, .sr-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.sr-table td { border-bottom: 1px solid var(--border-soft); padding: 7px 8px; vertical-align: middle; background: #fff; }
.sr-table tbody tr:hover td { background: #f7f9fe; }
.sr-table tr.is-sel td { background: #f3f6ff; }
.sr-table th.sr-org { left: 0; z-index: 5; padding-left: 14px; width: 270px; min-width: 240px; }
.sr-table td.sr-org { position: sticky; left: 0; z-index: 1; padding: 7px 10px 7px 14px; box-shadow: inset -1px 0 0 var(--border-soft); max-width: 300px; }
.sr-table th.s91-ck, .sr-table td.s91-ck { width: 34px; padding: 0 0 0 12px; }
.sr-table td.sr-org .row-ava { width: 30px; height: 30px; flex-basis: 30px; border-radius: 9px; font-size: 11px; }
.sr-name { display: block; color: var(--text); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; font-weight: 650; }
.sr-name:hover { color: var(--accent-2); }
.sr-sub-line { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.sr-term { display: inline-block; padding: 0 5px; border-radius: 5px; background: #fdf1dc; color: var(--warn-deep); font-size: 10px; font-weight: 800; }
.sr-dist { display: inline-block; padding: 1px 6px; border-radius: 6px; background: #f1f3f7; color: var(--text-2); font-size: 11px; font-weight: 750; margin-right: 3px; font-variant-numeric: tabular-nums; }
.sr-dist.more { color: var(--muted); }
.sr-w-cell { width: 128px; min-width: 112px; }
.sr-w-dist { width: 86px; }
.sr-w-emp { width: 104px; }
.sr-w-dir { width: 150px; }
.sr-w-sum { width: 112px; }
.sr-w-pdf { width: 40px; }
.sr-w-acc { width: 110px; }
.sr-w-resp { width: 120px; }
.sr-w-pol { min-width: 260px; }
.sr-resp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; font-size: 12px; }
.sr-emp { white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 650; }
/* ячейка статуса */
.sr-cell { cursor: pointer; transition: background .1s; }
.sr-cell:hover { background: #eef2ff !important; }
.sr-cell-in { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px 3px 7px; border-radius: 8px; font-weight: 750; font-size: 12px; white-space: nowrap; }
.sr-cell-s { display: block; font-size: 10.5px; color: var(--muted); font-weight: 600; margin: 2px 0 0 4px; white-space: nowrap; }
.sr-cell.st-ok .sr-cell-in { background: var(--ok-soft); color: var(--ok-deep); }
.sr-cell.st-err .sr-cell-in { background: var(--err-soft); color: var(--err-deep); }
.sr-cell.st-warn .sr-cell-in { background: var(--warn-soft); color: var(--warn-deep); }
.sr-cell.st-pend .sr-cell-in { background: #eef1f6; color: #4d5868; }
.sr-cell.st-dn .sr-cell-in { background: #f1edfb; color: #6d4bd6; }
.sr-cell.st-na .sr-cell-in { background: none; color: var(--faint); padding-left: 0; }
.sr-cell.st-err .sr-cell-s { color: var(--err-deep); }
.sr-cell.dir-out .sr-cell-in { box-shadow: inset 0 0 0 1.5px #f2b8b8; }
.sr-dir { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 700; white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
.sr-dir.st-ok { color: var(--ok-deep); }
.sr-dir.st-err { color: var(--err-deep); }
.sr-dir.st-warn { color: var(--warn-deep); }
/* полисы периода */
.sr-pols { white-space: nowrap; }
.sr-pol { display: flex; align-items: center; gap: 5px; font-size: 11.5px; line-height: 1.5; }
.sr-pol b { font-weight: 750; font-variant-numeric: tabular-nums; }
.sr-pol span { color: var(--muted); font-variant-numeric: tabular-nums; }
.sr-pol i { font-style: normal; font-size: 10.5px; font-weight: 700; color: var(--ok-deep); }
.sr-pol i.bad { color: var(--err-deep); }
.sr-pol.paid svg { color: var(--ok); }
.sr-pol.unpaid svg { color: var(--warn); }
.sr-legend { gap: 12px; }
.sr-lg { display: inline-flex; align-items: center; gap: 5px; font-weight: 650; }
.sr-lg.st-ok { color: var(--ok-deep); }
.sr-lg.st-err { color: var(--err-deep); }
.sr-lg.st-warn { color: var(--warn-deep); }
.sr-lg.st-pend { color: #5a6473; }
.sr-lg.st-dn { color: #6d4bd6; }
.sr-lg.st-na { color: var(--faint); }
.sr-lg-hint { margin-left: auto; }
@media (max-width: 1500px) { .sr-lg-hint { display: none; } }

/* ноутбук 1366: таблица вкладки отчёта — по ширине экрана без прокрутки вбок, «Ответственный» — фильтром над таблицей */
@media (max-width: 1500px) {
    .sr-table { min-width: 960px; font-size: 12px; }
    .sr-table th.sr-org { width: 230px; min-width: 200px; }
    .sr-name { max-width: 186px; }
    .sr-w-dir { width: 118px; }
    .sr-dir { max-width: 118px; }
    .sr-w-cell { width: 104px; min-width: 98px; }
    .sr-w-sum { width: 88px; }
    .sr-w-emp { width: 80px; }
    .sr-w-dist { width: 70px; }
    .sr-table th.sr-w-resp, .sr-table td.sr-resp { display: none; }
    .sr-cell-in { padding: 3px 7px 3px 6px; font-size: 11.5px; }
    .sr-table th { padding: 8px 6px; font-size: 10.5px; letter-spacing: .02em; }
    .sr-table td { padding: 6px 6px; }
    .sr-table td.sr-org { padding: 6px 8px 6px 12px; }
}