/* Radiology (الأشعة). Flat, tokens only, logical properties. Print sheets are
   white paper in both themes. */

/* ------------------------------------------------------------ statuses */

.rad-st-done {
  background: var(--info-soft);
  color: var(--info);
  border-color: transparent;
}
.rad-st-draft {
  background: var(--warn-soft);
  color: var(--warn);
  border-color: transparent;
}
.rad-st-signed {
  background: var(--brand-soft);
  color: var(--brand-ink);
  border-color: transparent;
}
.rad-done-row {
  border-inline-start-color: var(--info);
}
.rad-draft-row {
  border-inline-start-color: var(--warn);
}
.rad-signed-row {
  border-inline-start-color: var(--brand);
}
.pill.rad-mod {
  background: var(--surface-2);
  color: var(--ink-2);
  font-family: ui-monospace, Consolas, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.02em;
}
.pill.rad-mod[data-m='CT'],
.pill.rad-mod[data-m='MRI'] {
  background: var(--violet-soft);
  color: var(--violet);
  border-color: transparent;
}
.pill.rad-mod[data-m='US'],
.pill.rad-mod[data-m='DOPPLER'],
.pill.rad-mod[data-m='ECHO'] {
  background: var(--info-soft);
  color: var(--info);
  border-color: transparent;
}
.pill.rad-mod[data-m='MAMMO'],
.pill.rad-mod[data-m='DEXA'] {
  background: var(--brand-soft);
  color: var(--brand-ink);
  border-color: transparent;
}
.pill.rad-critical {
  background: var(--danger-soft);
  color: var(--danger);
  border-color: transparent;
}
.rad-chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
}
p.rad-chips {
  display: flex;
}
.rad-row .q-no.rad-time {
  width: auto;
  min-width: 58px;
  padding-inline: 8px;
  font-size: 0.82rem;
  white-space: nowrap;
}
.rad-exam {
  color: var(--ink-2);
  font-weight: 500;
}

/* ---------------------------------------------------------------- home */

.rad-home {
  display: grid;
  gap: 18px;
  align-items: start;
}
@media (min-width: 1100px) {
  .rad-home {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  }
}
.rad-home .card {
  margin-block-end: 0;
}
.rad-devices {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.rad-dev {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: var(--surface-2);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.rad-dev header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rad-dev header strong {
  flex: 1;
}
.rad-mini {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rad-mini li {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 6px 8px;
}
.rad-mini a {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
  align-items: baseline;
  color: var(--ink);
  min-width: 0;
  font-size: 0.86rem;
}
.rad-mini small {
  color: var(--muted);
  flex-basis: 100%;
}
.rad-dash {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-block-end: 10px;
}
.rad-dash a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 4px;
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  border: 1px solid var(--line);
  color: var(--ink);
  text-align: center;
}
.rad-dash a:hover {
  border-color: var(--brand);
  text-decoration: none;
}
.rad-dash strong {
  font-size: 1.35rem;
  font-variant-numeric: tabular-nums;
}
.rad-dash span {
  font-size: 0.78rem;
  color: var(--muted);
}

/* ------------------------------------------------------------ schedule */

.rad-sched {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  margin-block-end: 18px;
}
.rad-col {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.rad-col header {
  display: flex;
  flex-direction: column;
  padding-block-end: 8px;
  border-block-end: 1px solid var(--line);
}
.rad-slots,
.rad-untimed {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rad-slot-busy,
.rad-slot-free {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  font-size: 0.86rem;
  color: var(--ink);
  border: 1px solid var(--line);
}
.rad-slot-busy {
  background: var(--surface-2);
  border-inline-start: 3px solid var(--line-strong);
}
.rad-slot-busy.st-arrived {
  border-inline-start-color: var(--warn);
}
.rad-slot-busy.st-session {
  border-inline-start-color: var(--violet);
}
.rad-slot-busy.rad-st-done,
.rad-slot-busy.rad-st-draft,
.rad-slot-busy.rad-st-signed,
.rad-slot-busy.st-done {
  border-inline-start-color: var(--ok);
}
.rad-slot-busy.st-noshow {
  opacity: 0.6;
}
.rad-slot-busy small {
  flex-basis: 100%;
  color: var(--muted);
}
.rad-slot-free {
  border-style: dashed;
  color: var(--muted);
}
.rad-slot-free:hover {
  border-color: var(--brand);
  color: var(--brand-ink);
  text-decoration: none;
}
.rad-slot-busy .num,
.rad-slot-free .num {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  min-width: 62px;
}
.rad-slot-busy:hover {
  text-decoration: none;
  border-color: var(--brand);
}

/* ------------------------------------------------------------- booking */

.rad-exam-search {
  margin-block-end: 6px;
}
.rad-exam-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-block-start: 6px;
  font-size: 0.86rem;
  color: var(--ink-2);
}
.rad-exam-info:empty {
  display: none;
}
.rad-exam-info .rad-estimate {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  border: 1px solid var(--line);
}
.rad-pay {
  border-block-start: 1px solid var(--line);
  padding-block-start: 10px;
  margin-block-start: 6px;
}
.rad-pay h3 {
  margin-block-start: 0;
}

/* ---------------------------------------------------------------- study */

.rad-steps {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.rad-steps li {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.82rem;
  white-space: nowrap;
}
.rad-steps li span {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--surface-2);
  border: 1px solid var(--line);
  font-size: 0.72rem;
  font-weight: 700;
}
.rad-steps li.is-past {
  color: var(--ok);
}
.rad-steps li.is-past span {
  background: var(--ok-soft);
  border-color: transparent;
}
.rad-steps li.is-now {
  border-color: var(--brand);
  background: var(--brand-soft);
  color: var(--brand-ink);
  font-weight: 600;
}
.rad-steps li.is-now span {
  background: var(--brand);
  color: var(--on-brand);
  border-color: transparent;
}
.rad-safety-open {
  border-color: var(--warn);
}
.rad-safety .table td {
  vertical-align: middle;
}
.rad-yn {
  white-space: nowrap;
  text-align: end;
}
.rad-yn label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-inline-start: 10px;
  cursor: pointer;
}
.rad-yn input {
  width: 18px;
  height: 18px;
  accent-color: var(--brand);
}
.rad-safety tr.is-flag td {
  background: var(--danger-soft);
}
.rad-answers {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 4px;
}
.rad-answers li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 0;
  border-block-end: 1px solid var(--line);
  font-size: 0.88rem;
}
.rad-answers li.is-yes strong {
  color: var(--danger);
}
.rad-use-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 100px auto;
  gap: 8px;
  align-items: center;
  margin-block-start: 8px;
}
@media (max-width: 520px) {
  .rad-use-form {
    grid-template-columns: minmax(0, 1fr) 90px;
  }
  .rad-use-form .btn {
    grid-column: 1 / -1;
  }
}
.rad-thumbs {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  margin-block-end: 12px;
}
.rad-thumb {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--ink-2);
  font-size: 0.78rem;
  min-width: 0;
}
.rad-thumb img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius-sm);
  background: var(--nav-bg);
  border: 1px solid var(--line);
}
.rad-thumb span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rad-dicom {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  text-align: start;
}
.rad-upload {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block-start: 12px;
}
.rad-drop {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  border: 1.5px dashed var(--line-strong);
  border-radius: var(--radius);
  background: var(--surface-2);
  color: var(--ink-2);
  cursor: pointer;
  font-size: 0.88rem;
}
.rad-drop:hover,
.rad-drop.is-over {
  border-color: var(--brand);
  background: var(--brand-soft);
  color: var(--brand-ink);
}
.rad-drop input[type='file'] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.rad-upload-row {
  display: flex;
  gap: 8px;
}
.rad-upload-row input {
  flex: 1;
}
.rad-impr {
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  border: 1px solid var(--line);
  text-align: left;
}
.rad-impr p {
  margin: 4px 0 0;
}
.rad-critical-card {
  border-color: var(--danger);
}
.rad-prior-impr {
  display: block;
  color: var(--ink-2);
  font-size: 0.8rem;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rad-money {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  font-size: 0.9rem;
  margin-block-end: 8px;
}
.rad-mini-list.compact li {
  padding: 8px 0;
}

/* -------------------------------------------------------------- viewer */

.rad-viewer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rad-vbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  padding: 8px 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.rad-vgroup {
  display: flex;
  gap: 4px;
}
.rad-vgroup .btn[aria-pressed='true'] {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--on-brand);
}
.rad-vrange {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--ink-2);
}
.rad-vrange input {
  width: 110px;
  accent-color: var(--brand);
}
.rad-panes {
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr;
  height: min(70vh, 720px);
}
.rad-panes.is-split {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 700px) {
  .rad-panes {
    height: 58vh;
  }
  .rad-panes.is-split {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    height: 80vh;
  }
}
.rad-pane {
  position: relative;
  overflow: hidden;
  background: var(--nav-bg);
  border: 2px solid transparent;
  border-radius: var(--radius-sm);
  cursor: grab;
  touch-action: none;
  user-select: none;
  outline: none;
}
.rad-pane.is-active {
  border-color: var(--brand);
}
.rad-pane.is-dragging {
  cursor: grabbing;
}
.rad-pane img {
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: none;
  max-height: none;
  transform-origin: center center;
  pointer-events: none;
}
.rad-pane-label {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  padding: 2px 8px;
  border-radius: 6px;
  background: var(--nav-2);
  color: var(--nav-ink);
  font-size: 0.75rem;
  pointer-events: none;
}
.rad-pane-label:empty {
  display: none;
}
.rad-strip {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rad-strip h3 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--ink-2);
}
.rad-strip-row {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-block-end: 4px;
}
.rad-strip-item {
  flex: none;
  width: 76px;
  height: 76px;
  padding: 0;
  border: 2px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--nav-bg);
  cursor: pointer;
  overflow: hidden;
}
.rad-strip-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rad-strip-item[aria-current='true'] {
  border-color: var(--brand);
}
.rad-vhelp {
  margin: 0;
}

/* ------------------------------------------------------- report editor */

.rad-tpl-pick {
  display: flex;
  gap: 6px;
  align-items: center;
}
.rad-tpl-pick select {
  min-height: 34px;
  padding-block: 4px;
  max-width: 220px;
}
.rad-editor textarea[dir='ltr'] {
  font-size: 0.95rem;
  line-height: 1.55;
  text-align: left;
}
.rad-save-tpl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.rad-save-tpl summary {
  list-style: none;
}
.rad-save-tpl summary::-webkit-details-marker {
  display: none;
}
.rad-save-tpl[open] > span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.rad-save-tpl input {
  min-height: 34px;
  max-width: 200px;
}
.rad-report-view {
  text-align: left;
}
.rad-report-view h3 {
  margin-block: 12px 4px;
  color: var(--ink-2);
}

/* ---------------------------------------------------------- setup pages */

fieldset.rad-plain {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.rad-bulk {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.rad-bulk input {
  width: 80px;
  min-height: 36px;
}
.rad-bulk select {
  width: auto;
  min-height: 36px;
  padding-block: 4px;
}
.rad-price-table input {
  min-height: 36px;
  padding: 5px 10px;
  max-width: 140px;
}
.rad-price-table select {
  min-height: 36px;
  padding-block: 4px;
}
.rad-price-table input.is-changed {
  border-color: var(--brand);
  background: var(--brand-soft);
}
.rad-mod-pick {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 0 12px;
}
.rad-report-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
@media (max-width: 520px) {
  .rad-report-grid {
    grid-template-columns: 1fr;
  }
}
.rad-report-grid .card {
  margin: 0;
}
.rad-clip {
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* --------------------------------------------------------- patient page */

.rad-pub-report {
  text-align: left;
}
.rad-pub-report h3 {
  margin-block: 14px 4px;
  color: var(--brand-ink);
}
.rad-pub .rad-panes {
  height: 62vh;
}

/* --------------------------------------------------------------- print */

.rad-sheet {
  width: 210mm;
  min-height: 297mm;
  margin: 16px auto;
  padding: 12mm 15mm 10mm;
  background: #fff;
  color: #111;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  page: rad-a4;
  font-size: 13px;
}
.rad-blank-head {
  padding-block-start: 42mm;
}
.rad-letter {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-block-end: 8px;
  border-block-end: 2px solid var(--brand);
}
.rad-letter-logo img,
.rad-letter-logo svg {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
.rad-letter-text h1 {
  margin: 0;
  color: var(--brand);
  font-size: 1.35rem;
}
.rad-letter-text p {
  margin: 2px 0 0;
  font-size: 0.82rem;
  color: #333;
}
.rad-draft-mark {
  margin: 8px 0 0;
  padding: 4px 10px;
  border: 1.5px dashed #b42318;
  color: #b42318;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.rad-meta {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 4px 16px;
  padding: 8px 0;
  border-block-end: 1px solid #ccc;
  text-align: left;
}
.rad-meta div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.rad-meta span {
  font-size: 0.72rem;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.rad-meta strong {
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}
.rad-body {
  flex: 1;
  text-align: left;
  padding-block: 6px;
}
.rad-exam-title {
  text-align: center;
  font-size: 1.12rem;
  margin: 10px 0 6px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.rad-body h3 {
  margin: 12px 0 2px;
  font-size: 0.9rem;
  color: #222;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.rad-body p {
  margin: 0;
  line-height: 1.55;
}
.rad-impression p {
  font-weight: 600;
}
.rad-birads {
  margin-block-start: 4px !important;
}
.rad-addenda > div {
  margin-block-end: 6px;
  padding-inline-start: 8px;
  border-inline-start: 2px solid #999;
}
.rad-addenda small {
  color: #555;
}
.rad-sign-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding-block-start: 10px;
  margin-block-start: 10px;
  border-block-start: 1px solid #ccc;
}
.rad-qr {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.7rem;
  max-width: 60mm;
}
.rad-qr svg {
  width: 22mm;
  height: 22mm;
  flex: none;
}
.rad-sign {
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rad-sign p {
  margin: 0;
  font-size: 0.82rem;
}
.rad-sign small {
  color: #555;
  font-size: 0.72rem;
}
.rad-letter-foot {
  margin: 8px 0 0;
  padding-block-start: 6px;
  border-block-start: 1px solid #ccc;
  text-align: center;
  font-size: 0.75rem;
  color: #333;
}
.rad-slip {
  width: 148mm;
  min-height: 210mm;
  margin: 16px auto;
  padding: 10mm 11mm;
  background: #fff;
  color: #111;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  page: rad-a5;
}
.rad-slip-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block-end: 8px;
  border-block-end: 2px solid var(--brand);
}
.rad-slip-head h1 {
  margin: 0;
  color: var(--brand);
  font-size: 1.15rem;
}
.rad-slip-head p {
  margin: 0;
}
.rad-slip-meta {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 12px;
  margin: 10px 0;
  font-size: 0.92rem;
}
.rad-slip-meta dt {
  color: #555;
}
.rad-slip-meta dd {
  margin: 0;
  font-weight: 600;
}
.rad-slip h2 {
  font-size: 1rem;
  margin: 6px 0;
}
.rad-prep-list {
  flex: 1;
  margin: 0;
  padding-inline-start: 20px;
  font-size: 0.95rem;
  line-height: 1.8;
}
.rad-slip-foot {
  text-align: center;
  font-size: 0.8rem;
  border-block-start: 1px solid #ccc;
  padding-block-start: 6px;
  margin: 0;
}
.rad-slip-brand {
  text-align: center;
  font-size: 0.7rem;
  color: #777;
  margin: 2px 0 0;
}
@media screen and (max-width: 820px) {
  .rad-sheet,
  .rad-slip {
    width: auto;
    min-height: 0;
    margin: 10px;
    padding: 16px;
  }
  .rad-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media print {
  .rad-sheet,
  .rad-slip {
    margin: 0;
    border: 0;
  }
  .rad-sheet {
    width: auto;
    min-height: calc(297mm - 1px);
  }
  .rad-slip {
    width: auto;
    min-height: calc(210mm - 1px);
  }
}
@page rad-a4 {
  size: A4;
  margin: 0;
}
@page rad-a5 {
  size: A5;
  margin: 0;
}
.rad-need textarea {
  border-color: var(--danger);
  background: var(--danger-soft);
}
.rad-free {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
}
.rad-free > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(54px, 1fr));
  gap: 4px;
}
.rad-free a {
  display: grid;
  place-items: center;
  min-height: 32px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  color: var(--ink-2);
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
}
.rad-free a:hover {
  border-style: solid;
  border-color: var(--brand);
  background: var(--brand-soft);
  color: var(--brand-ink);
  text-decoration: none;
}

.stats.rad-stats {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
@media (max-width: 700px) {
  .rad-row > .av {
    display: none;
  }
  .rad-row .q-main {
    flex: 1 1 0;
    min-width: 0;
  }
  .rad-row .q-actions {
    padding-inline-start: 0;
  }
  .stats.rad-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .rad-stats .stat {
    padding: 12px;
    gap: 10px;
    align-items: flex-start;
  }
  .rad-stats .stat-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }
  .rad-stats .stat-value {
    font-size: 1.3rem;
  }
}
/* app.css styles every input but checkboxes, radios and files at (0,3,1): match it. */
.card .rad-bulk input[data-rad-bulk-pct] {
  width: 90px;
  min-height: 36px;
}
.rad-vbar .rad-vrange input[type='range'] {
  width: 110px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.rad-report-grid td.num {
  white-space: nowrap;
}
.rad-prior a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.rad-slip-code {
  display: flex;
  justify-content: center;
  margin-block-end: 8px;
}
.rad-slip-code svg {
  width: 52mm;
  height: auto;
}