/* lab--rx-coa-table: the COA register. A bar with the eyebrow and heading left and the lead
   right, then one row per compound file on quiet neutral dividers: the file number in the
   accent, the name, its strengths, and the certificate state at the right edge (muted until a
   certificate is on file, then an accent link; one line per strength once any strength has
   one). Rows stack into two lines on phones. */
.s-lab--rx-coa-table { padding-block: clamp(calc(var(--s8) + var(--s2)), 10vw, var(--s10)); }
.s-lab--rx-coa-table .rx-coa-bar {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--s4) var(--s8);
  margin-bottom: var(--s6);
}
.s-lab--rx-coa-table .rx-coa-eyebrow { font-family: var(--font-mono); font-size: var(--t-xs); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--accent); }
.s-lab--rx-coa-table .rx-coa-title {
  margin-top: var(--s3); font-family: var(--font-mono); font-size: clamp(calc(var(--t-xl) * 0.832), 3.6vw, calc(var(--t-2xl) * 1.127)); font-weight: var(--w-bold);
  text-transform: uppercase; letter-spacing: -0.005em; line-height: 1.08; color: var(--fg);
}
.s-lab--rx-coa-table .rx-coa-lead { max-width: 34em; font-size: var(--t-sm); line-height: var(--lh-body); color: var(--muted); }
.s-lab--rx-coa-table .rx-coa-list { margin: 0; padding: 0; list-style: none; }
.s-lab--rx-coa-table .rx-coa-row {
  display: grid; grid-template-columns: 5em minmax(0, 1fr) minmax(0, 18em) 12em; align-items: center; gap: var(--s4);
  padding: var(--s1) 0; border-bottom: 1px solid var(--line); font-family: var(--font-mono); font-size: calc(var(--t-sm) * 1.016);
}
.s-lab--rx-coa-table .rx-coa-row:last-child { border-bottom: 0; }
.s-lab--rx-coa-table .rx-coa-file { color: var(--accent); font-size: var(--t-xs); letter-spacing: var(--ls-caps); }
.s-lab--rx-coa-table .rx-coa-name { display: inline-flex; align-items: center; min-height: var(--tap); color: var(--fg); text-decoration: none; text-transform: uppercase; }
.s-lab--rx-coa-table .rx-coa-name:hover { color: var(--accent); }
.s-lab--rx-coa-table .rx-coa-strength { color: var(--muted); }
.s-lab--rx-coa-table .rx-coa-state { justify-self: end; font-size: var(--t-xs); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--muted); }
.s-lab--rx-coa-table .rx-coa-states { display: flex; flex-direction: column; align-items: flex-end; gap: var(--s1); }
.s-lab--rx-coa-table .rx-coa-state .is-on-file { display: inline-flex; align-items: center; min-height: var(--tap); color: var(--accent); }
.s-lab--rx-coa-table a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
@media (max-width: 767px) {
  .s-lab--rx-coa-table .rx-coa-row { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--s1); }
  .s-lab--rx-coa-table .rx-coa-file { grid-column: 1 / -1; }
  .s-lab--rx-coa-table .rx-coa-name { grid-column: 1; grid-row: 2; }
  .s-lab--rx-coa-table .rx-coa-state { grid-column: 2; grid-row: 2; }
  .s-lab--rx-coa-table .rx-coa-strength { grid-column: 1 / -1; grid-row: 3; }
}