.desk-stat {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}

.desk-stat__unit {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-muted);
}

.desk-filters {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.desk-filters__divider {
  width: 1px;
  height: 24px;
  background: var(--border);
}

.desk-filters__end {
  margin-left: auto;
}

.desk-search {
  width: 260px;
}

.desk-search--end {
  margin-left: auto;
}

.desk-search__input {
  min-height: 36px;
  font-size: 13px;
}

.desk-table {
  padding: 0;
  overflow-x: auto;
}

.desk-table__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 20px;
}

.desk-table__table--sm {
  font-size: 13px;
  line-height: 18px;
}

.desk-table__th {
  text-align: left;
  padding: 0 14px;
  height: 40px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
  font-weight: 700;
}

.desk-table__th--end {
  text-align: right;
}

.desk-table__td {
  padding: 0 14px;
  height: 44px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}

.desk-table__td--strong {
  font-weight: 600;
}

.desk-table__td--sm {
  font-size: 13px;
}

.desk-table__td--muted {
  color: var(--text-muted);
}

.desk-table__td--end {
  text-align: right;
}

.desk-table__row--last > .desk-table__td {
  border-bottom: 0;
}

.desk-table__row--selected {
  background: var(--anchor-tint);
}

.desk-table__open {
  padding: 0;
  border: 0;
  background: none;
  color: var(--text);
  cursor: pointer;
  text-align: left;
}

.desk-table__open:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.desk-table__open--selected {
  color: var(--anchor);
}

.desk-table--pad-12 .desk-table__th,
.desk-table--pad-12 .desk-table__td {
  padding: 0 12px;
}

.desk-table--pad-10 .desk-table__th,
.desk-table--pad-10 .desk-table__td {
  padding: 0 10px;
}

.desk-table__count {
  font-size: 12px;
  color: var(--text-muted);
}

.desk-table__foot {
  padding: 12px 16px;
  border-top: 1px solid var(--border);
  font-size: 13px;
  line-height: 18px;
  color: var(--text-muted);
}

.desk-table__foot-row {
  --grid-gutter-x: 16px;
  --grid-gutter-y: 8px;
  align-items: center;
}

.desk-table__note {
  display: flex;
}

.desk-table__pager {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  white-space: nowrap;
}

.desk-select {
  min-height: 36px;
  padding: 0 10px;
  font-size: 13px;
}

.queue__table {
  min-width: 960px;
}

.queue__flagged {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.queue__num {
  font-weight: 600;
}

.queue__sla {
  font-size: 13px;
}

.queue__sla--urgent {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: var(--status-out-of-range-text);
}

.queue__sla--none {
  color: var(--text-muted);
}

.approve__crumb,
.approve__crumb:hover {
  color: inherit;
  text-decoration: none;
}

.approve__title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.approve__head-actions {
  gap: 16px;
}

.approve__sla {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.approve__sla-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--status-out-of-range-text);
}

.approve__grid {
  --grid-gutter-x: 20px;
  --grid-gutter-y: 20px;
  min-height: 1100px;
  align-items: start;
}

.approve__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.approve__values {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.approve__card-titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.approve__card-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.approve__note {
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

.approve__check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}

.approve__check--center {
  align-items: center;
}

.approve__checkbox {
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  accent-color: var(--anchor);
  flex: none;
}

.approve__checkbox--flush {
  margin: 0;
}

.approve__rows {
  display: flex;
  flex-direction: column;
}

.approve__value-row {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding: 8px 0;
  border-top: 1px solid var(--border);
}

.approve__value-line {
  align-items: center;
}

.approve__value-cell {
  padding-left: 12px;
}

.approve__value-row--last {
  border-bottom: 1px solid var(--border);
}

.approve__value {
  display: block;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.approve__unit {
  font-size: 11px;
  color: var(--text-muted);
}

.approve__prev {
  display: block;
  font-size: 11px;
  line-height: 16px;
  color: var(--text-muted);
  text-align: right;
  white-space: nowrap;
}

.approve__more {
  align-self: flex-start;
  padding: 0 8px;
}

.approve__panel {
  padding: 0;
}

.approve__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  list-style: none;
}

.approve__quiz {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px 16px;
  font-size: 13px;
  line-height: 18px;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.approve__quiz-term {
  width: 96px;
  line-height: 18px;
}

.approve__quiz-value {
  padding-left: 12px;
}

.approve__quiz-answer {
  display: block;
}

.approve__quiz-date {
  font-size: 12px;
  color: var(--text-muted);
}

.approve__panel-body {
  padding: 12px 16px 16px;
  border-top: 1px solid var(--border);
  font-size: 13px;
  line-height: 18px;
  color: var(--text-muted);
}

.approve__strong {
  color: var(--text);
  font-weight: 600;
}

.approve__section {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.approve__section--tight {
  gap: 8px;
}

.approve__section--loose {
  gap: 16px;
}

.approve__section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.approve__section-head--wrap {
  flex-wrap: wrap;
}

.approve__line {
  display: flex;
  align-items: center;
  gap: 10px;
}

.approve__edited {
  border-left: 3px solid var(--anchor);
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

textarea.approve__textarea {
  font-size: 14px;
  line-height: 20px;
}

textarea.approve__textarea--summary {
  min-height: 152px;
}

textarea.approve__textarea--plan {
  min-height: 84px;
}

textarea.approve__textarea--note {
  min-height: 72px;
}

.approve__rating {
  align-items: center;
  min-height: 44px;
  padding: 4px 0 4px 12px;
  border-left: 3px solid transparent;
  border-top: 1px solid var(--border);
}

.approve__rating-level {
  padding-left: 12px;
}

.approve__rating-pick > .desk-select {
  display: block;
}

.approve__rating--changed {
  border-left: 3px solid var(--anchor);
}

.approve__rating--last {
  border-bottom: 1px solid var(--border);
}

.approve__rating-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}

.approve__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 15px;
  border-left: 3px solid transparent;
}

.approve__item--changed {
  padding-left: 12px;
  border-left: 3px solid var(--anchor);
}

.approve__item-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.approve__item-title {
  font-weight: 600;
}

.approve__item-value {
  font-size: 13px;
}

.approve__item-body {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.approve__item-text {
  flex: 1;
  min-width: 0;
}

.approve__edit {
  flex: none;
  padding: 0 8px;
}

.approve__source {
  font-size: 13px;
  color: var(--text-muted);
}

.approve__claim {
  border-bottom: 2px dotted var(--status-out-of-range);
  padding-bottom: 1px;
}

.approve__claim-actions {
  display: flex;
  gap: 8px;
}

.approve__num {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-muted);
  letter-spacing: 0.06em;
}

.approve__supplement {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.approve__supplement-none {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 18px;
  color: var(--text-muted);
}

.approve__supplement-name {
  font-weight: 600;
  color: var(--text);
}

.approve__box {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.approve__box--tight {
  gap: 8px;
}

.approve__action {
  white-space: normal;
  text-align: left;
  justify-content: flex-start;
  padding: 10px 16px;
}

.approve__divider {
  margin: 4px 0;
}

textarea.approve__reason {
  font-size: 13px;
  line-height: 18px;
  min-height: 76px;
  padding: 10px 12px;
}

.approve__checklist {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.approve__publish {
  margin-top: 4px;
}

.approve__log {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.approve__log-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 0;
  border-top: 1px solid var(--border);
  font-size: 13px;
  line-height: 18px;
}

.approve__log-item--last {
  border-bottom: 1px solid var(--border);
}

.library__section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.library__split {
  --grid-gutter-x: 20px;
  --grid-gutter-y: 20px;
  align-items: start;
}

.library__ranges-table {
  min-width: 760px;
}

.library__texts-table {
  min-width: 720px;
}

.library__quiet {
  font-weight: 400;
  color: var(--text-muted);
}

.library__calc-tag {
  margin-left: 4px;
}

.library__note {
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

.library__fields {
  --grid-gutter-x: 10px;
  --grid-gutter-y: 10px;
}

.library__field {
  gap: 4px;
}

.library__field--spaced {
  margin-top: 4px;
}

.library__input,
.vt-input-wrap > .library__input {
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
}

.vt-input-wrap > .library__unit {
  right: 10px;
  font-size: 11px;
}

.library__preview {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface-2);
}

.library__preview-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.library__preview-meta {
  font-size: 12px;
  color: var(--text-muted);
}

.library__scale {
  --scale-min: 0;
  --scale-max: 200;
}

.library__history {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.library__texts-head {
  --grid-gutter-x: 16px;
  --grid-gutter-y: 8px;
}

.library__texts-titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

textarea.library__textarea {
  font-size: 13px;
  line-height: 18px;
  min-height: 64px;
  padding: 8px 12px;
}

textarea.library__textarea--md {
  min-height: 92px;
}

textarea.library__textarea--lg {
  min-height: 116px;
}

.library-dialog {
  width: min(760px, 100% - 32px);
  max-width: none;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-lg);
  background: var(--surface);
  color: var(--text);
}

.library-dialog[open] {
  display: flex;
  flex-direction: column;
}

.library-dialog::backdrop {
  background: color-mix(in srgb, var(--anchor) 45%, transparent);
}

.library-dialog__form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.library-dialog__head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: var(--space-6) var(--space-6) var(--space-4);
  border-bottom: 1px solid var(--border);
}

.library-dialog__heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
}

.library-dialog__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.library-dialog__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.library-dialog__close {
  flex: none;
  width: 36px;
  padding: 0;
}

.library-dialog__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--space-6);
}

.library-dialog__fields,
.library-dialog__aside {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.library-dialog__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: var(--space-4) var(--space-6);
  border-top: 1px solid var(--border);
}

.reviews__table {
  min-width: 900px;
}

.settings-clinic {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.settings-clinic__card {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.settings-clinic__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.settings-clinic__title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.settings-clinic__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.settings-clinic__block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.settings-clinic__fields {
  --grid-gutter-x: 16px;
  --grid-gutter-y: 12px;
}

.settings-clinic__invite {
  align-items: flex-end;
}

.settings-clinic__input,
.vt-input-wrap > .settings-clinic__input {
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
}

.settings-clinic__avatar-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.settings-clinic__initials {
  width: 72px;
}

.settings-clinic__preview {
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface-2);
  font-size: 13px;
  line-height: 18px;
}

.settings-clinic__preview .vt-mono {
  vertical-align: top;
}

.settings-clinic__fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.settings-clinic__legend {
  padding: 0;
  margin-bottom: 8px;
}

.settings-clinic__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.settings-clinic__radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.settings-clinic__radio-input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--anchor);
}

.settings-clinic__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.settings-clinic__item {
  padding: 12px 0;
  border-top: 1px solid var(--border);
}

.settings-clinic__item--last {
  border-bottom: 1px solid var(--border);
}

.settings-clinic__option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.settings-clinic__switch {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: var(--anchor);
  flex: none;
}

.settings-clinic__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.settings-clinic__name {
  font-weight: 600;
}

.settings-clinic__state {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--anchor);
}

.settings-clinic__edit {
  padding: 0 8px;
}

.settings-clinic__btn {
  align-self: flex-start;
}

.settings-clinic__you {
  font-weight: 400;
  color: var(--text-muted);
}

.settings-clinic__foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

@media (min-width: 576px) {
  .approve__rating-pick {
    width: 180px;
    padding-left: 12px;
  }
}

@media (min-width: 768px) {
  .library-dialog__aside > .library__history:first-child {
    border-top: 0;
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  .approve__col--side {
    width: 340px;
  }
}

@media (min-width: 1400px) {
  .approve__col--actions {
    width: 320px;
  }
}

@media (max-width: 767px) {
  .desk-filters__divider {
    display: none;
  }

  .library-dialog__head {
    padding: var(--space-5) var(--space-5) var(--space-4);
  }

  .library-dialog__body {
    padding: var(--space-5);
  }

  .library-dialog__foot {
    padding: var(--space-4) var(--space-5);
  }
}

@media (max-width: 575px) {
  .approve__rating-pick {
    padding-top: 12px;
  }

  .approve__claim-actions,
  .approve__supplement {
    flex-wrap: wrap;
  }

  .library-dialog__foot {
    flex-direction: column;
  }
}