/* review-all.css — the "Items to confirm" panel (js/review-all-ui.js), lane readboost · RB Ruling 8 · 2026-10-18 · NEW FILE. Loads AFTER css/reading.css.
   Every rule is prefixed .ra- and uses the reading card's own classes/tokens. Flag review_all_items_v1, OFF: with it off none of this is on the page. */
.ra { margin: 4px 0 14px; padding-top: 6px; border-top: 1px solid var(--rdg-rule); }
.ra-on .drv { display: none; }
.ra-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 6px 0 8px; }
.ra-filter { flex: 0 0 auto; width: auto; min-width: 150px; }
.ra .rdg-tag.ra-ok { color: var(--green); border-color: var(--green); }
.ra-group { border: 1px solid var(--rdg-rule); border-radius: var(--radius-sm, 8px); margin: 0 0 10px; padding: 0 10px 8px; }
.ra-gsum { cursor: pointer; padding: 9px 0; display: flex; gap: 8px; align-items: center; font-weight: 600; }
.ra-gtools { margin: 0 0 8px; }
.ra-nobulk { font-size: 11.5px; }
.ra-sheet { font-size: 11.5px; margin: 8px 0 4px; color: var(--text-secondary); }
.ra-item { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; padding: 8px 0; border-top: 1px solid var(--rdg-rule); align-items: start; }
.ra-item.ra-hascrop { grid-template-columns: 240px 1fr auto; }
.ra-crop { position: relative; width: 240px; max-width: 100%; border: 1px solid var(--rdg-rule); border-radius: 6px; background-repeat: no-repeat; background-color: #fff; overflow: hidden; }
.ra-crop-mark { position: absolute; border: 2px solid var(--red); box-sizing: border-box; border-radius: 2px; }
.ra-line { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ra-v { font-size: 12.5px; word-break: break-word; }
.ra-was { font-size: 11.5px; margin-top: 2px; }
.ra-why { margin: 4px 0 0; padding-left: 16px; font-size: 11.5px; color: var(--text-secondary); max-width: 60ch; }
.ra-sugg { margin-top: 6px; font-size: 11.5px; padding: 5px 8px; border: 1px dashed var(--primary); border-radius: 6px; }
.ra-point { margin-top: 4px; font-size: 11.5px; }
.ra-edit { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.ra-input { min-width: 150px; flex: 1 1 150px; }
.ra-kind { width: auto; }
.ra-side { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
.ra-actwrap { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
.ra-btn { padding: 3px 9px; }
.ra-view { cursor: pointer; }
.ra-flagged { background: rgba(245, 158, 11, .06); }
@media (max-width: 720px) {
  .ra-item, .ra-item.ra-hascrop { grid-template-columns: 1fr; }
  .ra-crop { width: 100%; }
  .ra-side { align-items: stretch; }
  .ra-actwrap { justify-content: flex-start; }
  .ra-btn { padding: 6px 12px; }
  .ra-filter { flex: 1 1 100%; width: 100%; }
  .ra-gtools .rdg-btn { width: 100%; }
}
/* rv2 2026-10-22: counts in this panel use the body font. The mono font draws zero with a dot, which read as "8 of 81 reviewed" on a fresh browser. */
.ra-chips .rdg-pill b { font-family: inherit; font-variant-numeric: tabular-nums; font-weight: 700; }
.ra-save { margin: 4px 0 0; }
.ra-save-warn { color: var(--warn, #b45309); }