/* ═══════════════════════════════════════════════════════════════════════════
   dimension-review.css — the "Dimensions to confirm" panel (js/dimension-review-ui.js), lane rule7 · RB Ruling 7 · 2026-10-18 · NEW FILE.
   Loads AFTER css/reading.css. Every rule is prefixed .drv- and uses the same tokens and the reading card's own classes (.rdg-tag, .rdg-btn, .rdg-table, .rdg-pill),
   so both themes work. Labels stay outlined tags, never solid pills (see reading.css). Flag dimension_review_all_v1, OFF: with it off none of this is on the page.
   ═══════════════════════════════════════════════════════════════════════════ */
.drv { margin: 4px 0 14px; padding-top: 6px; border-top: 1px solid var(--rdg-rule); }
.drv-chips { margin-bottom: 8px; }
.drv-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 6px 0 8px; }
.drv-filter { flex: 0 0 auto; width: auto; min-width: 150px; }
.drv .rdg-tag.drv-ok { color: var(--green); border-color: var(--green); }
.drv .rdg-tag.drv-bad { color: var(--red); border-color: var(--red); }
.drv-table td { vertical-align: top; }
.drv-v { font-size: 12.5px; word-break: break-word; }
.drv-was, .drv-why { font-size: 11.5px; margin-top: 2px; max-width: 46ch; }
.drv-input { min-width: 150px; width: 100%; }
.drv-actwrap { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.drv-btn { padding: 3px 9px; }
.drv-row.drv-confirmed .drv-v, .drv-row.drv-corrected .drv-v { color: var(--text); }
.drv-row.drv-flagged { background: rgba(245, 158, 11, .06); }
.drv-view { cursor: pointer; }

@media (max-width: 720px) {
  /* one dimension = one small card: no sideways scrolling on a phone */
  .drv .rdg-tablewrap { overflow-x: visible; }
  .drv-table, .drv-table tbody, .drv-table tr, .drv-table td { display: block; width: 100%; }
  .drv-table thead { display: none; }
  .drv-table tr { padding: 8px 2px; border-bottom: 1px solid var(--rdg-rule); }
  .drv-table tbody tr:last-child { border-bottom: 0; }
  .drv-table td { padding: 2px 0; border: 0; }
  .drv-table td.drv-mine { font-size: 12px; }
  .drv-filter { flex: 1 1 100%; width: 100%; }
  .drv-tools .rdg-btn { flex: 1 1 100%; }
  .drv-actwrap { margin-top: 4px; }
  .drv-btn { padding: 6px 12px; }
}