/* ---------- Шаг 2: заголовок страницы и сводные плашки (макет 2a) ---------- */
.pagehead { display: flex; align-items: flex-end; justify-content: space-between;
            gap: 24px; margin: 6px 0 30px; flex-wrap: wrap; }
.pagetitle { font-size: 72px; font-weight: 600; letter-spacing: -.045em;
             line-height: .94; margin: 0; color: var(--text); }
.stats { display: flex; gap: 12px; }
.stat { width: 286px; flex: 0 0 286px; height: 130px; padding: 20px 24px;
        display: flex; flex-direction: column; gap: 10px;
        border-radius: var(--r-block); border: 1px solid rgba(255,255,255,.7);
        box-shadow: var(--sh-card);
        background: linear-gradient(150deg, rgba(255,255,255,.85) 0%,
                    rgba(247,247,245,.45) 55%, rgba(214,215,211,.35) 100%);
        backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.stat.accent { border-color: rgba(255,255,255,.55);
               background: linear-gradient(150deg, rgba(232,240,214,.9) 0%,
                           rgba(223,232,200,.55) 55%, rgba(198,211,166,.4) 100%); }
.stat-top { display: flex; align-items: center; justify-content: space-between; }
.stat-label { font-size: 11px; font-weight: 700; color: var(--muted); }
.stat.accent .stat-label { color: var(--accent-2); }
.stat-value { margin-top: auto; font-size: 48px; font-weight: 600; letter-spacing: -.04em;
              line-height: 1; font-variant-numeric: tabular-nums; }

/* Ячейка товара: название и SKU */
.pcell { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pname { font-size: 14px; font-weight: 600; letter-spacing: -.015em;
         overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pcell .sku { font-size: 12px; color: var(--muted-2); font-variant-numeric: tabular-nums; }
tr.product td .num, tr.product td.num { font-size: 15px; font-weight: 500; letter-spacing: -.02em; }

/* История замеров: центрированные колонки, комментарий по левому краю */
.hist td.hcell, .hist th.hcell { text-align: center; }
.hist td.hcomment { text-align: left; }
.hist td.hcomment .comments { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hist td.hcomment .cform { flex: 1; min-width: 220px; }
.hist td.hcomment .cform button { width: 38px; height: 34px; padding: 0; flex: none;
                                  background: var(--surface); font-size: 15px; font-weight: 500; }



/* Массовое выделение строк «Соинвеста» — тот же приём, что в списке АБ-тестов:
   режим выбора включается кнопкой, в покое таблица без галочек. */
.pickmode { background: none; border: 1px solid var(--line-strong); color: var(--text-2);
            padding: 8px 16px; }
.pickmode:hover { border-color: var(--text); color: var(--text); }
.pickmode.on { background: var(--card-hover); border-color: var(--accent-2); color: var(--accent); }

th.pick, td.pick { width: 0; padding: 0; overflow: hidden; }
#own.picking th.pick, #own.picking td.pick { width: 46px; padding: 10px 0 10px 18px;
                                             text-align: center; }
td.pick input { display: none; }
/* Кружок как на плитках АБ: приглушённая обводка, зелёная заливка с птичкой. */
#own.picking td.pick input { appearance: none; -webkit-appearance: none; display: block;
                             position: relative; margin: 0; width: 22px; height: 22px;
                             border-radius: 50%; cursor: pointer;
                             border: 1.5px solid var(--line-strong); background: var(--card-hover);
                             transition: background .15s ease, border-color .15s ease; }
#own.picking td.pick input:hover { border-color: var(--muted-2); }
#own.picking td.pick input:checked { background: var(--accent-2); border-color: var(--accent-2); }
#own.picking td.pick input:checked::after { content: ""; position: absolute; left: 7px; top: 3px;
                                            width: 5px; height: 10px; border: solid #12201a;
                                            border-width: 0 2px 2px 0; transform: rotate(45deg); }
#own.picking tr.product { cursor: pointer; }
/* Контур не рисуем по каждой ячейке — из этого получалась зелёная сетка.
   Отмеченная строка = зеленоватая заливка и полоска акцента у левого края. */
tr.product.picked td { background: rgba(52,211,153,.12); }
tr.product.picked td:first-child { box-shadow: inset 3px 0 0 var(--accent-2); }

.bulkbar { display: flex; align-items: center; gap: 12px; margin: 0 0 10px;
           padding: 10px 18px; background: var(--card); border-radius: var(--r-row); }
.bulkbar .count { font-size: 13px; font-weight: 600; color: var(--text-2);
                  font-variant-numeric: tabular-nums; }
.bulkbar .spacer { flex: 1; }
.bulkbar button { padding: 8px 16px; }
.bulkbar .ghost { background: none; border: 1px solid var(--line-strong); color: var(--text-2); }
.bulkbar .ghost:hover { border-color: var(--text); color: var(--text); }
.bulkbar .danger { background: var(--st-err-bg); border-color: transparent; color: var(--st-err-fg); }
.bulkbar .danger:hover:not(:disabled) { background: var(--up); color: #2a0f0b; }