/* «Ежедневная сводка»: плашка управления, значок закладок, компактная левая панель.
   Решение владельца 29.09.2026 — mp_manager/DEVELOPMENT.md §«Ежедневная сводка: одна Базовая, закладки, период».
   Файл идёт после style.css: часть правил перекрывает его слои шапки (.hdr > .topbar …). */

/* ---------- плашка: Выбор периода · Гранулярность · Поиск артикула · Сортировка ---------- */
.hdr .fplate{display:flex;align-items:flex-end;gap:12px;flex:0 0 auto;min-width:0;
  padding:3px 10px 4px;border:1px solid var(--line);border-radius:10px;background:var(--panel2,#f6f7fb)}
.fcell{display:flex;flex-direction:column;gap:1px;min-width:0}
.fcap{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  line-height:1.2;white-space:nowrap}
.prange{display:inline-flex;align-items:center;gap:4px}
.pdash{color:var(--muted)}
.hdr .fplate input[type=date]{width:116px;height:26px;padding:0 6px !important;font-size:12px !important;box-sizing:border-box}
.hdr .fplate select{height:26px;max-width:110px;padding:0 6px !important;font-size:12px !important}
.hdr .fplate #f-sort{max-width:132px}
.hdr .fplate #f-search{width:148px;min-width:110px}
.hdr .fplate .chip{height:26px;box-sizing:border-box}
@media (max-width:900px){
  .hdr .fplate{flex-wrap:wrap;gap:6px 10px}
  .hdr > .topbar{flex-wrap:wrap}
}

/* ---------- закладки: значок справа сверху и окно ---------- */
.hdr > header > .bm-wrap{order:11;display:inline-flex}
.bm-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 8px !important}
.bm-btn.on,.bm-btn:hover{color:var(--accent2,var(--accent))}
.bm-pop{position:fixed;z-index:1100;width:min(350px,calc(100vw - 16px));box-sizing:border-box;
  background:var(--panel,#fff);border:1px solid var(--line);border-radius:10px;
  box-shadow:0 10px 30px rgba(30,40,70,.2);padding:10px 12px}
.bm-pop.hidden{display:none}
.bm-head{font-weight:700;font-size:13px;margin-bottom:6px}
.bm-head .muted{font-weight:400;font-size:11px}
.bm-list{display:flex;flex-direction:column;gap:2px;max-height:min(320px,50vh);overflow-y:auto;margin-bottom:8px}
.bm-row{display:flex;align-items:center;gap:2px;border-radius:6px}
.bm-row:hover{background:var(--panel2,#eef1f7)}
.bm-name{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;padding:5px 6px;font-size:13px;
  color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-ic{flex:0 0 auto;background:none;border:0;padding:3px 6px;font-size:13px;color:var(--muted);
  cursor:pointer;border-radius:5px}
.bm-ic:hover{color:var(--text);background:var(--line)}
.bm-ic.bm-sure{color:#fff;background:#c62828;font-size:11px;font-weight:600}
.bm-edit{gap:4px;padding:2px 0}
.bm-in{flex:1 1 auto;min-width:0;height:26px;box-sizing:border-box;border:1px solid var(--line);
  border-radius:6px;padding:0 8px;font-size:12px}
.bm-add{display:flex;gap:6px;align-items:center}
.bm-empty{padding:8px 6px;font-size:12px}
.bm-note{font-size:11px;margin-top:6px;line-height:1.3}

/* ---------- левая панель по образцу владельца (скрин PBI): одна колонка, жирные подписи над полями
   во всю ширину, блоки в мягких рамках ---------- */
/* 29.09.2026 (владелец): у блоков — аккуратная окантовка (тонкая рамка + светлая полоса-акцент сверху),
   всё сжато к верху: меньше отступы между блоками, полями и подписями. */
.sidebar{padding:6px 10px 20px 12px}
.side-compact{position:relative;padding:7px 10px 8px !important;border:1px solid #cdd2ec !important;border-radius:12px !important;
  background:#fff;box-shadow:0 1px 2px rgba(60,70,140,.06),inset 0 2px 0 #e3e6fb;margin-bottom:6px;
  transition:border-color .15s,box-shadow .15s}
.side-compact:hover{border-color:#b7bee6 !important;box-shadow:0 2px 8px rgba(60,70,140,.10),inset 0 2px 0 #d6daf8}
.side-compact h4{margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--text)}
.side-hier{display:flex;flex-direction:column;gap:0}
.side-hier label{font-size:13px;padding:1px 0 !important;gap:8px;white-space:nowrap;overflow:hidden;min-width:0}
.side-compact .side-wide{display:block;width:100%;margin:0}
.side-grid{display:flex;flex-direction:column;gap:4px}
.side-grid .lbl{display:block;font-size:12.5px;font-weight:700;text-transform:none;letter-spacing:0;
  color:var(--text);margin:0 0 2px}
.side-compact .msel{display:block;width:100%;margin:0}
.side-compact .msel-btn,.side-compact select{height:28px;min-height:28px;padding:0 10px !important;font-size:13px;
  line-height:1.2;border-radius:9px;border:1px solid #cfd3ea;box-sizing:border-box}
.side-compact .msel-btn:hover,.side-compact select:hover{border-color:#aab2e0}
.side-compact select{padding-right:22px !important}
.side-compact .side-reset{width:100%;margin-top:7px;border-radius:9px}

/* ---------- «Настройки сводки»: кнопка в плашке и окно поверх (DIG-0094, static/sum_settings.js) ---------- */
.ss-btn{height:26px;display:inline-flex;align-items:center;gap:6px;padding:0 8px 0 7px;box-sizing:border-box;
  border:1px solid var(--line-strong,#b8c0cd);border-radius:8px;background:var(--panel,#fff);color:var(--text);
  font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;max-width:420px;overflow:hidden}
.ss-btn.hidden{display:none}
.ss-btn:hover{border-color:var(--accent)}
.ss-btn.open{background:var(--accent);border-color:var(--accent);color:#fff}
.ss-btn svg{flex:none;color:var(--accent)}
.ss-btn.open svg{color:#fff}
.ss-sum{display:inline-flex;gap:4px;min-width:0;overflow:hidden}
.ss-sum i{font-style:normal;font-size:11px;padding:1px 6px;border-radius:9px;background:var(--panel2,#eef1f6);color:var(--accent)}
.ss-btn.open .ss-sum i{background:rgba(255,255,255,.16);color:#fff}
@media (max-width:1500px){ .ss-sum i:nth-child(n+3){display:none} }
@media (max-width:1150px){ .ss-sum i:nth-child(n+2){display:none} }

.ss-pop{position:fixed;z-index:1100;box-sizing:border-box;overflow-y:auto;background:var(--panel,#fff);
  border:1px solid var(--line);border-radius:14px;font-size:12px;color:var(--text);
  box-shadow:0 18px 50px rgba(20,28,45,.18),0 2px 6px rgba(20,28,45,.06);animation:ssIn .14s ease-out}
.ss-pop.hidden{display:none}
@keyframes ssIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ss-pop{animation:none}}
.ss-pop button{font:inherit;color:inherit}
.ss-h{display:flex;align-items:center;gap:10px;padding:12px 16px 10px}
.ss-h b{font-size:14px}
.ss-live{font-size:11px;color:var(--ok);display:inline-flex;align-items:center;gap:5px}
.ss-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.ss-x{margin-left:auto;border:0;background:none;font-size:18px !important;line-height:1;color:var(--muted) !important;
  cursor:pointer;padding:2px 7px;border-radius:6px}
.ss-x:hover{background:var(--panel2)}
.ss-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.ss-sec{padding:12px 16px 14px;min-width:0}
.ss-sec+.ss-sec{border-left:1px solid var(--line)}
.ss-full{grid-column:1/-1;border-left:0 !important;border-top:1px solid var(--line)}
.ss-t{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.ss-hint{font-size:11px;color:var(--muted);margin-top:8px;min-height:15px}

.ss-list{display:flex;flex-direction:column;gap:1px;max-height:220px;overflow-y:auto;margin:0 -6px;padding:0 6px}
.ss-opt{display:flex;align-items:center;gap:8px;padding:5px 8px;border:0;background:none;border-radius:8px;
  cursor:pointer;text-align:left}
.ss-opt:hover{background:var(--panel2)}
.ss-opt.on{background:#eef1f6;font-weight:600}
.ss-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--line-strong,#b8c0cd);flex:none;position:relative;box-sizing:border-box}
.ss-opt.on .ss-dot{border-color:var(--accent)}
.ss-opt.on .ss-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--accent)}
.ss-seg{display:flex;background:var(--panel2);border-radius:8px;padding:3px;gap:3px;margin-top:10px}
.ss-seg button{flex:1;border:0;background:none;padding:5px 8px;border-radius:6px;cursor:pointer;color:var(--muted) !important;white-space:nowrap}
.ss-seg button.on{background:var(--panel,#fff);color:var(--text) !important;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}

.ss-lad{display:flex;flex-direction:column}
.ss-step{display:flex;align-items:center;gap:10px;padding:5px 6px;border:0;background:none;border-radius:8px;
  cursor:pointer;position:relative;text-align:left}
.ss-step:hover{background:var(--panel2)}
.ss-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;
  background:var(--panel2);color:var(--muted);border:1.5px solid var(--line);box-sizing:border-box;position:relative;z-index:1}
.ss-step.in .ss-n{background:var(--accent);color:#fff;border-color:var(--accent)}
.ss-step.cur .ss-n{box-shadow:0 0 0 4px rgba(40,48,63,.14)}
.ss-l{flex:1}
.ss-step.in .ss-l{font-weight:600}
.ss-tag{font-size:10.5px;color:var(--muted)}
.ss-step:not(:last-child):after{content:"";position:absolute;left:16.5px;top:26px;height:12px;width:1.5px;background:var(--line)}
.ss-step.in:not(:last-child):after{background:var(--accent)}
.ss-row{display:flex;gap:6px;margin-top:8px}
.ss-mini{flex:1;border:1px solid var(--line);background:var(--panel,#fff);border-radius:6px;padding:5px 4px;
  font-size:11px !important;cursor:pointer;color:var(--accent) !important}
.ss-mini:hover{border-color:var(--accent)}

.ss-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ss-sz,.ss-dc{display:flex;flex-direction:column;align-items:center;gap:1px;border:1.5px solid var(--line);border-radius:10px;
  padding:8px 6px 7px;background:var(--panel,#fff);cursor:pointer;transition:border-color .12s,box-shadow .12s}
.ss-sz:hover,.ss-dc:hover{border-color:var(--line-strong,#b8c0cd)}
.ss-sz.on,.ss-dc.on{border-color:var(--accent);background:#f6f8fb;box-shadow:0 0 0 3px rgba(40,48,63,.08)}
.ss-pv{height:36px;display:flex;align-items:center;justify-content:center;gap:5px}
.ss-pv b{display:block;border-radius:3px;background:linear-gradient(135deg,#ffd9a8,#f0a35e)}
.ss-pv s{display:block;height:4px;border-radius:2px;background:var(--line);margin:3px 0}
.ss-st{font-weight:600;font-size:11.5px;margin-top:3px}
.ss-sd{font-size:10.5px;color:var(--muted)}

.ss-drow{display:flex;gap:14px;align-items:stretch}
.ss-tg{display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;white-space:nowrap;padding:0}
.ss-sw{width:34px;height:20px;border-radius:10px;background:var(--line-strong,#b8c0cd);position:relative;flex:none;transition:background .15s}
.ss-sw:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;
  transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ss-tg.on .ss-sw{background:var(--ok)}
.ss-tg.on .ss-sw:after{left:16px}
.ss-dopts{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ss-dc{align-items:flex-start;text-align:left;padding:7px 9px}
.ss-dopts.off,.ss-dfmt.off{opacity:.35;pointer-events:none}
.ss-dfmt{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:11px;color:var(--muted)}
.ss-dfmt .ss-seg{margin:0}
.ss-dfmt .ss-seg button{padding:3px 10px;font-size:11px !important}
.ss-f{display:flex;align-items:center;gap:10px;padding:9px 16px;border-top:1px solid var(--line);
  background:var(--panel2);border-radius:0 0 14px 14px;font-size:11px;color:var(--muted)}
.ss-reset{margin-left:auto;border:0;background:none;cursor:pointer;color:var(--muted) !important;
  text-decoration:underline dotted;white-space:nowrap;font-size:11.5px !important}
.ss-reset:hover{color:var(--brand) !important}
@media (max-width:640px){
  .ss-grid{grid-template-columns:1fr}
  .ss-sec+.ss-sec{border-left:0;border-top:1px solid var(--line)}
  .ss-sizes{grid-template-columns:repeat(2,1fr)}
  .ss-drow{flex-direction:column}
  .ss-dopts{grid-template-columns:1fr}
}

/* Скрытые артикулы (DIG-0150): кнопка в ячейке артикула и группа в «Настройках сводки». */
.hs-btn{display:inline-block;margin-top:3px;padding:0 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel,#fff);
  font-size:11px !important;line-height:17px;color:var(--muted) !important;cursor:pointer;align-self:flex-start}
.hs-btn:hover{border-color:var(--accent);color:var(--accent) !important}
.hs-btn.on{background:#fff4e5;border-color:#f0c48a;color:#9a5a00 !important}
.hs-row{display:flex;align-items:center;gap:14px}
.hs-cnt{font-size:12px;color:var(--muted)}
.hs-plus{margin-left:auto;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--panel,#fff);
  font-size:17px !important;line-height:1;cursor:pointer;color:var(--accent) !important}
.hs-plus:hover,.hs-plus.on{border-color:var(--accent)}
.hs-add{display:flex;gap:6px;margin-top:10px}
.hs-add input{flex:1;min-width:0;border:1px solid var(--line);border-radius:6px;padding:4px 8px}
.hs-add .ss-mini{flex:none;padding:5px 12px}
.hs-list{margin-top:8px;max-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}
.hs-g+.hs-g{border-top:1px solid var(--line)}
.hs-gh{position:sticky;top:0;background:var(--panel2);padding:4px 10px;font-size:11.5px;font-weight:700}
.hs-gh span{color:var(--muted);font-weight:400;margin-left:4px}
.hs-it{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:12px}
.hs-n{font-variant-numeric:tabular-nums;font-weight:600}
.hs-tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.hs-it .ss-mini{flex:none;padding:2px 10px}