/* ─── Окно выбора из списка с галочками — assets/js/mm-picker.js ───────────────────
   Рамка окна — классы модалки страницы (.modal-overlay/.modal/…), здесь только высота окна и сам список:
   строка — галочка, фото, жирная строка, серая строка, число справа. Токены — из theme.css.
   ─────────────────────────────────────────────────────────────────────────────── */
.mm-picker .modal { width: 720px; max-width: calc(100vw - 32px); height: min(86vh, 780px); max-height: 86vh;
  display: flex; flex-direction: column; }
.mm-picker .modal-header { flex-shrink: 0; }
.mm-picker .modal-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }   /* тело окна mm.modal */
/* Фильтры страницы под поиском: чип — общая пилюля theme.css (.pill.pill-neutral) + крестик; справа — «Показано N
   из M доступных». */
.mm-pk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 8px; min-height: 22px; }
.mm-pk-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }
.mm-pk-chip { font-weight: 500; max-width: 100%; }
.mm-pk-chip b { font-weight: 600; color: var(--mm-ink); overflow: hidden; text-overflow: ellipsis; }
.mm-pk-chip-x { border: 0; background: none; padding: 0 0 0 2px; margin-right: -3px; cursor: pointer; font-size: 11px;
  line-height: 1; color: var(--mm-ink-4); }
.mm-pk-chip-x:hover { color: var(--mm-ink); }
.mm-pk-total { margin-left: auto; font-size: 12.5px; color: var(--mm-ink-3); white-space: nowrap; }
.mm-pk-total b { color: var(--mm-ink); }
.mm-pk-note { margin-top: 6px; font-size: 12.5px; line-height: 1.45; }
.mm-pk-limit { margin-top: 8px; font-size: 12.5px; font-weight: 600; color: var(--mm-ink-2); }
.mm-pk-limit.full { color: var(--mm-warning, #9A6700); }
.mm-pk-list { flex: 1; min-height: 0; overflow-y: auto; margin-top: 10px; border: 1px solid var(--mm-border-lt);
  border-radius: var(--r-lg); }
.mm-pk-row { display: flex; gap: 12px; align-items: center; padding: 8px 12px; cursor: pointer;
  border-bottom: 1px solid var(--mm-bg); }
.mm-pk-row:hover { background: var(--mm-bg); }
.mm-pk-row.picked { background: var(--mm-blue-bg); }
.mm-pk-row.off { cursor: not-allowed; }
.mm-pk-row.off > :not(input) { opacity: 0.45; }
.mm-pk-row input { width: 16px; height: 16px; flex-shrink: 0; accent-color: var(--mm-ink); cursor: inherit; }
.mm-pk-row img, .mm-pk-ph { width: 44px; height: 58px; object-fit: cover; border-radius: var(--r-md);
  background: var(--mm-bg); flex-shrink: 0; display: block; }
.mm-pk-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mm-pk-title { font-weight: 500; font-size: 13px; color: var(--mm-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mm-pk-sub { font-size: 12px; color: var(--mm-ink-4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mm-pk-val { font-size: 13px; font-weight: 600; white-space: nowrap; text-align: right; color: var(--mm-ink); }
.mm-pk-val small { display: block; font-weight: 400; font-size: 10.5px; color: var(--mm-ink-4); }
.mm-pk-status { padding: 12px; font-size: 12.5px; color: var(--mm-ink-4); }
.mm-pk-status:empty { display: none; }
.mm-pk-sentinel { height: 1px; }
.mm-picker .modal-footer { flex-shrink: 0; }
.mm-pk-count { margin-right: auto; font-size: 13.5px; color: var(--mm-ink-2); }
.mm-pk-err { color: var(--mm-danger, #CF222E); font-size: 12.5px; max-width: 360px; }
.mm-pk-err:empty { display: none; }