/* The new look's Results (lane NEWRESULTS): a few rules over the shared list pieces. Colors come from the theme tokens, so light and dark follow. */
.rs-page .select-field, .rs-page .field { min-width: 0; }
.rs-page .select-field select { max-width: 100%; min-width: 0; text-overflow: ellipsis; }
.rs-actions-row { display: inline-flex; flex-wrap: wrap; gap: .4rem; align-items: flex-start; }
.rs-actions > summary { cursor: pointer; list-style: none; }
.rs-actions > summary::-webkit-details-marker { display: none; }
.rs-actions-menu { list-style: none; margin: .4rem 0 0; padding: 0; display: grid; gap: .3rem; }
.rs-actions-menu .btn { width: 100%; justify-content: flex-start; }
.rs-page .btn.disabled { opacity: .55; pointer-events: none; }
#quickview .qv-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); }
#quickview .qv-body { padding: var(--space-3) 0; }
.rs-pdf { display: grid; gap: var(--space-3); justify-items: start; }
/* the filter bar is one wrapping row on a wide screen (the fields share the line), and the table keeps every column on screen by wrapping its cells tighter */
@media (min-width: 900px) {
  .rs-page .live-bar { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-end; }
  .rs-page .live-bar > .field, .rs-page .live-bar > .select-field { flex: 0 1 12rem; }
  .rs-page .live-bar > .grow { flex: 1 1 16rem; }
  .rs-page .data-table th, .rs-page .data-table td { padding: .5rem .5rem; font-size: .9rem; }
  .rs-page .data-table td[data-label="ID"], .rs-page .data-table .chip, .rs-page .data-table td[data-label="Action"] { white-space: nowrap; }
  .rs-page .live-bar > .field:not(.grow) { flex: 0 1 9.5rem; }
}
@media (min-width: 900px) { .rs-page .data-table th { font-size: .7rem; letter-spacing: 0; } .rs-page .data-table td[data-label="Sent Date"], .rs-page .data-table td[data-label="Completed Date"] { min-width: 6.5rem; } }
/* The new look's Send Exam Invite (lane SENDEXAM): V1's page in a few rules over the shared form pieces. */
.si-page .si-grid { display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); align-items: start; }
.si-page .si-cell { display: grid; gap: var(--space-2); }
.si-page .si-span { grid-column: 1 / -1; }
.si-page .si-pd-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-3); }
.si-page .si-type-list { display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.si-page .si-type { display: grid; gap: .25rem; align-content: start; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); cursor: pointer; }
.si-page .si-type.is-picked { border-color: var(--color-accent); }
.si-page .si-type.is-off { opacity: .6; cursor: not-allowed; }
.si-page .si-type-title { font-weight: 600; }
.si-page .si-types { border: 0; padding: 0; margin: 0; min-width: 0; }
.si-page .si-exam-pick { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: var(--space-2); }
.si-page .si-exam { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
.si-page .si-exam.is-off { opacity: .6; }
.si-page .si-guardian { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3); margin-top: var(--space-3); }
.si-page .si-note-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; }
.si-page .si-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-4) 0 var(--space-2); }
.si-page .si-cc { margin: 0; }
.si-page .si-cc-field[hidden], .si-page .si-guardian[hidden], .si-page .si-guardian-ask[hidden], .si-page .si-note-box[hidden] { display: none; }
.no-js .si-page .si-cc-field[hidden], .no-js .si-page .si-guardian[hidden], .no-js .si-page .si-guardian-ask[hidden], .no-js .si-page .si-note-box[hidden] { display: block; }
.si-page .btn[disabled] { opacity: .55; cursor: not-allowed; }
/* DEFERTOOLTIP: the information icon beside Pending Deferral Review. A native disclosure: the words open in the line, so no table box clips them. */
.infotip { display: inline-block; vertical-align: middle; margin-inline-start: .25rem; }
.infotip[open] { display: block; margin-inline-start: 0; margin-top: .25rem; }
.infotip-btn { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; margin: -.7rem -.5rem; border-radius: 50%; color: var(--color-accent-text, var(--color-text)); cursor: pointer; list-style: none; }
.infotip-btn::-webkit-details-marker { display: none; }
.infotip-btn:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 0; }
.infotip-btn .icon { width: 1.1rem; height: 1.1rem; }
.infotip-text { margin: 0; padding: .5rem .65rem; max-width: 22rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-2, var(--color-surface)); color: var(--color-text); font-size: .85rem; font-weight: 400; line-height: 1.4; white-space: normal; text-align: start; }