.v23-worktab-selection,
.v23-worktab-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  min-inline-size: 0;
  padding: 0.75rem 0.9rem;
  color: var(--v23-color-text, var(--ink, #17201a));
  border: 1px solid var(--v23-color-border, var(--line, #d4ddd2));
  border-radius: var(--v23-radius-md, var(--radius-md, 0.75rem));
  background: var(--v23-color-surface, var(--surface, #fff));
  box-shadow: 0 0.25rem 0.8rem rgb(19 43 33 / 6%);
}

.v23-worktab-selection__all,
.v23-worktab-actions__select-all {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-block-size: 2.5rem;
  font-weight: 700;
  cursor: pointer;
}

.v23-worktab-selection__all input,
.v23-worktab-actions__select-all input,
.v23-worktab-company-select,
.v23-worktab-person-select {
  flex: 0 0 auto;
  inline-size: 1.15rem;
  block-size: 1.15rem;
  margin: 0;
  accent-color: var(--v23-color-accent, var(--accent, #087b70));
  cursor: pointer;
}

.v23-worktab-selection__status,
.v23-worktab-actions__status {
  flex: 1 1 10rem;
  min-inline-size: 0;
  margin: 0;
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.v23-worktab-selection__add,
.v23-worktab-actions__run {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 2.75rem;
  padding: 0.55rem 1rem;
  color: var(--v23-color-on-accent, var(--surface, #fff));
  border: 1px solid var(--v23-color-accent, var(--accent, #087b70));
  border-radius: var(--v23-radius-sm, var(--radius-sm, 0.4rem));
  background: var(--v23-color-accent, var(--accent, #087b70));
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}

.v23-worktab-selection__add:hover:not(:disabled),
.v23-worktab-actions__run:hover:not(:disabled) {
  border-color: var(--v23-color-accent-strong, var(--accent-strong, #05645b));
  background: var(--v23-color-accent-strong, var(--accent-strong, #05645b));
}

.v23-worktab-selection__add:disabled,
.v23-worktab-actions button:disabled {
  color: var(--v23-color-disabled-text, var(--muted, #5d6b61));
  border-color: var(--v23-color-border, var(--line, #d4ddd2));
  background: var(--v23-color-disabled-surface, var(--surface-subtle, #eef2eb));
  cursor: not-allowed;
  opacity: 0.82;
}

.v23-worktab-actions__later {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  flex-basis: 100%;
  padding-block-start: 0.55rem;
  border-block-start: 1px solid var(--v23-color-border, var(--line, #d4ddd2));
}

.v23-worktab-actions__later button {
  min-block-size: 2rem;
  padding: 0.3rem 0.55rem;
  border: 1px solid var(--v23-color-border, var(--line, #d4ddd2));
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
}

.v23-worktab-selectable {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.7rem;
  block-size: 100%;
  min-inline-size: 0;
  padding: 0.75rem;
  border: 1px solid var(--v23-color-border, var(--line, #d4ddd2));
  border-radius: var(--v23-radius-md, var(--radius-md, 0.75rem));
  background: var(--v23-color-surface, var(--surface, #fff));
}

.v23-worktab-selectable--selected,
.v23-worktab-selectable:has(.v23-worktab-company-select:checked),
.v23-person-card:has(.v23-worktab-person-select:checked) {
  border-color: var(--v23-color-accent, var(--accent, #087b70));
  background: var(--v23-color-accent-soft, var(--accent-soft, #dff2ed));
  box-shadow: 0 0 0 1px var(--v23-color-accent, var(--accent, #087b70));
}

.v23-worktab-selectable > :not(.v23-worktab-company-select) {
  min-inline-size: 0;
}

.v23-worktab-company-select {
  margin-block-start: 0.3rem;
}

.v23-worktab-selectable > :where(.v23-list-link, .v23-list-card) {
  block-size: auto;
  min-block-size: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.v23-person-card:has(> .v23-worktab-person-select) {
  grid-template-columns: auto minmax(0, 1fr);
}

.v23-person-card:has(> .v23-worktab-person-select) > :not(.v23-worktab-person-select) {
  grid-column: 2;
  min-inline-size: 0;
}

.v23-person-card .v23-worktab-person-select {
  justify-self: start;
  margin-block-start: 0.25rem;
}

.v23-worktab {
  display: grid;
  gap: 0.85rem;
  min-inline-size: 0;
}

.v23-worktab__title,
.v23-worktab__intro,
.v23-worktab__boundary,
.v23-worktab__live,
.v23-worktab__total {
  margin: 0;
}

.v23-worktab__title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.v23-worktab__intro {
  max-inline-size: 48rem;
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
}

.v23-worktab__boundary {
  inline-size: fit-content;
  max-inline-size: 60rem;
  padding: 0.55rem 0.75rem;
  color: var(--v23-color-warning-text, var(--warning, #8b5b00));
  border-inline-start: 0.25rem solid currentColor;
  border-radius: var(--v23-radius-sm, var(--radius-sm, 0.4rem));
  background: var(--v23-color-warning-surface, var(--warning-soft, #fff1c9));
  font-size: 0.88rem;
}

.v23-worktab__live {
  min-block-size: 1.4em;
  color: var(--v23-color-accent-strong, var(--accent-strong, #05645b));
  font-size: 0.88rem;
  font-weight: 680;
}

.v23-worktab__live--error {
  color: var(--v23-color-danger-text, var(--danger, #a43737));
}

.v23-worktab__total {
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
  font-variant-numeric: tabular-nums;
}

.v23-worktab-table-scroll {
  position: relative;
  min-inline-size: 0;
  overflow-x: auto;
  border: 1px solid var(--v23-color-border, var(--line, #d4ddd2));
  border-radius: var(--v23-radius-md, var(--radius-md, 0.75rem));
  background: var(--v23-color-surface, var(--surface, #fff));
  box-shadow: var(--v23-shadow-sm, var(--shadow, 0 0.75rem 2rem rgb(27 45 34 / 10%)));
  scrollbar-width: thin;
}

.v23-worktab-table {
  inline-size: 100%;
  min-inline-size: 76rem;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--v23-color-text, var(--ink, #17201a));
  font-size: 0.88rem;
}

.v23-worktab-table :where(th, td) {
  min-inline-size: 8.5rem;
  padding: 0.7rem;
  border-block-end: 1px solid var(--v23-color-border, var(--line, #d4ddd2));
  background-clip: padding-box;
  text-align: start;
  vertical-align: top;
}

.v23-worktab-table :where(th, td):first-child {
  min-inline-size: 17rem;
  inline-size: 19rem;
}

.v23-worktab-table :where(th, td):nth-child(3) {
  min-inline-size: 17rem;
}

.v23-worktab-table thead th {
  position: sticky;
  inset-block-start: 0;
  z-index: 3;
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
  border-block-end-color: var(--v23-color-border-strong, var(--line-strong, #b8c6b7));
  background: var(--v23-color-surface-subtle, var(--surface-subtle, #eef2eb));
  font-size: 0.75rem;
  font-weight: 780;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
}

.v23-worktab-table :where(th, td):first-child {
  position: sticky;
  inset-inline-start: 0;
  z-index: 2;
  background: var(--v23-color-surface, var(--surface, #fff));
  box-shadow: 1px 0 0 var(--v23-color-border, var(--line, #d4ddd2));
}

.v23-worktab-table thead th:first-child {
  z-index: 4;
  background: var(--v23-color-surface-subtle, var(--surface-subtle, #eef2eb));
}

.v23-worktab-table tbody tr:last-child :where(th, td) {
  border-block-end: 0;
}

.v23-worktab-table tbody tr:hover :where(th, td) {
  background-color: var(--v23-color-surface-subtle, var(--surface-subtle, #eef2eb));
}

.v23-worktab-table tbody tr[hidden] {
  display: none;
}

.v23-worktab-row__identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.65rem;
}

.v23-worktab-row__identity-copy {
  min-inline-size: 0;
}

.v23-worktab-row--person .v23-worktab-row__identity {
  padding-inline-start: 2rem;
}

.v23-worktab-row--person .v23-worktab-row__identity::before {
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
  content: "↳";
}

.v23-worktab-row__identity-copy > a,
.v23-worktab-row__identity-copy > span:first-child {
  color: var(--v23-color-text, var(--ink, #17201a));
  font-weight: 750;
  overflow-wrap: anywhere;
}

.v23-worktab-row__company {
  display: block;
  margin-block-start: 0.15rem;
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
  font-size: 0.78rem;
  font-weight: 500;
}

.v23-worktab-row__toggle {
  display: block;
  min-block-size: 2rem;
  margin-block-start: 0.4rem;
  padding: 0.25rem 0.55rem;
  color: var(--v23-color-accent-strong, var(--accent-strong, #05645b));
  border: 1px solid var(--v23-color-border, var(--line, #d4ddd2));
  border-radius: var(--v23-radius-sm, var(--radius-sm, 0.4rem));
  background: var(--v23-color-surface, var(--surface, #fff));
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
}

.v23-worktab-stage {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.9rem;
  padding: 0.25rem 0.55rem;
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
  border: 1px solid var(--v23-color-border-strong, var(--line-strong, #b8c6b7));
  border-radius: 999px;
  background: var(--v23-color-surface-subtle, var(--surface-subtle, #eef2eb));
  font-size: 0.76rem;
  font-weight: 720;
  white-space: nowrap;
}

.v23-worktab-stage--running,
.v23-worktab-stage--completed {
  color: var(--v23-color-accent-strong, var(--accent-strong, #05645b));
  border-color: currentColor;
  background: var(--v23-color-accent-soft, var(--accent-soft, #dff2ed));
}

.v23-worktab-stage--needs_review,
.v23-worktab-stage--held,
.v23-worktab-stage--stale {
  color: var(--v23-color-warning-text, var(--warning, #8b5b00));
  border-color: currentColor;
  background: var(--v23-color-warning-surface, var(--warning-soft, #fff1c9));
}

.v23-worktab-stage--failed {
  color: var(--v23-color-danger-text, var(--danger, #a43737));
  border-color: currentColor;
  background: var(--v23-color-danger-surface, var(--danger-soft, #fae7e4));
}

.v23-worktab-stage--later,
.v23-worktab-stage--skipped {
  border-style: dashed;
}

.v23-worktab-top-five {
  display: grid;
  gap: 0.5rem;
}

.v23-worktab-top-five__list {
  display: grid;
  gap: 0.4rem;
  margin: 0;
  padding-inline-start: 1.15rem;
}

.v23-worktab-top-five__name,
.v23-worktab-top-five__title {
  display: block;
  overflow-wrap: anywhere;
}

.v23-worktab-top-five__name {
  font-weight: 720;
}

.v23-worktab-top-five__title {
  color: var(--v23-color-text-muted, var(--muted, #5d6b61));
  font-size: 0.72rem;
}

.v23-toast-region {
  position: fixed;
  z-index: 30;
  inset-inline-end: 1rem;
  inset-block-end: 1rem;
  display: grid;
  inline-size: min(28rem, calc(100vw - 2rem));
  pointer-events: none;
}

.v23-toast {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  color: var(--v23-color-text, var(--ink, #17201a));
  border: 1px solid var(--v23-color-accent, var(--accent, #087b70));
  border-radius: var(--v23-radius-md, var(--radius-md, 0.75rem));
  background: var(--v23-color-accent-soft, var(--accent-soft, #dff2ed));
  box-shadow: 0 0.9rem 2.5rem rgb(19 43 33 / 22%);
  font-weight: 680;
  pointer-events: auto;
}

.v23-toast--error {
  color: var(--v23-color-danger-text, var(--danger, #a43737));
  border-color: currentColor;
  background: var(--v23-color-danger-surface, var(--danger-soft, #fae7e4));
}

.v23-toast a {
  color: inherit;
  white-space: nowrap;
}

@media (max-width: 48rem) {
  .v23-worktab-selection,
  .v23-worktab-actions {
    align-items: stretch;
  }

  .v23-worktab-selection__status,
  .v23-worktab-actions__status {
    flex-basis: 100%;
    order: 3;
  }

  .v23-worktab-selection__add {
    margin-inline-start: auto;
  }

  .v23-worktab-table {
    min-inline-size: 70rem;
    font-size: 0.82rem;
  }

  .v23-worktab-table :where(th, td):first-child {
    min-inline-size: 14rem;
    inline-size: 15rem;
  }
}

@media (max-width: 32rem) {
  .v23-worktab-selection,
  .v23-worktab-actions {
    display: grid;
  }

  .v23-worktab-actions__later {
    display: grid;
  }

  .v23-worktab-selection__add,
  .v23-worktab-actions__run {
    inline-size: 100%;
    margin: 0;
  }

  .v23-toast {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v23-worktab-selection__add,
  .v23-worktab-actions__run,
  .v23-worktab-row__toggle {
    transition: none;
  }
}