/* next-503b-reports.css (r96 phase 2, wave 3, W3-503B): Product reports (the 503B worksheet and the annual product review draft),
   More records and legal holds (next-r96-more.js), the recall rehearsal on Recalls (next-recall.js) and the label-proof row on the 503B
   release (next-r92-f-503b.js). The workspace's own tokens only. Phone rules sit at the end, scoped to 699px. */
#view .b5r-page .card, #view .mr-page .card { margin: 0 0 var(--s-4); }
#view .b5r-body { margin-top: var(--s-4); }
#view .b5r-winrow { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: flex-start; justify-content: space-between; margin: 0 0 var(--s-3); }
#view .b5r-win { display: flex; flex-wrap: wrap; gap: var(--s-2); }
#view .b5r-k { margin: 0 0 2px; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); text-transform: none; }
#view .b5r-big { margin: 0; font-size: 20px; line-height: 1.3; font-weight: var(--w-semibold); color: var(--gray-900); }
#view .b5r-s, #view .b5r-p { margin: var(--s-1) 0 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); overflow-wrap: anywhere; }
#view .b5r-s { font-size: var(--t-small-size); line-height: var(--t-small-lh); }
#view .b5r-window .v89-note { margin-top: var(--s-2); }
#view .b5r-rec .v89-strip { margin: 0 0 var(--s-3); }
#view .b5r-from, #dialog .b5r-from { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 999px; background: var(--info-bg, #eef4ff); color: var(--info-fg, #1d4ed8); font-size: 11.5px; line-height: 18px; font-weight: var(--w-medium); white-space: nowrap; vertical-align: 1px; }
#view .b5r-ndc { color: var(--gray-500); font-size: var(--t-small-size); }
#view .b5r-table td { vertical-align: top; }
#view .b5r-table .l1, #view .b5r-table .l2 { display: block; overflow-wrap: anywhere; }
#view .b5r-table .l2 { color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
#view .b5r-list, #view .b5r-lines { margin: 0; padding-left: 18px; }
#view .b5r-list li, #view .b5r-lines li { margin: 0 0 var(--s-1); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); overflow-wrap: anywhere; }
#view .b5r-lines { margin-top: var(--s-3); }
#view .b5r-gaps li { color: var(--attention-fg); }
#view .b5r-cite, #dialog .b5r-cite { margin: var(--s-2) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); overflow-wrap: anywhere; }
#view .b5r-end { margin: 0 0 var(--s-6); }
#view .b5r-foot { border-top: 1px solid var(--gray-200); }
#view .b5r-aprpick { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--s-3); }
#view .b5r-aprpick select, #view .b5r-aprpick input { width: 100%; }
#dialog .b5r-dlg { width: min(720px, 100%); }
#dialog .b5r-dlg .form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
#dialog .b5r-dlg .form .fg.full, #dialog .b5r-dlg .b5r-check.full { grid-column: 1 / -1; }
#dialog .b5r-dlg textarea { width: 100%; min-height: 84px; }
#dialog .b5r-dlg .b5r-check { display: flex; gap: var(--s-2); align-items: flex-start; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); }
#dialog .b5r-p { margin: 0 0 var(--s-3); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); }
#dialog .b5r-err { margin: 0 0 var(--s-3); }

/* More records and legal holds */
#view .mr-list { list-style: none; margin: 0; padding: 0; }
#view .mr-row { display: flex; gap: var(--s-3); align-items: center; justify-content: space-between; padding: var(--s-3) 0; }
#view .mr-row + .mr-row { border-top: 1px solid var(--gray-200); }
#view .mr-main { display: grid; gap: 2px; min-width: 0; }
#view .mr-main b { font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-semibold); color: var(--gray-900); }
#view .mr-main span { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); overflow-wrap: anywhere; }
#view .mr-a { display: flex; gap: var(--s-2); align-items: center; flex: 0 0 auto; }
#view .mr-cite, #dialog .mr-cite { margin: var(--s-2) 0 var(--s-4); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#dialog .mr-p { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); }
#dialog .mr-dlg textarea { width: 100%; min-height: 84px; }
#view .mr-table td { vertical-align: top; overflow-wrap: anywhere; }

/* the recall rehearsal on Recalls */
#view .rh-form { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: flex-end; }
#view .rh-form .fg { flex: 1 1 260px; min-width: 0; }
#view .rh-form select { width: 100%; }
#view .rh-note, #dialog .rh-note { margin: var(--s-2) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .rh-list { list-style: none; margin: var(--s-3) 0 0; padding: 0; }
#view .rh-list li + li { border-top: 1px solid var(--gray-200); }
#view .rh-open { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 2px var(--s-2); align-items: center; width: 100%; padding: var(--s-2) 0; background: none; border: 0; text-align: left; color: inherit; cursor: pointer; font: inherit; }
#view .rh-open small { grid-column: 1 / -1; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .rh-open span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gray-700); }
#dialog .rh-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-2); margin: var(--s-3) 0; }
#dialog .rh-stats > div { border: 1px solid var(--gray-200); border-radius: 10px; padding: var(--s-2) var(--s-3); }
#dialog .rh-stats b { display: block; font-size: 20px; font-weight: var(--w-semibold); color: var(--gray-900); font-variant-numeric: tabular-nums; }
#dialog .rh-stats span { font-size: var(--t-small-size); color: var(--gray-500); }
#dialog .rh-h { margin: var(--s-3) 0 var(--s-1); font-size: var(--t-body-size); font-weight: var(--w-semibold); color: var(--gray-900); }
#dialog .rh-plain { margin: 0; padding-left: 18px; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); }

/* the label-proof row on the 503B release */
#view .r96lp { margin-top: var(--s-3); padding-top: var(--s-3); border-top: 1px dashed var(--gray-200); }
#view .r96lp-els summary { cursor: pointer; font-size: var(--t-small-size); color: var(--accent); margin: var(--s-1) 0; }
#view .r96lp-els ul { list-style: none; margin: 0; padding: 0; }
#view .r96lp-els li { display: grid; gap: 2px; padding: var(--s-2) 0; border-top: 1px solid var(--gray-200); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); overflow-wrap: anywhere; }
#view .r96lp-els li b { color: var(--gray-900); font-weight: var(--w-semibold); }
#view .r96lp-els li[data-state="not_found"] .r96lp-st, #view .r96lp-els li[data-state="not_read"] .r96lp-st { color: var(--attention-fg); font-weight: var(--w-medium); }
#view .r96lp-els li[data-state="found"] .r96lp-st, #view .r96lp-els li[data-state="on_container"] .r96lp-st { color: var(--positive-fg, #0e7a4f); }
#view .r96lp-w, #view .r96lp-n { color: var(--gray-700); }
#view .r96lp-c { color: var(--gray-500); font-style: italic; }
#dialog .r96lp-dlg .form { display: grid; gap: var(--s-3); }
#dialog .r96lp-dlg textarea { width: 100%; min-height: 110px; font-family: var(--font-mono); font-size: var(--t-small-size); }
#dialog .r96lp-chk { display: flex; gap: var(--s-2); align-items: flex-start; font-size: var(--t-body-size); color: var(--gray-900); }

@media (max-width: 699px) {
  #view .b5r-winrow { flex-direction: column; }
  #view .b5r-aprpick { grid-template-columns: minmax(0, 1fr); }
  #dialog .b5r-dlg .form { grid-template-columns: minmax(0, 1fr); }
  #view .mr-row { flex-direction: column; align-items: stretch; }
  #view .mr-a { justify-content: space-between; flex-wrap: wrap; }
  #dialog .rh-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view .b5r-table, #view .mr-table { font-size: var(--t-small-size); }
}