/* Review (the queue) to the design (design/DESIGN_GUIDE.md; audit design/previews/visit-redesign/audit/app-gaps.json).
   Desktop and the web only: every rule is scoped :root:not(.android):not(.ios) or wrapped in @media (min-width:768px); the phones keep their tiers.
   Colours through tokens.css only (rule I-3). The prototype is DocVoc Redesign.dc.html, the Review screen ("Source NNN" = its lines). */
@media (min-width:768px){
  /* The table's one column template, head and rows alike (TB-1): the design's floors (README 5.2, ui.css .dv-table) so a
     narrow window scrolls the card sideways (L-3) rather than collapsing a column to nothing; at the desktop minimum (1040px)
     the floors always fit, so the scrollbar never shows in normal use. studio.css sets the older template with !important. */
  :root:not(.android):not(.ios) #review-page .review-table .review-columns{grid-template-columns:minmax(120px,1.3fr) minmax(96px,1fr) minmax(86px,.9fr) 108px 80px!important;gap:14px!important}
  :root:not(.android):not(.ios) #review-page .review-table{overflow:auto hidden}
  /* Rows: the design's padding (Source 570: 13px 19px) over the legacy 11px, and the name over its reason at the prototype's
     natural line height (README: rows ~59–60px; the legacy 1.35 made them 65px). The head's 11px label likewise (Source 551). */
  :root:not(.android):not(.ios) #review-page .review-table>.table-rows>.table-row.review-queue-item{padding:13px 19px!important}
  :root:not(.android):not(.ios) #review-page .review-table .review-queue-item .patient-name :is(strong,small){line-height:normal}
  :root:not(.android):not(.ios) #review-page .review-table>.table-head.review-columns{line-height:normal}
  /* A capture paused right now is listed in the live colour wherever the app's chip still draws it (Home, the day list). */
  :root:not(.android):not(.ios) .status-chip.paused{background:var(--live-bg);color:var(--live)}
  /* The status cell is the design's badge (ui.css .dv-badge: 11/550, 5px 8px, radius 5, 13px glyph), at the start of its track. */
  :root:not(.android):not(.ios) #review-page .review-table .review-columns>.dv-badge{justify-self:start;font-size:11px;line-height:1.2}
  :root:not(.android):not(.ios) #review-page .review-table .review-columns>.dv-badge svg{flex:none}
  /* The head's fifth cell is empty, over the actions (Source 567); the action sits at the right of its track (Source 580). */
  :root:not(.android):not(.ios) #review-page .review-table>.table-head.review-columns>.column-spacer{min-height:1px}
  /* Tools: the search keeps the owner's 44px and Export stands level with it, with the design's 16px glyph and 7px gap
     (Source 546-548). The 14px input text at 44px is deliberate (owner: inputs 44–46px; the design's 36px field reads 13px). */
  :root:not(.android):not(.ios) #review-page #review-export[data-action-icon]{gap:7px}
  :root:not(.android):not(.ios) #review-page #review-export .action-icon{width:16px;height:16px;flex-basis:16px}
  /* The status popover (Source 558-561): 158px on the panel surface with the card shadow, every option's tick and word on one
     left edge (the base button rule centres them). */
  :root:not(.android):not(.ios) #review-page .column-filter-menu{min-width:158px;background:var(--panel);box-shadow:var(--shadow-card)}
  :root:not(.android):not(.ios) #review-page .column-filter-item{justify-content:flex-start}
  /* The pager strip (Source 585-588): no rule above it — the strip is its own surface — and Back · Next at 12.5/550 in ink2,
     ink3 at either end (studio.css lifts them to 13/500 ink with !important). */
  :root:not(.android):not(.ios) #review-page .review-table>.pagination{border-top:0}
  :root:not(.android):not(.ios) #review-page .review-table>.pagination :is(.pager-back,.pager-next){color:var(--ink2)!important;font-size:12.5px!important;font-weight:550!important}
  :root:not(.android):not(.ios) #review-page .review-table>.pagination :is(.pager-back,.pager-next):disabled{color:var(--ink3)!important}
  /* The empty list: the design's empty state (ST-1, ui.css .dv-empty) — a 48px accent-soft tile with a 24px glyph, the fact at
     15/600, one 13px line in ink2 and one secondary button (the way forward). The mark's legacy rule uses !important. */
  :root:not(.android):not(.ios) #review-page .review-table .empty-state{margin:auto;padding:34px 20px;gap:8px;max-width:none;text-align:center;text-wrap:pretty}
  :root:not(.android):not(.ios) #review-page .review-table .empty-state>.empty-mark{width:48px!important;height:48px!important;border-radius:var(--r-card)!important;background:var(--accent-soft);color:var(--accent-text);margin-bottom:6px}
  :root:not(.android):not(.ios) #review-page .review-table .empty-state>.empty-mark .icon{width:24px;height:24px}
  :root:not(.android):not(.ios) #review-page .review-table .empty-state>h2{margin:0;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:0;color:var(--ink)}
  :root:not(.android):not(.ios) #review-page .review-table .empty-state>p{margin:0;max-width:none;font-size:13px;line-height:1.6;color:var(--ink2)}
  :root:not(.android):not(.ios) #review-page .review-table .empty-state>button{height:var(--h-control);min-height:var(--h-control);margin-top:6px;padding:0 15px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel2);color:var(--ink);font-size:13px;font-weight:550;transition:border-color .16s var(--ease),background .16s var(--ease)}
  :root:not(.android):not(.ios) #review-page .review-table .empty-state>button:hover{border-color:var(--ink3)}
}