/* Review queue — page layout only: the queue row's title button, its severity and age column. Rows rest at two lines
   (the kit's listRow); the case is the row's drawer or its folded Details. Every look comes from the kit. */
@layer page {
  /* Queue rows: rank · what · owner · severity and age · the one action. */
  .qi-t { display: inline-flex; align-items: center; min-height: 24px; gap: var(--s2); padding: 0; border: 0; background: none; font: inherit; font-weight: 650; text-align: left; color: var(--text); text-decoration: none; cursor: pointer; }
  @media (pointer: coarse) { .qi-t { min-height: 44px; } }
  .qi-t > svg { color: var(--text-3); flex: none; }
  .qi-t:hover > span { text-decoration: underline; text-underline-offset: 3px; }
  .qi-sev { display: grid; gap: 2px; justify-items: start; }
  .qi-age { font-size: var(--t-small); color: var(--text-2); font-variant-numeric: tabular-nums; }
  .qi-x { display: grid; gap: var(--s2); max-width: 680px; }
  /* A phone reads severity and age on one line. */
  @media (max-width: 560px) { .qi-sev { display: flex; align-items: baseline; gap: var(--s2); } }
}