/* mrm_hub_lists.css — Model Hub v5, the Models and Tools list pages (mrm_hub_lists.js).
   Spec: mrm-hub-research/SPEC_v5.md §6.2, §6.3, §10.6. Owns the .mrmh-list-* prefix only;
   the shared primitives (.mrmh-verdict, .mrmh-dot, .mrmh-state, .mrmh-na, .mrmh-sub,
   .mrmh-muted, .mrmh-amber-text, .mrmh-chipbar, .mrmh-chip, .mrmh-dec) are mrm_hub.css.
   Tokens only, no colour literals, no filled cells. .mrm-tw-inv is left alone: its
   overflow must stay visible or the sticky table header scrolls away with the rows. */

/* ---- head: verdict, chip bar, filters row ---- */
.mrm .mrmh-list-head { margin: 4px 0 2px; }
.mrm .mrmh-list-v2 { display: block; margin-top: 3px; font-size: 12px; font-weight: 400; color: var(--muted); }
.mrm .mrmh-list-chips { margin: 6px 0; }

/* ---- row 1: search · Lens · More filters · [Group · Density] · count ---- */
.mrm .mrmh-list-row1 { row-gap: 6px; }
.mrm .mrmh-list-morebtn {
  font: inherit; font-size: 12px; line-height: 1.4; padding: 3px 9px; cursor: pointer;
  color: var(--muted); background: none; border: 1px solid var(--border); border-radius: 7px;
}
.mrm .mrmh-list-morebtn:hover { color: var(--accent); border-color: var(--accent); }
.mrm .mrmh-list-more-open .mrmh-list-morebtn { color: var(--accent); border-color: var(--accent); }
/* the arrow is drawn by CSS: the core toggles the open class without repainting the
   button, so a literal ▾ in the markup would point the wrong way until the next refresh */
.mrm .mrmh-list-arr::after { content: " \25BE"; }
.mrm .mrmh-list-more-open .mrmh-list-arr::after { content: " \25B4"; }
.mrm .mrmh-list-moreonly { display: inline-flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; }
/* More filters closed: the selects row and the Group / Density controls are hidden */
.mrm .mrmh-list:not(.mrmh-list-more-open) .mrmh-list-selects,
.mrm .mrmh-list:not(.mrmh-list-more-open) .mrmh-list-moreonly { display: none; }

/* ---- row 2: the selects (app ids) ---- */
.mrm .mrmh-list-selects select { max-width: 100%; }

/* ---- cells ---------------------------------------------------------------------------
   Widths are caps, never fills; every long value is on the cell's hover. */
.mrm td.mrmh-list-needs { white-space: normal; min-width: 150px; max-width: 230px; line-height: 1.35; }
.mrm .mrmh-list-needs .mrmh-dot { margin-right: 5px; }
.mrm .mrmh-list-plus { font-size: 11px; white-space: nowrap; }
.mrm td.mrmh-list-picks { white-space: normal; min-width: 120px; max-width: 170px; }
.mrm td.mrmh-list-fwd { white-space: nowrap; min-width: 120px; }
.mrm .mrmh-list-fwd-v { font-variant-numeric: tabular-nums; }
.mrm td.mrmh-list-rating,
.mrm td.mrmh-list-date,
.mrm td.mrmh-list-due,
.mrm td.mrmh-list-mon,
.mrm td.mrmh-list-dec { white-space: nowrap; }
.mrm .mrmh-list-ne { color: var(--muted); cursor: help; }
.mrm td.mrmh-list-openh { white-space: nowrap; font-variant-numeric: tabular-nums; }
.mrm td.mrmh-list-conds { white-space: normal; min-width: 130px; max-width: 200px; }
.mrm td.mrmh-list-pol { white-space: normal; min-width: 140px; max-width: 220px; }
.mrm .mrmh-list-mon .mrmh-dot, .mrm .mrmh-list-picks .mrmh-dot { margin-right: 4px; }

/* tools */
.mrm td.mrmh-list-tname { white-space: normal; min-width: 140px; max-width: 220px; }
.mrm td.mrmh-list-does { white-space: normal; min-width: 200px; max-width: 320px; }
.mrm td.mrmh-list-feeds { white-space: normal; min-width: 150px; max-width: 250px; }
.mrm .mrmh-list-feedchips { display: inline-flex; flex-wrap: wrap; gap: 3px; }
.mrm .mrmh-list-feed sup { font-size: 9px; font-weight: 600; color: var(--muted); margin-left: 1px; }
.mrm .mrmh-list-reach { cursor: help; }
.mrm td.mrmh-list-why { white-space: normal; min-width: 150px; max-width: 240px; }
.mrm .mrmh-list-whychip { font-size: 10.5px; }
.mrm td.mrmh-list-review { white-space: normal; min-width: 150px; max-width: 230px; }
.mrm td.mrmh-list-tfind { white-space: nowrap; }

/* compact density: the muted second line in a hub cell goes, as the app's own does */
.mrm table.mrm-den-compact .mrmh-list-picks .mrmh-sub,
.mrm table.mrm-den-compact .mrmh-list-tname .mrmh-sub { display: none; }

/* phones: the page itself never scrolls sideways — the table scrolls inside #table-wrap */
@media (max-width: 520px) {
  .mrm .mrmh-list-row1 input[type="search"] { width: 100%; }
  .mrm .mrmh-list-row1 .mrm-count { margin-left: 0; }
}