/* Окно «на весь экран», общая панель фильтров, строка над карточками, чеки, методика, печать и PDF */
/* окно «на весь экран»: круглая кнопка закрытия снаружи, справа сверху */
.rd-card.fs{inset:24px 76px}
.rd-card.fs .fs-btn{display:none}
.fs-close{position:fixed;top:24px;right:20px;z-index:96;width:40px;height:40px;border-radius:50%;border:none;background:rgba(120,120,140,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s}
.fs-close svg{width:22px;height:22px}
.fs-close:hover{background:rgba(90,90,110,.75)}
.rd-tbox{scrollbar-width:none}
.rd-tbox::-webkit-scrollbar{display:none}
@media (max-width:640px){.rd-card.fs{inset:64px 8px 8px 8px}.fs-close{top:12px!important;right:12px}}
/* выбранные значения - в строке заголовка */
.rd-card-h .cf{margin:0;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow:hidden}
.rd-card-h .cf:has(+ .cks){flex:0 1 auto}
.rd-card-h .cks:empty{display:none}
.rd-card-h .cf:empty{display:none}
.rd-card-h .cf-c{flex:0 1 auto;min-width:0}
.rd-card-h:has(.cf:not(:empty)) h2{margin-right:4px;flex:none}
.rd-card-h.cf-wrap{flex-wrap:wrap;row-gap:10px}
.rd-card-h.cf-wrap h2{margin-right:auto}
.rd-card-h.cf-wrap .cf{order:3;flex-basis:100%;flex-wrap:wrap}
/* меню фильтра: разделы-аккордеон, открыт один */
.cm{gap:0;padding:6px 8px}
.cm-sec{flex:none;min-height:0}
.cm-sec.open.many{flex:1 1 auto;min-height:160px;display:flex;flex-direction:column}
.cm-sec+.cm-sec{border-top:1px solid var(--split);padding-top:0}
.cm-h{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;font:inherit;text-align:left;cursor:pointer;padding:12px 6px;color:var(--fg)}
.cm-ht{font-size:14px;font-weight:600;flex:none}
.cm-hv{flex:1;min-width:0;font-size:12.5px;color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-chev{width:18px;height:18px;flex:none;color:var(--muted2);transition:transform .18s}
.cm-sec.open .cm-chev{transform:rotate(180deg)}
.cm-sec.open .cm-hv{visibility:hidden}
.cm-sec.open{padding-bottom:8px}
.cm-reset{align-self:flex-start;margin:0 0 6px 6px}
.cm-sec.many:not(.open){flex:none;min-height:0}
.cm .cm-o{padding:7px 10px}
/* открытый раздел занимает оставшуюся высоту и листается сам, заголовки разделов всегда видны */
.cm{overflow:hidden}
.cm-sec.open{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.cm-sec.open .cm-list{flex:1 1 auto;min-height:0;overflow-y:auto}
.cm-sec .cm-h{flex:none}
/* растушевка у края прокручиваемых списков */
.fade-b{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent)}
.fade-t{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 36px);mask-image:linear-gradient(to bottom,transparent,#000 36px)}
.fade-t.fade-b{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 36px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 36px,#000 calc(100% - 48px),transparent)}
/* пункты меню: наведение и выбор - акцентным, как в выпадающих списках */
.cm-o:hover,.cm-o:focus-visible{background:var(--accent-soft)}
.cm-o.sel{background:var(--accent-soft);color:var(--accent)}
.lang-o:hover{background:var(--accent-soft)}
.cm-h:hover .cm-ht{color:var(--accent)}
/* активный график больше не обводим - выделяется только карточка KPI */
.rd-card.on{box-shadow:none}
.rd-card.on.fs{box-shadow:0 24px 64px rgba(20,20,60,.22)}
/* выбранные чипсы - обводка той же толщины, что у активной карточки */
.cf-c.on{box-shadow:inset 0 0 0 1.5px var(--accent-line)}
.catdrop.open .catmenu{display:flex;flex-direction:column;overflow:hidden}
.catmenu .catsearch{flex:none}
.catlist{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}
.catlist::-webkit-scrollbar{display:none}
/* в списке остались только выбранные магазины - без розовой подсветки каждой строки */
.rd-list.only-sel .rd-row.sel{background:none;border-color:transparent}
.rd-list.only-sel .rd-row.sel:hover{background:var(--accent-soft)}
html.help-over-fs .rd-card.fs,html.help-over-fs #fs-back,html.help-over-fs #fs-close{visibility:hidden}
.ls-g{cursor:default}
.rd-grid>.rd-card.fs,.rd-grid.lf>#card-shops.fs{position:fixed}
/* на весь экран список магазинов раскладываем в несколько колонок */
.rd-card.fs .rd-list.stack{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));column-gap:28px;align-content:start}
/* на весь экран прокручивается сам список, заголовок блока остается на месте */
.rd-card.fs .rd-list.scroll{overflow-y:auto;flex:1 1 0;min-height:0;max-height:none;scrollbar-width:none}
.rd-card.fs:has(.rd-list.scroll){overflow:hidden}
/* строка над карточками: чипсы выбранного слева, база сравнения, «Сбросить» и фильтры справа */
.rd-head{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-height:40px}
.pg-chips{flex:1 1 auto;min-width:0;flex-wrap:wrap;gap:8px}
.pg-chips .chip{height:30px;padding:0 12px;font-size:13px;max-width:100%}
.pg-chips .chip.def{color:var(--fg);background:var(--card);border-color:transparent;font-weight:500}
.pg-chips .chip.def .k{color:var(--muted)}
.pg-chips .chip .v{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.pg-none{font-size:13px;color:var(--muted)}
.pg-act{display:flex;align-items:center;gap:8px;flex:none}
.gf-reset{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:none;border-radius:10px;background:var(--card);color:var(--fg);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer}
.gf-reset svg{width:17px;height:17px;color:var(--muted)}
.gf-reset:hover{color:var(--accent)}.gf-reset:hover svg{color:var(--accent)}
.gf-reset:disabled{opacity:.5;cursor:default;color:var(--fg)}.gf-reset:disabled svg{color:var(--muted)}
.gf{position:relative;display:flex}
.gf-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:var(--card);color:var(--fg);cursor:pointer}
.gf-btn svg{width:20px;height:20px}
.gf-btn:hover,.gf-btn[aria-expanded=true]{color:var(--accent)}
.gf-pop{position:absolute;top:calc(100% + 6px);right:0;width:min(340px,calc(100vw - 24px));z-index:50}
.gf-foot{flex:none;display:flex;gap:8px;padding:10px 0 4px;border-top:1px solid var(--split)}
.gf-apply{flex:1;height:40px;min-width:0;padding:0 16px;border-radius:10px;font-size:14px}
.gf-apply:disabled{background:var(--bg);color:var(--muted);opacity:1}
.gf-clr{width:40px;height:40px;flex:none;border:none;border-radius:10px;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.gf-clr svg{width:18px;height:18px}
.gf-clr:hover{color:var(--accent)}
.cm-note{font-size:12px;color:var(--muted);padding:6px 10px 2px;line-height:1.4}
@media (max-width:640px){.rd-head{flex-direction:column;align-items:stretch}.pg-act{justify-content:flex-end}.pg-act #lag{flex-wrap:nowrap;margin-right:auto}.pg-act #lag button{padding:0 10px}.gf-reset span{display:none}.gf-reset{padding:0 10px}}
/* период - справа в строке вкладок */
.bar-per{flex:none;margin-left:auto;display:flex;align-items:center;gap:8px;padding:6px 0}
.bp-items{display:flex;align-items:center;gap:10px;margin-right:6px}
.bar-per .gf-reset,.bar-per .gf-btn{background:var(--bg)}
.bar-per .gf-reset{height:34px}.bar-per .gf-btn{width:34px;height:34px}
.bp-t{border:none;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;padding:0;white-space:nowrap}
.bp-t b{font-weight:600;color:var(--fg)}
.bp-t:hover b{color:var(--accent)}
.bar-per .chip{height:28px;font-size:12.5px;max-width:none}
@media (max-width:900px){.bar-per{margin-left:0;flex-basis:100%;padding:2px 0 10px}.bp-items{margin-right:auto;flex-wrap:wrap;gap:4px 14px}}
/* подсказка: темная плашка, белый жирный текст */
.ui-tip{position:fixed;z-index:400;max-width:360px;background:#14143C;color:#fff;font-size:12.5px;font-weight:600;line-height:1.4;padding:6px 10px;border-radius:8px;pointer-events:none;box-shadow:0 6px 18px rgba(20,20,60,.18);white-space:normal}
:root[data-theme=dark] .ui-tip{background:#F0F0F6;color:#14143C}
.logout{width:36px;height:36px;padding:0;justify-content:center}
.logout svg{width:20px;height:20px}
.app-top .logout{margin-left:0}
/* таблица магазинов: итог, заметные галочки, переключатель */
.ck{border-color:#B9BBC9}
:root[data-theme=dark] .ck{border-color:#5A5A74}
.ck.part,.part .ck{background:var(--accent);border-color:var(--accent)}
.part .ck::after{content:"";position:absolute;left:3px;right:3px;top:5.5px;height:2px;background:#fff;border:none;transform:none;width:auto}
th.ckc{cursor:pointer}
tr.tot td{font-weight:700;background:var(--bg);border-bottom:1px solid var(--split)}
tr.tot td:first-child{border-radius:8px 0 0 8px}tr.tot td:last-child{border-radius:0 8px 8px 0}
#card-stores .rd-tools{flex-wrap:wrap}
.st-csv{margin-left:auto}
.tb-tog{height:32px;padding:0 12px;border:none;border-radius:99px;background:var(--bg);color:var(--fg);font:inherit;font-size:13px;cursor:pointer}
.tb-tog[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--accent-line)}
#card-stores th,#card-stores td{padding-left:7px;padding-right:7px}
#card-stores td.nm{white-space:nowrap}
.app-bar.wrap{flex-wrap:wrap;row-gap:0}.app-bar.wrap .app-nav{flex-basis:100%}
.app-bar.wrap .bar-per{margin-left:0;flex-basis:100%;padding:2px 0 10px}.app-bar.wrap .bp-items{margin-right:auto;flex-wrap:wrap;gap:4px 14px}
/* таблицы без горизонтальных линий; итог закреплен внизу */
.rd-tbox td,.rd-tbox th{border-bottom:none}
#q-stores{width:300px;max-width:100%}
tfoot tr.tot td{position:sticky;bottom:0;z-index:1;background:var(--bg);border:none}
tr.tot td:first-child{border-radius:8px 0 0 8px}tr.tot td:last-child{border-radius:0 8px 8px 0}
table.only-sel tbody tr.sel{background:none}
table.only-sel tbody tr.sel:hover{background:var(--accent-soft)}
.cm-sub{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted2);padding:10px 10px 4px}
/* выравнивание в карточках KPI: нижняя строка по центру иконки справки, стрелка - по центру первой строки подписи */
.rd-tile .tf>.dlt,.rd-tile .tf>.sub{display:flex;align-items:center;gap:.3em;min-height:16px;line-height:16px;white-space:nowrap}
.rd-tile .tf>.sub{display:block;white-space:normal;line-height:1.35}
.rd-tile .tf>.sub b{line-height:inherit}
.rd-tile .tf>.sub>span{margin-left:.3em}
.rd-tile .tf>.dlt b,.rd-tile .tf>.sub b{line-height:16px}
.rd-tile[data-go]::after,.rd-tile.sm[data-go]::after{top:var(--arr-top,12px)}
.ui-tip.ic{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;padding:7px 12px;border-radius:10px;white-space:nowrap}
.ui-tip.ic svg{width:15px;height:15px;flex:none;color:currentColor}
.cm-div{height:1px;background:var(--split);margin:6px 10px;flex:none}
/* вкладка «Чеки» */
.ck-row{margin-bottom:0}
.rd-grid.chk-grid{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:stretch}
.ck-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.ck-side .rd-card{flex:1 1 0;display:flex;flex-direction:column;min-height:0}
.ck-side .rd-chart{min-height:0;flex:1}
#ch-hprof,#ch-dprof{min-height:120px}
.val.down{color:var(--bad)}
@media (max-width:900px){.rd-grid.chk-grid{grid-template-columns:minmax(0,1fr)}}
/* окно «Методика и данные» */
.hm.hm-meth{width:min(760px,100%)}
.hm-meth .rd-method{display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.55;color:var(--fg)}
.hm-meth .rd-method h3{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted2);margin:10px 0 0}
.hm-meth .rd-method p{margin:0}
.hm-meth .rd-method ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.hm-meth .rd-method li::marker{color:var(--muted2)}
.hm-meth .rd-method{padding:0;background:none;border-radius:0}
table[data-tbl=skus] th,table[data-tbl=skus] td,table[data-tbl=promos] th,table[data-tbl=promos] td{padding-left:7px;padding-right:7px}
table[data-tbl=skus] td.tr-c{max-width:150px;overflow:hidden;text-overflow:ellipsis}
table[data-tbl=skus] td.tr-b{max-width:110px;overflow:hidden;text-overflow:ellipsis}
table[data-tbl=promos] td.tr-n{max-width:220px;overflow:hidden;text-overflow:ellipsis}
table[data-tbl=promos] td.tr-m{max-width:160px;overflow:hidden;text-overflow:ellipsis}
#q-skus,#q-promos{width:340px;min-width:0;flex:0 1 340px}
[data-page=assort] .rd-tools{flex-wrap:nowrap}
#sku-csv{margin-left:auto;flex:none}
[data-page=assort] .rd-tools>span{white-space:nowrap}
@media (max-width:900px){[data-page=assort] .rd-tools{flex-wrap:wrap}}
/* карточки KPI: стрелку убрали (есть подсказка), иконка справки - в правом верхнем углу */
.rd-tile{position:relative}
.rd-tile[data-go]::after,.rd-tile.sm[data-go]::after{display:none!important}
.rd-tile .tf{position:static;padding-right:0}
.rd-tile .tf .help-btn,.rd-tile.sm .tf .help-btn{position:absolute;top:var(--hb-top,10px);right:10px;bottom:auto;transform:none}
.rd-tile .lbl,.rd-tile.sm .lbl,.rd-tile[data-go] .lbl,.rd-tile.sm[data-go] .lbl{padding-right:24px}
.rd-tile,.rd-tile.sm{padding-right:16px}
.rd-tile .tf .help-btn{right:10px}
.rd-tile.sm .lbl,.rd-tile.sm[data-go] .lbl{padding-right:20px}
.rd-tile.sm .tf .help-btn{right:10px}
th.ckc.off{cursor:default}
th.ckc.off .ck{opacity:.45}
.fs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px;flex:none}
.fs-chips:empty{display:none}
.fs-chips .chip{cursor:default;height:28px}
.fs-chips .chip .x{border:none;background:none;color:inherit;font:inherit;padding:0 0 0 2px;cursor:pointer}
.cf-c.cf-info{cursor:default;background:var(--bg);color:var(--muted);gap:6px}
.cf-c.cf-info svg{width:15px;height:15px;flex:none}
.cf-c.cf-info .v{font-weight:500;color:var(--fg)}
/* матрица на всю ширину, зоны - легендой над графиком */
.mx-wrap{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.mx-groups{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:8px}
.mx-groups .ls-g{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;grid-template-columns:none}
.mx-groups .ls-g .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.mx-groups .ls-g .t{font-size:13px;font-weight:600}
.mx-groups .ls-g .n{font-size:13px;font-weight:700;font-family:inherit;grid-row:auto;min-width:0}
.mx-groups .ls-g .s{font-size:12.5px;opacity:.8}
.mx-groups .ls-g .s::before{content:"· "}
.bar-per .chip .v{font-weight:600}
.bar-per .chip.def{background:var(--bg);color:var(--fg);border-color:transparent;font-weight:500}
.bar-per .chip.def .k{color:var(--muted)}
.bar-per .chip.def:hover{border-color:transparent}
.bar-per .chip.def:hover .v{color:var(--accent)}
/* период и сравнение по умолчанию - иконка и значение, без плашки */
.bp-ic{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 4px;border:none;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--fg);cursor:pointer;white-space:nowrap}
.bp-ic svg{width:17px;height:17px;color:var(--muted);flex:none}
.bp-ic:hover .v,.bp-ic:hover svg{color:var(--accent)}
.bp-items{gap:14px}
@media (max-width:1500px){.app-nav{gap:0}.app-nav button{padding-left:12px;padding-right:12px}}
@media (max-width:1300px){.app-nav button{padding-left:10px;padding-right:10px}}
.chip.chip-ic{gap:6px}
.chip.chip-ic svg{width:15px;height:15px;flex:none}
.gf-btn.on{color:var(--accent);background:var(--accent-soft)}
/* выбранные строки списков - только заливка, без обводки */
.rd-row.sel{border-color:transparent}
/* выбранное - только акцентной заливкой, без обводки: активная карточка KPI и чипсы фильтров */
.rd-tile.on,.rd-tile.sm.on{box-shadow:none;background:var(--accent-soft)}
.rd-tile.on:hover{background:var(--accent-soft)}
.chip{border-color:transparent}
.chip:hover{border-color:transparent}
.cf-c.on{box-shadow:none}
/* выбранное: заливка + очень тонкая обводка */
:root{--sel-line:rgba(215,40,27,.22)}
:root[data-theme=dark]{--sel-line:rgba(232,57,43,.35)}
.rd-tile.on,.rd-tile.sm.on,.rd-row.sel,.cf-c.on{box-shadow:inset 0 0 0 1px var(--sel-line)}
.rd-row.sel{border-color:transparent}
.chip:not(.def){box-shadow:inset 0 0 0 1px var(--sel-line)}
.rd-list.only-sel .rd-row.sel,table.only-sel tbody tr.sel{box-shadow:none}
/* карточки вкладки LFL */
.lf-row{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:0}
.lf-tile[data-lm]{cursor:pointer}
.lf-tile[data-lm]:hover{background:var(--accent-soft)}
.lf-st .val .up{color:var(--ok)}.lf-st .val .down{color:var(--bad)}.lf-st .val .mid{color:var(--muted)}
.lf-st .val .sl{color:var(--muted2);font-weight:500}
@media (max-width:900px){.lf-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* обводку оставляем только у чипсов на сером фоне страницы; карточки и всё на белом - только заливка */
.rd-tile.on,.rd-tile.sm.on,.rd-row.sel,.cf-c.on,.bar-per .chip,.fs-chips .chip,.cm .chip{box-shadow:none}
.pg-chips .chip:not(.def){box-shadow:inset 0 0 0 1px var(--sel-line)}
/* кнопка печати - справа в строке фильтров */
.pr-btn{flex:none;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:var(--card);color:var(--muted);cursor:pointer}
.pr-btn svg{width:20px;height:20px}
.pr-btn:hover{color:var(--accent)}
.print-head{display:none}
.rd.printing .print-head{display:flex;align-items:baseline;gap:14px;font-size:14px;margin:0 0 4px}
.rd.printing .rd-tools input,.rd.printing .pr-btn{display:none}
@page{size:A4 landscape;margin:0}
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  html,body{background:var(--bg)!important;overflow:visible!important}
  .auth,.app-top,.app-bar,.pr-btn,.ci,.help-btn,.rd-tip,.ui-tip,.cm,.fs-back,.fs-close,#take,.rd-tools input,.rd-tools .rd-btn,.st-csv,#sku-csv{display:none!important}
  .rd.printing .print-head,.print-head{display:flex!important;align-items:baseline;gap:14px;font-size:14px;margin:0 0 4px}
  .print-head b{font-size:18px}
  .print-head span{color:var(--muted)}
  .rd{padding:10mm 11mm!important;margin:0!important}
  .rd-card,.rd-tile,.rd-tiles{break-inside:avoid}
  .rd-card,.rd-tile{box-shadow:none!important}
  .pg-chips .chip .x{display:none}
  .rd-tbox,.rd-list.scroll,.cm-list{overflow:hidden!important}
  th,tfoot tr.tot td{position:static!important}
  thead{display:table-row-group}tfoot{display:table-row-group}
}
.pr-btn{background:none;width:32px;height:32px;border-radius:8px}
@media print{
  /* при печати - раскладка как на широком экране, независимо от ширины листа */
  .rd.printing .rd-tiles,.rd.printing .sm-row,.rd.printing .lf-row,.rd.printing .ck-row{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .rd.printing .rd-grid.ov,.rd.printing .rd-grid.lf,.rd.printing .rd-grid.chk-grid{grid-template-columns:minmax(0,7fr) minmax(0,3fr)!important}
  .rd.printing .rd-grid.ov>#card-trend{grid-column:1!important;grid-row:1!important}
  .rd.printing .rd-grid.ov>#card-types{grid-column:2!important;grid-row:1!important}
  .rd.printing .rd-grid.lf>#card-lfl{grid-column:1!important;grid-row:1!important}
  .rd.printing .rd-grid.lf>#card-shops{grid-column:2!important;grid-row:1/3!important;display:flex;flex-direction:column}
  .rd.printing .rd-grid.lf>#card-lflshops{grid-column:1!important;grid-row:2!important}
  .rd.printing #card-lflshops .ls-wrap{grid-template-columns:minmax(0,36fr) minmax(0,64fr)!important}
  .rd.printing #card-lflshops .ls-groups{display:flex!important;flex-direction:column}
  .rd.printing .rd-card,.rd.printing .rd-tile{break-inside:auto}
  .rd.printing .rd-tbox{max-height:none!important}
}
@media print{
  /* печать: белый фон, карточки и блоки - тонкая обводка; без колонтитулов браузера (поля страницы = 0) */
  html,body,.rd{background:#fff!important}
  .rd-card,.rd-tile{background:#fff!important;box-shadow:inset 0 0 0 1px #E2E2EA!important}
  .rd-tile.on{background:#fff!important}
  .rd-tile.on .lbl{color:var(--fg)!important}
  .pg-sum .ps-i{background:#fff;box-shadow:inset 0 0 0 1px #E2E2EA}
}
/* режим снимка для PDF: белый фон, тонкие рамки, раскладка как на широком экране */
.rd.pdf-mode{background:#fff;padding:18px 20px!important;gap:14px}
.rd.pdf-mode .print-head{display:flex;align-items:baseline;gap:14px;font-size:15px}
.rd.pdf-mode .print-head b{font-size:18px}
.rd.pdf-mode .print-head span{color:var(--muted)}
.rd.pdf-mode .rd-card,.rd.pdf-mode .rd-tile{background:#fff!important;box-shadow:none!important;border:1px solid #E2E2EA}
.rd.pdf-mode .rd-tile.on{background:#fff!important}
.rd.pdf-mode .rd-tile.on .lbl{color:var(--fg)!important}
.rd.pdf-mode .pg-chips .chip .x,.rd.pdf-mode .cf-c .x{display:none}
.rd.pdf-mode .rd-tbox{max-height:none!important;overflow:visible!important}
.rd.pdf-mode .rd-list.scroll{overflow:hidden!important}
.rd.pdf-mode .fade-b,.rd.pdf-mode .fade-t{-webkit-mask-image:none!important;mask-image:none!important}
.rd.pdf-mode th,.rd.pdf-mode tfoot tr.tot td{position:static!important}
.rd.pdf-mode .rd-tools input,.rd.pdf-mode .rd-tools .rd-btn,.rd.pdf-mode .st-csv{display:none}
.rd.pdf-mode .pg-sum .ps-i{background:#fff;border:1px solid #E2E2EA}
.pr-btn.busy{opacity:.5;cursor:progress}
/* строка фильтров: текст, чипсы и иконка печати на одной оси */
.rd-head{align-items:center!important}
.pg-chips{display:flex;align-items:center;min-height:32px}
.pg-none{display:inline-flex;align-items:center;height:32px;line-height:1}
.pr-btn{align-self:center;height:32px;width:32px;padding:0}
.pr-btn svg{display:block;transform:translateY(1px)}
.cm-h .cm-reset{align-self:center;line-height:1.2;margin:0 0 0 auto;font-size:12.5px;font-weight:500;color:var(--accent);cursor:pointer;visibility:visible!important}
.cm-sec.open .cm-h .cm-reset{visibility:visible}
/* строки разделов меню: одинаковая высота строки у названия, значения и «Сбросить» - все по центру */
.cm-h{align-items:center}
.cm-h .cm-ht,.cm-h .cm-hv,.cm-h .cm-reset{line-height:18px;display:block}
/* жирный заголовок крупнее значения - оптически поднимаем его, чтобы центры букв совпали */
.cm-h .cm-ht{transform:translateY(-0.75px)}
.cm-h .cm-hv,.cm-h .cm-reset{transform:translateY(0.25px)}
.cm-h .cm-chev{display:block;align-self:center}
.st-row{margin-bottom:0}
.rd-tile .val .u{font-size:15px;font-weight:500;color:var(--muted);margin-left:6px;letter-spacing:0}
#card-brands:not(.fs),#card-cats:not(.fs){display:none}
html,body{background:var(--page)}
.app-top,.app-bar{background:var(--bar)}
.auth{background:var(--page)}
.auth-top{background:var(--bar)}
:root[data-theme=dark] .app-top.scrolled+.app-bar{box-shadow:0 6px 18px rgba(0,0,0,.25)}
:root[data-theme=dark] .ck{border-color:#6F84A8}
:root[data-theme=dark] .field input::placeholder,:root[data-theme=dark] .eye{color:#7F93B5}
:root[data-theme=dark] .ui-tip{background:#F3F7FF;color:#223048}
:root[data-theme=dark] svg .dim{fill:#4E6590;opacity:1;fill-opacity:1}
.toast{position:fixed;left:50%;bottom:32px;z-index:300;transform:translate(-50%,12px);opacity:0;transition:opacity .2s,transform .2s;background:#14143C;color:#fff;font-size:14px;font-weight:500;line-height:1.4;padding:12px 20px;border-radius:12px;box-shadow:0 10px 28px rgba(20,20,60,.25);max-width:calc(100vw - 32px);text-align:center;pointer-events:none}
.toast.in{opacity:1;transform:translate(-50%,0)}
:root[data-theme=dark] .toast{background:#F3F7FF;color:#223048;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.anchor-hint{display:none!important}