/**
 * Dashboard patterns: KPIs, action centre, modules, insight — requires tokens.css first.
 */

.tb-dash {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
  padding-bottom: var(--tb-space-10);
}

.tb-dash__section {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-gap);
}

.tb-dash__section-title {
  margin: 0;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  letter-spacing: var(--tb-tracking-wide);
  text-transform: uppercase;
  color: var(--tb-color-accent);
}

/* —— KPI grid —— */
.tb-dash-kpis {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 36rem) {
  .tb-dash-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-dash-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .tb-dash-kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.tb-dash-kpi {
  min-height: var(--tb-dash-kpi-min-height);
  border-radius: var(--tb-dash-card-radius);
  padding: var(--tb-dash-card-pad);
  border: var(--tb-dash-card-border);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm), var(--tb-shadow-inset-glow);
}

.tb-dash-kpi__label {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-dash-kpi__value {
  margin: 0;
  font-size: var(--tb-text-3xl);
  font-weight: var(--tb-font-heavy);
  letter-spacing: var(--tb-tracking-tight);
  color: var(--tb-color-text-primary);
}

/* —— Action centre strip —— */
.tb-dash-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 48rem) {
  .tb-dash-actions {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
}

/* —— Module cards grid —— */
.tb-dash-modules {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-dash-modules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-dash-modules {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 90rem) {
  .tb-dash-modules {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.tb-dash-module {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: var(--tb-color-bg-panel);
  min-height: 5.5rem;
}

.tb-dash-module:hover {
  border-color: var(--tb-color-border-accent);
  background: var(--tb-color-bg-panel-hover);
}

/* —— Triangulated insight panel —— */
.tb-dash-insight {
  border-radius: var(--tb-dash-card-radius);
  border: var(--tb-dash-card-border);
  padding: var(--tb-dash-card-pad);
  background: linear-gradient(180deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-raised) 100%);
  box-shadow: var(--tb-shadow-md);
}

.tb-dash-insight__rows {
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-dash-insight__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 48rem) {
  .tb-dash-insight__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

/* —— Organisation Control Centre (clean rebuild shell) —— */
.tb-occ-dash {
  gap: var(--tb-dash-section-gap);
}

.tb-occ-section__footer {
  margin: var(--tb-space-3) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-occ-priority-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 36rem) {
  .tb-occ-priority-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-occ-priority-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-occ-priority {
  position: relative;
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  min-height: 6.5rem;
}

.tb-occ-priority__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-occ-priority__meta {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
}

.tb-occ-priority__count {
  position: absolute;
  top: var(--tb-space-3);
  right: var(--tb-space-3);
  min-width: 1.75rem;
  height: 1.5rem;
  padding: 0 var(--tb-space-2);
  border-radius: var(--tb-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  color: #fff;
}

.tb-occ-priority__count--blue {
  background: var(--tb-color-status-blue);
}

.tb-occ-priority__count--amber {
  background: var(--tb-color-status-amber);
  color: var(--tb-color-text-inverse);
}

.tb-occ-priority__count--red {
  background: var(--tb-color-status-red);
}

.tb-occ-priority__count--neutral {
  background: var(--tb-color-status-neutral);
}

.tb-occ-priority__count--purple {
  background: #a78bfa;
}

.tb-occ-priority__count--yellow {
  background: #eab308;
  color: var(--tb-color-text-inverse);
}

.tb-occ-priority__count--orange {
  background: #fb923c;
  color: var(--tb-color-text-inverse);
}

.tb-occ-priority__link {
  display: inline-block;
  margin-top: var(--tb-space-3);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-occ-priority__link:hover {
  text-decoration: underline;
}

/* Setup + KPI split */
.tb-occ-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap-lg);
  align-items: stretch;
}

@media (min-width: 64rem) {
  .tb-occ-split {
    grid-template-columns: minmax(0, min(22rem, 38%)) minmax(0, 1fr);
  }
}

.tb-occ-setup__percent {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-accent);
}

.tb-occ-setup__bar {
  height: 0.5rem;
  border-radius: var(--tb-radius-pill);
  background: rgba(148, 163, 184, 0.15);
  overflow: hidden;
  margin-bottom: var(--tb-space-5);
}

.tb-occ-setup__bar-fill {
  display: block;
  height: 100%;
  width: 70%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--tb-color-accent-strong), var(--tb-color-accent));
}

.tb-occ-setup__steps {
  margin: 0 0 var(--tb-space-5);
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-occ-setup__steps li {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--tb-space-2);
  align-items: center;
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-primary);
}

.tb-occ-setup__step-num {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--tb-radius-sm);
  display: grid;
  place-items: center;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  background: var(--tb-color-accent);
  color: var(--tb-color-text-inverse);
}

.tb-occ-setup__state {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
}

.tb-occ-setup__state--done {
  color: var(--tb-color-status-green);
}

.tb-occ-setup__state--pending {
  color: var(--tb-color-text-muted);
  background: rgba(148, 163, 184, 0.1);
  padding: var(--tb-space-1) var(--tb-space-2);
  border-radius: var(--tb-radius-sm);
}

/* Bottom: insight + activity / quick */
.tb-occ-bottom {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap-lg);
}

@media (min-width: 72rem) {
  .tb-occ-bottom {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  }
}

.tb-occ-bottom__aside {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-gap);
  min-width: 0;
}

.tb-occ-activity__list {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-occ-activity__item {
  display: flex;
  align-items: flex-start;
  gap: var(--tb-space-2);
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-primary);
}

.tb-occ-activity__icon {
  flex-shrink: 0;
  width: 1.5rem;
  text-align: center;
  color: var(--tb-color-status-amber);
}

.tb-occ-activity__icon--ok {
  color: var(--tb-color-status-green);
}

.tb-occ-quick__grid {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--tb-space-2);
}

.tb-occ-quick__link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: var(--tb-space-2);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.06);
  color: var(--tb-color-text-primary);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  text-decoration: none;
}

.tb-occ-quick__link:hover {
  border-color: var(--tb-color-border-accent);
  color: var(--tb-color-accent);
}

/* —— Platform admin portal (clean rebuild shell) —— */
.tb-portal-dash {
  padding-bottom: var(--tb-space-10);
}

.tb-portal-header {
  margin-bottom: var(--tb-space-6);
  padding-bottom: var(--tb-space-5);
  border-bottom: 1px solid var(--tb-color-border-subtle);
}

.tb-portal-header__title {
  margin: 0 0 var(--tb-space-3);
  font-size: clamp(1.35rem, 3.5vw, 1.75rem);
  font-weight: var(--tb-font-heavy);
  letter-spacing: var(--tb-tracking-tight);
  color: var(--tb-color-text-primary);
}

.tb-portal-header__note {
  margin: 0;
  max-width: 48rem;
  font-size: var(--tb-text-sm);
  line-height: var(--tb-leading-relaxed);
  color: var(--tb-color-text-secondary);
}

.tb-portal-header__note strong {
  color: var(--tb-color-text-primary);
  font-weight: var(--tb-font-bold);
}

.tb-portal-warning {
  margin-bottom: var(--tb-space-8);
}

.tb-portal-section {
  margin-bottom: var(--tb-space-8);
}

.tb-portal-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 36rem) {
  .tb-portal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-portal-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-portal-grid__cell {
  min-width: 0;
}

.tb-portal-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
  min-height: 8.5rem;
  padding: var(--tb-space-5);
  border-radius: var(--tb-dash-card-radius);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm), var(--tb-shadow-inset-glow);
}

.tb-portal-card__title {
  margin: 0;
  font-size: var(--tb-text-md);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-portal-card__meta {
  margin: 0;
  flex: 1;
  font-size: var(--tb-text-sm);
  line-height: var(--tb-leading-snug);
  color: var(--tb-color-text-secondary);
}

.tb-portal-footer {
  margin: var(--tb-space-6) 0 0;
  text-align: center;
}

/* —— Platform portal shell (sidebar + main) —— */
.tb-page__main--portal {
  padding: 0;
  max-width: none;
}

.tb-portal-shell {
  width: 100%;
  min-height: min(100dvh, 100%);
  border-radius: var(--tb-radius-lg);
  border: 1px solid var(--tb-color-border-subtle);
  overflow: hidden;
  background: linear-gradient(
    135deg,
    var(--tb-color-bg-raised) 0%,
    var(--tb-color-bg-inset) 55%,
    var(--tb-color-bg-base) 100%
  );
}

.tb-portal-sidebar {
  display: flex;
  flex-direction: column;
  min-height: 14rem;
  border-right: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(180deg, var(--tb-color-bg-raised) 0%, var(--tb-color-bg-panel) 100%);
}

@media (min-width: 64rem) {
  .tb-portal-sidebar {
    min-height: 100%;
  }
}

.tb-portal-sidebar__eyebrow {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  letter-spacing: var(--tb-tracking-wide);
  text-transform: uppercase;
  color: var(--tb-color-accent);
}

.tb-portal-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-1);
}

.tb-portal-nav__link {
  display: block;
  padding: var(--tb-space-2) var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-medium);
  color: var(--tb-color-text-secondary);
  text-decoration: none;
  border: 1px solid transparent;
}

.tb-portal-nav__link:hover {
  color: var(--tb-color-text-primary);
  border-color: var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.06);
}

.tb-portal-nav__link.is-active {
  color: var(--tb-color-accent);
  border-color: rgba(45, 212, 191, 0.28);
  background: rgba(45, 212, 191, 0.08);
}

.tb-portal-sidebar__foot {
  margin-top: auto;
  padding-top: var(--tb-space-5);
  border-top: 1px solid var(--tb-color-border-subtle);
}

.tb-portal-sidebar__org {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-primary);
}

.tb-portal-sidebar__status {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--tb-space-2);
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-portal-sidebar__dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--tb-color-status-amber);
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2);
}

.tb-portal-main {
  padding: var(--tb-space-6) var(--tb-space-5);
  min-width: 0;
}

@media (min-width: 52rem) {
  .tb-portal-main {
    padding: var(--tb-space-8) var(--tb-space-8);
  }
}

.tb-portal-placeholders {
  margin-bottom: var(--tb-space-10);
}

.tb-portal-placeholders__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-portal-placeholders__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tb-portal-placeholder-card {
  min-height: 6.5rem;
}

/* OWNER-PORTAL-1 — platform owner portal read-only previews */
.tb-portal-owner-banner {
  margin-bottom: var(--tb-space-4);
}

.tb-portal-guard-note {
  margin-bottom: var(--tb-space-4);
}

.tb-portal-section-header {
  margin-bottom: var(--tb-space-5);
}

.tb-portal-section-header__title {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-xl);
  font-weight: var(--tb-font-heavy);
}

.tb-portal-section-header__body {
  margin: 0;
  color: var(--tb-color-text-secondary);
  font-size: var(--tb-text-sm);
}

.tb-portal-section-body {
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-6);
  min-width: 0;
}

.tb-portal-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tb-dash-gap);
}

@media (min-width: 48rem) {
  .tb-portal-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-portal-kpi {
  padding: var(--tb-space-4);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: var(--tb-color-bg-inset);
  min-width: 0;
}

.tb-portal-kpi__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-portal-kpi__value {
  margin: 0;
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
}

.tb-portal-block {
  min-width: 0;
}

.tb-portal-block__lead {
  margin: 0 0 var(--tb-space-4);
}

.tb-portal-org-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
  min-width: 0;
}

/* Full-width stacked list cards — readable on overview and organisations */
.tb-portal-org-grid--stack {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--tb-space-5);
}

.tb-portal-org-card {
  min-width: 0;
  width: 100%;
  padding: var(--tb-space-5);
}

.tb-portal-org-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tb-space-3);
  margin-bottom: var(--tb-space-4);
  padding-bottom: var(--tb-space-3);
  border-bottom: 1px solid var(--tb-color-border-subtle);
}

.tb-portal-org-card__head-text {
  flex: 1 1 12rem;
  min-width: 0;
}

.tb-portal-org-card__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-lg);
  font-weight: var(--tb-font-heavy);
  line-height: var(--tb-leading-snug);
}

.tb-portal-org-card__slug {
  margin: 0;
  font-size: var(--tb-text-sm);
  color: var(--tb-color-accent);
  font-family: var(--tb-font-mono, ui-monospace, monospace);
  word-break: break-all;
}

.tb-portal-org-card__status {
  flex-shrink: 0;
  max-width: 100%;
  text-align: right;
}

.tb-portal-org-card__rows {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.tb-portal-org-card__row {
  display: grid;
  grid-template-columns: minmax(8.75rem, 11.5rem) minmax(0, 1fr);
  gap: var(--tb-space-2) var(--tb-space-4);
  align-items: start;
  padding: var(--tb-space-3) 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  min-width: 0;
}

.tb-portal-org-card__row:last-child {
  border-bottom: none;
}

.tb-portal-org-card__row--modules,
.tb-portal-org-card__row--workspace,
.tb-portal-org-card__row--email {
  grid-template-columns: minmax(8.75rem, 11.5rem) minmax(0, 1fr);
}

.tb-portal-org-card__label {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-snug);
  padding-top: 0.125rem;
}

.tb-portal-org-card__value {
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-primary);
  line-height: var(--tb-leading-relaxed);
  word-break: break-word;
  overflow-wrap: anywhere;
  min-width: 0;
}

.tb-portal-org-card__row--email .tb-portal-org-card__value {
  font-family: var(--tb-font-mono, ui-monospace, monospace);
  font-size: var(--tb-text-xs);
}

.tb-portal-org-card__row--modules .tb-portal-org-card__value {
  line-height: 1.5;
}

.tb-portal-org-card__row--workspace .tb-portal-org-card__value {
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
}

.tb-portal-org-card__note {
  margin: var(--tb-space-4) 0 0;
  padding-top: var(--tb-space-3);
  font-size: var(--tb-text-xs);
  font-style: italic;
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
  border-top: 1px dashed rgba(148, 163, 184, 0.15);
}

.tb-portal-org-card__actions {
  margin-top: var(--tb-space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
}

.tb-portal-split--overview-secondary {
  align-items: start;
}

/* OWNER-PORTAL-2 — setup workflow, entitlements, branding previews */
.tb-portal-setup-workflows {
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-6);
  min-width: 0;
}

.tb-portal-setup-card {
  scroll-margin-top: var(--tb-app-scroll-offset, 5rem);
}

.tb-portal-setup-card__summary {
  margin-bottom: var(--tb-space-4);
}

.tb-portal-setup-card__panels {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-4);
  margin: var(--tb-space-4) 0;
}

@media (min-width: 48rem) {
  .tb-portal-setup-card__panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 72rem) {
  .tb-portal-setup-card__panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tb-portal-setup-panel {
  padding: var(--tb-space-4);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
  min-width: 0;
}

.tb-portal-setup-panel__title {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-portal-setup-panel__rows .tb-portal-org-card__row {
  padding: var(--tb-space-2) 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.tb-portal-setup-card__branding,
.tb-portal-setup-card__invites,
.tb-portal-setup-card__golive {
  margin-top: var(--tb-space-4);
  padding-top: var(--tb-space-4);
  border-top: 1px solid var(--tb-color-border-subtle);
}

.tb-portal-branding {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-4);
  align-items: flex-start;
  min-width: 0;
}

.tb-portal-branding__swatch {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  flex-shrink: 0;
}

.tb-portal-branding__copy {
  flex: 1 1 12rem;
  min-width: 0;
}

.tb-portal-invite-summary__row {
  display: grid;
  grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr);
  gap: var(--tb-space-2);
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-sm);
}

.tb-portal-golive {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-portal-golive__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-2) var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  background: rgba(148, 163, 184, 0.04);
  min-width: 0;
}

.tb-portal-golive__label {
  font-size: var(--tb-text-sm);
  word-break: break-word;
}

.tb-portal-safety__list {
  margin: var(--tb-space-3) 0;
  padding-left: 1.25rem;
  font-size: var(--tb-text-sm);
}

.tb-portal-safety__list li {
  margin-bottom: var(--tb-space-2);
}

.tb-portal-bundle-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-4);
}

@media (min-width: 40rem) {
  .tb-portal-bundle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-portal-bundle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tb-portal-bundle-card__title {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-base);
}

.tb-portal-bundle-card__modules {
  margin: var(--tb-space-2) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-portal-bundle-assign {
  margin: 0 0 var(--tb-space-4);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-portal-bundle-assign__row {
  margin: 0;
  font-size: var(--tb-text-sm);
  word-break: break-word;
}

.tb-portal-ent-badge {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: var(--tb-radius-sm);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  white-space: normal;
  word-break: break-word;
  max-width: 100%;
}

.tb-portal-ent-badge--green {
  background: rgba(34, 197, 94, 0.15);
  color: var(--tb-color-status-green, #86efac);
}

.tb-portal-ent-badge--amber {
  background: rgba(245, 158, 11, 0.15);
  color: var(--tb-color-status-amber, #fcd34d);
}

.tb-portal-ent-badge--blue {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
}

.tb-portal-ent-badge--neutral {
  background: rgba(148, 163, 184, 0.12);
  color: var(--tb-color-text-muted);
}

.tb-portal-ent-badge--done {
  background: rgba(34, 197, 94, 0.15);
  color: var(--tb-color-status-green, #86efac);
}

.tb-portal-ent-badge--attention {
  background: rgba(245, 158, 11, 0.15);
  color: var(--tb-color-status-amber, #fcd34d);
}

.tb-portal-ent-badge--pending {
  background: rgba(148, 163, 184, 0.12);
  color: var(--tb-color-text-secondary);
}

.tb-portal-ent-badge--inactive {
  background: rgba(100, 116, 139, 0.2);
  color: var(--tb-color-text-muted);
}

.tb-portal-matrix-cards {
  display: none;
  flex-direction: column;
  gap: var(--tb-space-4);
  margin-top: var(--tb-space-4);
}

.tb-portal-matrix-card__title {
  margin: 0 0 var(--tb-space-2);
}

.tb-portal-matrix-card__list {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-portal-matrix-card__list li {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  align-items: baseline;
  font-size: var(--tb-text-sm);
}

.tb-portal-matrix-card__mod {
  font-weight: var(--tb-font-bold);
  min-width: 8rem;
}

.tb-portal-entitlements__foot {
  margin-top: var(--tb-space-4);
}

.tb-portal-invite-org {
  margin-bottom: var(--tb-space-4);
}

/* OWNER-PORTAL-3 — organisation detail preview */
.tb-portal-org-switcher {
  margin-bottom: var(--tb-space-5);
}

.tb-portal-org-switcher__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
}

.tb-portal-org-switcher__link {
  display: inline-block;
  padding: var(--tb-space-2) var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  font-size: var(--tb-text-sm);
  text-decoration: none;
  color: var(--tb-color-text-secondary);
  min-height: 2.75rem;
  line-height: 1.4;
}

.tb-portal-org-switcher__link.is-active {
  border-color: var(--tb-color-accent);
  color: var(--tb-color-text-primary);
  background: rgba(45, 212, 191, 0.08);
}

.tb-portal-detail-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-5);
  min-width: 0;
}

@media (min-width: 48rem) {
  .tb-portal-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tb-portal-detail-section {
  min-width: 0;
}

.tb-portal-detail-section .tb-portal-journey {
  margin: 0;
  border: none;
  background: transparent;
  padding: 0;
}

.tb-portal-detail-section .tb-portal-journey .tb-card__title {
  font-size: var(--tb-text-sm);
}

.tb-portal-ent-detail {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-portal-ent-detail__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-2) 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  min-width: 0;
}

.tb-portal-ent-detail__module {
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
  word-break: break-word;
}

.tb-portal-tenant-readiness__list {
  margin: var(--tb-space-3) 0;
  padding-left: 1.25rem;
  font-size: var(--tb-text-sm);
}

.tb-portal-tenant-readiness__list li {
  margin-bottom: var(--tb-space-2);
  word-break: break-word;
}

.tb-portal-detail-actions-bar {
  margin-top: var(--tb-space-5);
}

/* OWNER-PORTAL-4 — public site CMS read-only preview */
.tb-portal-cms-promo__actions,
.tb-portal-cms-section-foot {
  margin-top: var(--tb-space-4);
}

.tb-portal-cms-promo__meta {
  margin-top: var(--tb-space-2);
}

.tb-portal-cms-readiness__list {
  margin: var(--tb-space-3) 0;
  padding-left: 1.25rem;
  font-size: var(--tb-text-sm);
}

.tb-portal-cms-readiness__list li {
  margin-bottom: var(--tb-space-2);
  word-break: break-word;
}

.tb-portal-route-catalog__chips {
  list-style: none;
  margin: var(--tb-space-4) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-portal-route-chip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tb-space-2) var(--tb-space-3);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
  min-width: 0;
}

.tb-portal-route-chip__label {
  font-weight: var(--tb-font-bold);
  font-size: var(--tb-text-sm);
}

.tb-portal-route-chip__path {
  font-size: var(--tb-text-xs);
  word-break: break-all;
}

.tb-portal-route-chip__note {
  flex: 1 1 100%;
  margin: 0;
}

.tb-portal-cms-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-4);
  margin-top: var(--tb-space-4);
}

@media (min-width: 40rem) {
  .tb-portal-cms-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 72rem) {
  .tb-portal-cms-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tb-portal-cms-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-portal-cms-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tb-space-2);
}

.tb-portal-cms-card__title {
  margin: 0;
  font-size: var(--tb-text-base);
}

.tb-portal-cms-card__preview-title {
  margin: 0;
  font-size: var(--tb-text-sm);
}

.tb-portal-cms-card__future,
.tb-portal-cms-card__prompt {
  margin: 0;
  font-size: var(--tb-text-sm);
}

.tb-portal-cms-card__future-label,
.tb-portal-cms-card__prompt-label {
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
}

.tb-portal-cms-card__route code {
  font-size: var(--tb-text-xs);
  word-break: break-all;
}

.tb-portal-cms-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tb-space-3);
  margin-top: auto;
  padding-top: var(--tb-space-3);
}

.tb-portal-cms-card__ro-label {
  flex: 1 1 100%;
}

.tb-portal-brand-preview__list {
  list-style: none;
  margin: var(--tb-space-4) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-portal-brand-preview__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tb-space-2) var(--tb-space-3);
  min-width: 0;
}

.tb-portal-brand-preview__label {
  font-weight: var(--tb-font-bold);
  font-size: var(--tb-text-sm);
  min-width: 8rem;
}

.tb-portal-brand-preview__path {
  font-size: var(--tb-text-xs);
  word-break: break-all;
}

.tb-portal-org-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
}

.tb-portal-queue {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-portal-queue__item {
  padding: var(--tb-space-4);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
  min-width: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.tb-portal-queue__title {
  margin: 0 0 var(--tb-space-2);
  font-weight: var(--tb-font-bold);
}

.tb-portal-journey__list {
  margin: var(--tb-space-4) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-portal-journey__step {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--tb-space-1);
  padding: var(--tb-space-2) var(--tb-space-3);
  border-left: 3px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-portal-journey__step--done {
  border-left-color: var(--tb-color-status-green);
}

.tb-portal-journey__step--active {
  border-left-color: var(--tb-color-accent);
}

.tb-portal-journey__label {
  font-weight: var(--tb-font-bold);
}

.tb-portal-journey__note {
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-portal-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-6);
}

@media (min-width: 64rem) {
  .tb-portal-split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tb-portal-matrix-wrap {
  overflow-x: auto;
  max-width: 100%;
}

.tb-portal-matrix {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--tb-text-sm);
}

.tb-portal-matrix th,
.tb-portal-matrix td {
  padding: var(--tb-space-2) var(--tb-space-3);
  border: 1px solid var(--tb-color-border-subtle);
  text-align: left;
}

.tb-portal-invite-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-portal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-8);
}

@media (max-width: 40rem) {
  .tb-portal-page--mobile-tidy .tb-portal-nav__list {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .tb-portal-page--mobile-tidy .tb-portal-kpi-grid {
    grid-template-columns: 1fr 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-grid,
  .tb-portal-page--mobile-tidy .tb-portal-org-grid--stack {
    grid-template-columns: 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-card {
    padding: var(--tb-space-4);
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-card__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-card__row,
  .tb-portal-page--mobile-tidy .tb-portal-org-card__row--modules,
  .tb-portal-page--mobile-tidy .tb-portal-org-card__row--email,
  .tb-portal-page--mobile-tidy .tb-portal-org-card__row--workspace {
    grid-template-columns: 1fr;
    gap: var(--tb-space-1);
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-card__label {
    padding-top: 0;
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-card__actions .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-portal-page--mobile-tidy .tb-portal-split--overview-secondary {
    grid-template-columns: 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-matrix-wrap--desktop {
    display: none;
  }

  .tb-portal-page--mobile-tidy .tb-portal-matrix-cards {
    display: flex;
  }

  .tb-portal-page--mobile-tidy .tb-portal-setup-card__panels {
    grid-template-columns: 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-golive__item {
    grid-template-columns: 1fr;
    gap: var(--tb-space-1);
  }

  .tb-portal-page--mobile-tidy .tb-portal-invite-summary__row {
    grid-template-columns: 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-card__actions .tb-btn,
  .tb-portal-page--mobile-tidy .tb-portal-entitlements__foot .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-portal-page--mobile-tidy .tb-portal-bundle-grid {
    grid-template-columns: 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-detail-grid {
    grid-template-columns: 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-ent-detail__item {
    grid-template-columns: 1fr;
    gap: var(--tb-space-1);
  }

  .tb-portal-page--mobile-tidy .tb-portal-org-switcher__link {
    width: 100%;
    text-align: center;
  }

  .tb-portal-page--mobile-tidy .tb-portal-detail-actions-bar .tb-btn,
  .tb-portal-page--mobile-tidy .tb-portal-org-not-found .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-portal-page--mobile-tidy .tb-portal-footer .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-portal-page--mobile-tidy .tb-portal-cms-grid {
    grid-template-columns: 1fr;
  }

  .tb-portal-page--mobile-tidy .tb-portal-cms-card__actions .tb-btn,
  .tb-portal-page--mobile-tidy .tb-portal-route-chip__cta,
  .tb-portal-page--mobile-tidy .tb-portal-cms-promo__actions .tb-btn,
  .tb-portal-page--mobile-tidy .tb-portal-cms-section-foot .tb-btn,
  .tb-portal-page--mobile-tidy .tb-portal-brand-preview__row .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-portal-page--mobile-tidy .tb-portal-route-chip {
    flex-direction: column;
    align-items: stretch;
  }

  .tb-portal-page--mobile-tidy .tb-portal-brand-preview__label {
    min-width: 0;
    flex: 1 1 100%;
  }

  .tb-portal-page--mobile-tidy .tb-portal-main,
  .tb-portal-page--mobile-tidy .tb-portal-section-body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .tb-portal-page--mobile-tidy .tb-portal-matrix {
    font-size: var(--tb-text-xs);
  }
}

/* —— MIGRATE-1B dashboard widgets (read-only OCC) —— */
.tb-dash-widgets {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-dash-widget--empty {
  border: 1px dashed var(--tb-color-border-subtle);
  border-radius: var(--tb-dash-card-radius);
  padding: var(--tb-space-5);
  background: rgba(148, 163, 184, 0.04);
}

.tb-dash-widget-kpi-wrap .tb-dash-kpis {
  margin: 0;
}

.tb-dash-widget-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap-lg);
  align-items: stretch;
}

@media (min-width: 52rem) {
  .tb-dash-widget-split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tb-dash-widget-split__col {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.tb-dash-widget-split__col > .tb-card {
  flex: 1;
}

.tb-dash-widget-ac__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-dash-widget-ac__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: center;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-dash-widget-ac__item {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
}

.tb-dash-widget-ac__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-primary);
}

.tb-dash-widget-ac__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
}

.tb-dash-widget-pulse__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--tb-space-4);
  margin-bottom: var(--tb-space-3);
}

.tb-dash-widget-pulse__band {
  margin: 0;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-status-amber);
}

.tb-dash-widget-pulse__score {
  margin: 0;
  font-size: var(--tb-text-3xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-dash-widget-pulse__explain {
  margin: 0;
  font-size: var(--tb-text-sm);
  line-height: var(--tb-leading-relaxed);
  color: var(--tb-color-text-secondary);
}

.tb-dash-widget-trend__chart {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--tb-space-2);
  min-height: 7.5rem;
  padding-top: var(--tb-space-2);
}

.tb-dash-widget-trend__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tb-space-2);
  min-width: 0;
}

.tb-dash-widget-trend__bar {
  width: 100%;
  max-width: 2.5rem;
  min-height: 0.25rem;
  border-radius: var(--tb-radius-sm) var(--tb-radius-sm) 0 0;
  background: linear-gradient(180deg, var(--tb-color-accent) 0%, rgba(45, 212, 191, 0.35) 100%);
  box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.2);
}

.tb-dash-widget-trend__label {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-medium);
  color: var(--tb-color-text-muted);
}

.tb-dash-widget-setup {
  margin-top: var(--tb-space-2);
}

/* —— MIGRATE-2D Support Plans intelligence (read-only, token-aligned) —— */
.tb-sp-intelligence {
  padding-bottom: var(--tb-space-10);
}

.tb-sp-intelligence__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-sp-intelligence__split {
  margin: 0;
}

.tb-sp-widget.tb-card {
  margin: 0;
}

.tb-sp-widget--empty {
  border: 1px dashed var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-sp-status__asof {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
}

.tb-sp-status__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-sp-status__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-sp-status__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-sp-status__seg {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm);
}

.tb-sp-status__label {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-sp-status__count {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-sp-status__link {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-sp-status__link:hover {
  text-decoration: underline;
}

.tb-sp-status__foot {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-sp-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-sp-inline-link:hover {
  text-decoration: underline;
}

.tb-sp-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--tb-space-1) var(--tb-space-3);
  border-radius: var(--tb-radius-pill);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  border: 1px solid transparent;
}

.tb-sp-pill--danger {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.tb-sp-pill--amber {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

.tb-sp-pill--blue {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
  color: #bae6fd;
}

.tb-sp-pill--green {
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.tb-sp-pill--neutral {
  background: rgba(148, 163, 184, 0.1);
  border-color: var(--tb-color-border-subtle);
  color: var(--tb-color-text-secondary);
}

.tb-sp-queue__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-sp-queue__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-sp-queue__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-sp-queue__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-sp-queue__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-sp-queue__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-sp-queue__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-sp-queue__owner {
  margin: var(--tb-space-2) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-queue__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-sp-queue__badge {
    justify-self: center;
  }
}

.tb-sp-queue__due {
  justify-self: start;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-sp-queue__due {
    justify-self: end;
  }
}

.tb-sp-queue__due--muted {
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  border: 1px solid var(--tb-color-border-subtle);
  border-radius: var(--tb-radius-pill);
  padding: var(--tb-space-1) var(--tb-space-2);
  background: rgba(148, 163, 184, 0.06);
}

.tb-sp-spotlight__signals {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-sp-spotlight__signal {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(7, 21, 39, 0.35);
}

.tb-sp-spotlight__sev {
  margin-top: 0.15rem;
}

.tb-sp-spotlight__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-sp-spotlight__label a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-sp-spotlight__label a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-sp-spotlight__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-sp-spotlight__src {
  margin: var(--tb-space-2) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-spotlight__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-sp-people__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-sp-people__row {
  display: flex;
  gap: var(--tb-space-3);
  align-items: flex-start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

/* FUNC-BUILD-SP-3A — initials avatar placeholders (no photos) */
.tb-sp-avatar {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(45, 212, 191, 0.35);
  font-weight: var(--tb-font-heavy);
  letter-spacing: 0.02em;
  color: var(--tb-color-text-inverse);
  background: linear-gradient(145deg, var(--tb-color-accent-strong), var(--tb-color-accent));
  box-shadow: var(--tb-shadow-sm);
}

.tb-sp-avatar--md {
  width: 2.25rem;
  height: 2.25rem;
  font-size: var(--tb-text-xs);
}

.tb-sp-avatar--lg {
  width: 3rem;
  height: 3rem;
  font-size: var(--tb-text-sm);
}

.tb-sp-avatar--teal {
  background: linear-gradient(145deg, #0d9488, #2dd4bf);
  border-color: rgba(45, 212, 191, 0.45);
}

.tb-sp-avatar--amber {
  background: linear-gradient(145deg, #b45309, #fbbf24);
  border-color: rgba(251, 191, 36, 0.45);
}

.tb-sp-avatar--blue {
  background: linear-gradient(145deg, #1d4ed8, #60a5fa);
  border-color: rgba(96, 165, 250, 0.45);
}

.tb-sp-avatar--neutral {
  background: linear-gradient(145deg, #475569, #94a3b8);
}

.tb-sp-avatar__initials {
  line-height: 1;
}

.tb-sp-person-header__layout {
  display: flex;
  gap: var(--tb-space-4);
  align-items: flex-start;
}

.tb-sp-person-header__body {
  flex: 1;
  min-width: 0;
}

.tb-sp-person-header__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tb-space-2);
  margin-bottom: var(--tb-space-2);
}

.tb-sp-person-header__title-row .tb-card__title {
  margin: 0;
}

.tb-sp-person-header__photo-note {
  margin: var(--tb-space-2) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-overview__person {
  display: flex;
  align-items: center;
  gap: var(--tb-space-2);
  min-width: 0;
}

.tb-sp-overview__person-name {
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-sp-overview__person-name:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-sp-queue__row .tb-sp-avatar {
  align-self: flex-start;
}

.tb-sp-actions__row .tb-sp-avatar {
  align-self: center;
}

.tb-sp-people__name {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-sp-people__name a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-sp-people__name a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-sp-people__status {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
}

.tb-sp-people__next {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-gaps__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-sp-gaps__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-sp-gaps__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-sp-gaps__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-sp-gaps__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-sp-gaps__detail {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-sp-gaps__due {
  margin: var(--tb-space-2) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-status-amber);
  font-weight: var(--tb-font-bold);
}

.tb-sp-ph__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-sp-ph__cta {
  margin: var(--tb-space-4) 0 0;
}

.tb-sp-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-4);
}

.tb-sp-quick__cell {
  min-width: min(100%, 12rem);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-sp-quick__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-4);
}

.tb-sp-empty__hint {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-style: italic;
}

.tb-sp-notice__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tb-space-2);
  margin-bottom: var(--tb-space-2);
}

.tb-sp-notice__head .tb-card__title {
  margin: 0;
}

.tb-sp-intro {
  margin-bottom: var(--tb-space-4);
}

.tb-sp-overview__table-wrap {
  overflow-x: auto;
  margin-top: var(--tb-space-3);
}

.tb-sp-overview__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--tb-text-sm);
}

.tb-sp-overview__table th,
.tb-sp-overview__table td {
  padding: var(--tb-space-2) var(--tb-space-3);
  border-bottom: 1px solid var(--tb-color-border-subtle);
  text-align: left;
  vertical-align: top;
}

.tb-sp-overview__table thead th {
  font-size: var(--tb-text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-sp-overview__fn {
  margin: var(--tb-space-3) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-actions__list,
.tb-sp-tri__list,
.tb-sp-evidence__list,
.tb-sp-mgr-steps__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-sp-actions__row,
.tb-sp-tri__row,
.tb-sp-evidence__row {
  display: grid;
  gap: var(--tb-space-2);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: var(--tb-color-bg-inset);
}

@media (min-width: 36rem) {
  .tb-sp-actions__row {
    grid-template-columns: 1fr auto auto;
    align-items: center;
  }

  .tb-sp-tri__row {
    grid-template-columns: auto 1fr;
    align-items: start;
  }
}

.tb-sp-actions__name,
.tb-sp-tri__label {
  margin: 0;
  font-weight: var(--tb-font-bold);
}

.tb-sp-actions__summary,
.tb-sp-tri__detail,
.tb-sp-evidence__detail {
  margin: 0;
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-secondary);
}

.tb-sp-people__chips {
  margin: var(--tb-space-1) 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-1);
}

.tb-sp-tri__fn,
.tb-sp-mgr-steps__fn,
.tb-sp-evidence__cta {
  margin-top: var(--tb-space-3);
}

.tb-sp-mgr-steps__row {
  padding: var(--tb-space-3);
  border-left: 3px solid var(--tb-color-accent-muted);
}

.tb-sp-mgr-steps__person {
  margin: 0 0 var(--tb-space-1);
  font-weight: var(--tb-font-heavy);
}

.tb-sp-mgr-steps__action {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-sm);
}

@media (max-width: 40rem) {
  .tb-sp-intelligence--mobile-tidy .tb-occ-workspace-header--support-plans {
    margin-bottom: var(--tb-space-4);
  }

  .tb-sp-intelligence--mobile-tidy .tb-occ-workspace-header__subtitle {
    font-size: var(--tb-text-sm);
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-intelligence__stack {
    gap: var(--tb-space-4);
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-intelligence__split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-space-4);
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-widget.tb-card {
    padding: var(--tb-space-3);
  }

  .tb-sp-intelligence--mobile-tidy .tb-card__title {
    font-size: var(--tb-text-base);
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-overview__table th:nth-child(4),
  .tb-sp-intelligence--mobile-tidy .tb-sp-overview__table th:nth-child(5),
  .tb-sp-intelligence--mobile-tidy .tb-sp-overview__table th:nth-child(6),
  .tb-sp-intelligence--mobile-tidy .tb-sp-overview__table td:nth-child(4),
  .tb-sp-intelligence--mobile-tidy .tb-sp-overview__table td:nth-child(5),
  .tb-sp-intelligence--mobile-tidy .tb-sp-overview__table td:nth-child(6) {
    display: none;
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-status__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tb-space-2);
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-status__seg {
    padding: var(--tb-space-2);
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-queue__row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--tb-space-2);
  }
}

/* —— FUNC-BUILD-2 Support Plan read-only person profile —— */
.tb-sp-profile {
  padding-bottom: var(--tb-space-10);
}

.tb-sp-profile__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-4);
}

.tb-sp-profile-summary__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tb-space-2);
  margin-bottom: var(--tb-space-2);
}

.tb-sp-profile-summary__head .tb-card__title {
  margin: 0;
}

.tb-sp-profile-summary__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tb-space-2) var(--tb-space-4);
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-sp-profile-summary__meta dt {
  margin: 0;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-sp-profile-summary__meta dd {
  margin: 0;
  color: var(--tb-color-text-primary);
}

.tb-sp-profile-summary__back {
  margin: var(--tb-space-4) 0 0;
}

.tb-sp-profile-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-sp-profile-timeline__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tb-space-2);
  padding: var(--tb-space-2) var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: var(--tb-color-bg-inset);
}

.tb-sp-profile-timeline__label {
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-sp-profile-section.tb-card {
  margin: 0;
}

.tb-sp-profile-bullets,
.tb-sp-profile-links,
.tb-sp-profile-prompts {
  margin: 0;
  padding-left: var(--tb-space-4);
  font-size: var(--tb-text-sm);
}

.tb-sp-profile-links {
  list-style: none;
  padding: 0;
}

.tb-sp-profile-links__row {
  padding: var(--tb-space-2) 0;
  border-bottom: 1px solid var(--tb-color-border-subtle);
}

.tb-sp-profile-links__row a {
  color: var(--tb-color-accent);
  font-weight: var(--tb-font-bold);
  text-decoration: none;
}

.tb-sp-profile-links__meta {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-profile-prompts li {
  margin-bottom: var(--tb-space-3);
}

.tb-sp-profile-switch__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
}

@media (max-width: 40rem) {
  .tb-sp-profile--mobile-tidy .tb-sp-profile__stack {
    gap: var(--tb-space-3);
  }

  .tb-sp-profile--mobile-tidy .tb-sp-profile-section.tb-card,
  .tb-sp-profile--mobile-tidy .tb-sp-profile-summary.tb-card {
    padding: var(--tb-space-3);
  }

  .tb-sp-profile--mobile-tidy .tb-sp-profile-summary__meta {
    grid-template-columns: 1fr;
  }

  .tb-sp-profile--mobile-tidy .tb-card__title {
    font-size: var(--tb-text-base);
  }

  .tb-sp-profile--mobile-tidy .tb-btn {
    min-height: 2.25rem;
  }
}

/* —— FUNC-BUILD-3 Support Plan review/action workflow mock —— */
.tb-sp-review {
  padding-bottom: var(--tb-space-10);
}

.tb-sp-review__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-4);
}

.tb-sp-review-summary__head,
.tb-sp-review-summary__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
}

.tb-sp-review-summary__head .tb-card__title {
  margin: 0;
  flex: 1 1 auto;
}

.tb-sp-review-summary__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tb-space-2) var(--tb-space-4);
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-sp-review-summary__meta dt {
  margin: 0;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  color: var(--tb-color-text-secondary);
}

.tb-sp-review-summary__meta dd {
  margin: 0;
}

.tb-sp-review-summary__nav {
  margin: var(--tb-space-4) 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
}

.tb-sp-review-section.tb-card {
  margin: 0;
}

.tb-sp-review-flags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
}

.tb-sp-review-workflow {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-sp-review-workflow__row {
  display: grid;
  gap: var(--tb-space-2);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: var(--tb-color-bg-inset);
}

@media (min-width: 36rem) {
  .tb-sp-review-workflow__row {
    grid-template-columns: auto 1fr;
    align-items: start;
  }
}

.tb-sp-review-workflow__label {
  margin: 0;
  font-weight: var(--tb-font-bold);
  font-size: var(--tb-text-sm);
}

.tb-sp-review-workflow__note {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-sp-review-checklist {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-sp-review-checklist__row {
  display: flex;
  align-items: center;
  gap: var(--tb-space-3);
  padding: var(--tb-space-2) var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-sp-review-checklist__mark {
  flex-shrink: 0;
  min-width: 1.75rem;
}

.tb-sp-review-checklist__label {
  font-size: var(--tb-text-sm);
}

.tb-sp-queue__review {
  flex-shrink: 0;
}

.tb-sp-overview__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-1);
}

@media (max-width: 40rem) {
  .tb-sp-review--mobile-tidy .tb-sp-review__stack {
    gap: var(--tb-space-3);
  }

  .tb-sp-review--mobile-tidy .tb-sp-review-section.tb-card,
  .tb-sp-review--mobile-tidy .tb-sp-review-summary.tb-card {
    padding: var(--tb-space-3);
  }

  .tb-sp-review--mobile-tidy .tb-sp-review-summary__meta {
    grid-template-columns: 1fr;
  }

  .tb-sp-queue__row {
    flex-wrap: wrap;
  }

  .tb-sp-person-header--mobile-tidy .tb-sp-person-header__layout,
  .tb-sp-profile--mobile-tidy .tb-sp-person-header__layout,
  .tb-sp-review--mobile-tidy .tb-sp-person-header__layout {
    gap: var(--tb-space-3);
  }

  .tb-sp-person-header--mobile-tidy .tb-sp-avatar--lg,
  .tb-sp-profile--mobile-tidy .tb-sp-avatar--lg,
  .tb-sp-review--mobile-tidy .tb-sp-avatar--lg {
    width: 2.5rem;
    height: 2.5rem;
    font-size: var(--tb-text-xs);
  }

  .tb-sp-intelligence--mobile-tidy .tb-sp-overview__person {
    flex-wrap: nowrap;
  }
}

/* —— MIGRATE-3D Incidents intelligence (read-only, token-aligned) —— */
.tb-in-intelligence {
  padding-bottom: var(--tb-space-10);
}

.tb-in-intelligence__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-in-intelligence__split {
  margin: 0;
}

.tb-in-widget.tb-card {
  margin: 0;
}

.tb-in-widget--empty {
  border: 1px dashed var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-in-status__asof {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
}

.tb-in-status__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-in-status__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-in-status__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-in-status__seg {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm);
}

.tb-in-status__label {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-in-status__count {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-in-status__link {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-in-status__link:hover {
  text-decoration: underline;
}

.tb-in-status__foot {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-in-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-in-inline-link:hover {
  text-decoration: underline;
}

.tb-in-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--tb-space-1) var(--tb-space-3);
  border-radius: var(--tb-radius-pill);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  border: 1px solid transparent;
}

.tb-in-pill--danger {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.tb-in-pill--amber {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

.tb-in-pill--blue {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
  color: #bae6fd;
}

.tb-in-pill--green {
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.tb-in-pill--neutral {
  background: rgba(148, 163, 184, 0.1);
  border-color: var(--tb-color-border-subtle);
  color: var(--tb-color-text-secondary);
}

.tb-in-queue__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-in-queue__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-in-queue__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-in-queue__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-in-queue__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-in-queue__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-in-queue__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-in-queue__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-in-queue__badge {
    justify-self: center;
  }
}

.tb-in-queue__due {
  justify-self: start;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-in-queue__due {
    justify-self: end;
  }
}

.tb-in-sg__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-in-sg__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(127, 29, 29, 0.08);
}

.tb-in-sg__pill {
  margin-top: 0.15rem;
}

.tb-in-sg__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-in-sg__label a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-in-sg__label a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-in-sg__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-in-sg__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-in-severity__window {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-primary);
}

.tb-in-severity__total {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-in-severity__chart {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--tb-space-2);
  min-height: 6.5rem;
  padding-top: var(--tb-space-2);
}

.tb-in-severity__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tb-space-2);
  min-width: 0;
}

.tb-in-severity__bar-wrap {
  width: 100%;
  max-width: 2.75rem;
  height: 5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: var(--tb-radius-sm);
  background: rgba(148, 163, 184, 0.08);
}

.tb-in-severity__bar {
  display: block;
  width: 100%;
  min-height: 4px;
  border-radius: var(--tb-radius-sm) var(--tb-radius-sm) 0 0;
}

.tb-in-severity__bar--danger {
  background: linear-gradient(180deg, #f87171 0%, rgba(248, 113, 113, 0.35) 100%);
}

.tb-in-severity__bar--amber {
  background: linear-gradient(180deg, #fbbf24 0%, rgba(251, 191, 36, 0.35) 100%);
}

.tb-in-severity__bar--blue {
  background: linear-gradient(180deg, #38bdf8 0%, rgba(56, 189, 248, 0.35) 100%);
}

.tb-in-severity__bar--green {
  background: linear-gradient(180deg, #34d399 0%, rgba(52, 211, 153, 0.35) 100%);
}

.tb-in-severity__bar--neutral {
  background: linear-gradient(180deg, var(--tb-color-text-muted) 0%, rgba(148, 163, 184, 0.35) 100%);
}

.tb-in-severity__count {
  margin: 0;
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-in-severity__label {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  text-align: center;
  line-height: var(--tb-leading-snug);
}

.tb-in-severity__pct {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
}

.tb-in-themes__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-in-themes__chip {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-3);
  border: 1px solid var(--tb-color-border-subtle);
}

.tb-in-themes__chip--danger {
  border-color: rgba(248, 113, 113, 0.35);
  background: rgba(248, 113, 113, 0.06);
}

.tb-in-themes__chip--amber {
  border-color: rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.06);
}

.tb-in-themes__chip--blue {
  border-color: rgba(56, 189, 248, 0.3);
  background: rgba(56, 189, 248, 0.06);
}

.tb-in-themes__chip--green {
  border-color: rgba(52, 211, 153, 0.35);
  background: rgba(52, 211, 153, 0.06);
}

.tb-in-themes__chip--neutral {
  background: rgba(148, 163, 184, 0.04);
}

.tb-in-themes__link {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--tb-space-2);
  text-decoration: none;
  color: inherit;
}

.tb-in-themes__label {
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-primary);
}

.tb-in-themes__count {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-accent);
}

.tb-in-themes__hint {
  margin: var(--tb-space-2) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-in-ph__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-in-ph__cta {
  margin: var(--tb-space-4) 0 0;
}

.tb-in-ph--gov {
  border-left: 3px solid rgba(45, 212, 191, 0.45);
}

.tb-in-lessons__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-in-lessons__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-in-lessons__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-in-lessons__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-in-lessons__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-in-lessons__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-in-lessons__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
}

.tb-in-lessons__owner,
.tb-in-lessons__due {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-in-lessons__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-in-lessons__badge {
    justify-self: center;
  }
}

.tb-in-lessons__status {
  justify-self: start;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-in-lessons__status {
    justify-self: end;
  }
}

.tb-in-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-4);
}

.tb-in-quick__cell {
  min-width: min(100%, 12rem);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-in-quick__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-in-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-4);
}

.tb-in-empty__hint {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-style: italic;
}

.tb-in-notice__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tb-space-2);
  margin-bottom: var(--tb-space-2);
}

.tb-in-notice__head .tb-card__title {
  margin: 0;
}

.tb-in-notice__fn,
.tb-in-open-queue__fn,
.tb-in-tri__fn,
.tb-in-mgr-follow__fn,
.tb-in-evidence__fn {
  margin: var(--tb-space-3) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-in-avatar {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--tb-radius-full);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  flex-shrink: 0;
}

.tb-in-avatar--md {
  width: 2.5rem;
  height: 2.5rem;
  font-size: var(--tb-text-sm);
}

.tb-in-avatar--teal {
  background: rgba(45, 212, 191, 0.2);
  color: var(--tb-color-accent);
}

.tb-in-avatar--amber {
  background: rgba(251, 191, 36, 0.2);
  color: var(--tb-color-status-amber);
}

.tb-in-avatar--blue {
  background: rgba(56, 189, 248, 0.2);
  color: var(--tb-color-status-blue);
}

.tb-in-open-queue__list,
.tb-in-linked-people__list,
.tb-in-tri__list,
.tb-in-plan-links__list,
.tb-in-mgr-follow__list,
.tb-in-evidence__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-in-open-queue__row {
  display: grid;
  gap: var(--tb-space-3);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: var(--tb-color-bg-inset);
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-in-open-queue__person {
  display: flex;
  gap: var(--tb-space-3);
  align-items: flex-start;
}

.tb-in-open-queue__name {
  margin: 0 0 var(--tb-space-1);
  font-weight: var(--tb-font-bold);
}

.tb-in-open-queue__name a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-in-open-queue__meta {
  margin: 0;
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-secondary);
}

.tb-in-open-queue__badges,
.tb-in-open-queue__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  align-items: center;
}

.tb-in-linked-people__row {
  display: flex;
  gap: var(--tb-space-3);
  padding: var(--tb-space-3);
  border: 1px solid var(--tb-color-border-subtle);
  border-radius: var(--tb-radius-md);
}

.tb-in-tri__row {
  display: grid;
  gap: var(--tb-space-2);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
}

@media (min-width: 36rem) {
  .tb-in-tri__row {
    grid-template-columns: auto 1fr;
    align-items: start;
  }
}

.tb-in-plan-links__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  align-items: center;
  padding: var(--tb-space-2) 0;
  border-bottom: 1px solid var(--tb-color-border-subtle);
}

.tb-sp-inc-links__list,
.tb-sp-profile-inc-samples__list {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-sp-inc-links__row,
.tb-sp-profile-inc-samples__row {
  padding: var(--tb-space-2);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
}

@media (max-width: 40rem) {
  .tb-in-intelligence--mobile-tidy .tb-occ-workspace-header--incidents {
    margin-bottom: var(--tb-space-4);
  }

  .tb-in-intelligence--mobile-tidy .tb-occ-workspace-header__subtitle {
    font-size: var(--tb-text-sm);
  }

  .tb-in-intelligence--mobile-tidy .tb-in-intelligence__stack {
    gap: var(--tb-space-4);
  }

  .tb-in-intelligence--mobile-tidy .tb-in-intelligence__split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-space-4);
  }

  .tb-in-intelligence--mobile-tidy .tb-in-widget.tb-card {
    padding: var(--tb-space-3);
  }

  .tb-in-intelligence--mobile-tidy .tb-in-open-queue__row {
    grid-template-columns: 1fr;
  }

  .tb-in-intelligence--mobile-tidy .tb-in-queue__row {
    grid-template-columns: 1fr;
    gap: var(--tb-space-2);
  }

  .tb-in-intelligence--mobile-tidy .tb-in-queue__badge,
  .tb-in-intelligence--mobile-tidy .tb-in-queue__due {
    justify-self: start;
  }

  .tb-in-intelligence--mobile-tidy .tb-in-severity__chart {
    overflow-x: auto;
    padding-bottom: var(--tb-space-2);
  }

  .tb-in-intelligence--mobile-tidy .tb-sp-overview__table-wrap {
    overflow-x: auto;
  }

  .tb-in-intelligence--mobile-tidy .tb-in-quick__row {
    flex-direction: column;
  }
}

.tb-in-detail {
  padding-bottom: var(--tb-space-10);
}

.tb-in-detail--mobile-tidy .tb-in-detail__header {
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-in-detail__header-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  align-items: center;
}

.tb-in-detail__back {
  margin: 0 0 var(--tb-space-4);
}

.tb-in-detail__person-row {
  display: flex;
  gap: var(--tb-space-3);
  align-items: flex-start;
  margin-bottom: var(--tb-space-3);
}

.tb-in-detail__person-name {
  margin: 0 0 var(--tb-space-1);
  font-weight: var(--tb-font-heavy);
  font-size: var(--tb-text-lg);
}

.tb-in-detail__person-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
}

.tb-in-detail__meta-grid {
  display: grid;
  gap: var(--tb-space-3);
  margin-bottom: var(--tb-space-4);
}

@media (min-width: 36rem) {
  .tb-in-detail__meta-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tb-in-detail__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-in-detail__value {
  margin: 0;
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-primary);
  line-height: var(--tb-leading-relaxed);
}

.tb-in-detail__follow-dl {
  margin: var(--tb-space-3) 0 0;
}

.tb-in-detail__follow-row {
  margin-bottom: var(--tb-space-3);
  padding-bottom: var(--tb-space-3);
  border-bottom: 1px solid var(--tb-color-border-subtle);
}

.tb-in-detail__follow-row dt {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-secondary);
}

.tb-in-detail__follow-row dd {
  margin: 0;
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-primary);
}

.tb-in-detail__subhead {
  margin: var(--tb-space-4) 0 var(--tb-space-2);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-in-detail__future {
  margin: 0;
  padding-left: var(--tb-space-5);
  font-size: var(--tb-text-sm);
  color: var(--tb-color-text-secondary);
}

.tb-in-detail__checklist-list {
  list-style: none;
  margin: var(--tb-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-in-detail__checklist-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  align-items: center;
  padding: var(--tb-space-2) var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: var(--tb-color-bg-inset);
}

.tb-in-detail__checklist-label {
  flex: 1;
  min-width: min(100%, 12rem);
  font-size: var(--tb-text-sm);
}

.tb-in-detail__foot {
  margin-top: var(--tb-space-6);
}

.tb-sp-review-inc-detail {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  margin: var(--tb-space-2) 0 var(--tb-space-3);
}

@media (max-width: 40rem) {
  .tb-in-detail--mobile-tidy .tb-in-detail__header {
    flex-direction: column;
  }

  .tb-in-detail--mobile-tidy .tb-in-detail__split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-space-4);
  }

  .tb-in-detail--mobile-tidy .tb-in-detail__meta-grid {
    grid-template-columns: 1fr;
  }

  .tb-in-detail--mobile-tidy .tb-in-detail__person-actions,
  .tb-in-detail--mobile-tidy .tb-in-detail__header-badges {
    width: 100%;
  }
}

/* —— MIGRATE-4 MAR / Medicines intelligence (read-only, token-aligned, tb-mar-*) —— */
.tb-mar-intelligence {
  padding-bottom: var(--tb-space-10);
}

.tb-mar-intelligence__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-mar-intelligence__split {
  margin: 0;
}

.tb-mar-widget.tb-card {
  margin: 0;
}

.tb-mar-widget--empty {
  border: 1px dashed var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-mar-status__asof {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
}

.tb-mar-status__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-mar-status__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-mar-status__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-mar-status__seg {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm);
}

.tb-mar-status__label {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-mar-status__count {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-mar-status__link {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-mar-status__link:hover {
  text-decoration: underline;
}

.tb-mar-status__foot {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-mar-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-mar-inline-link:hover {
  text-decoration: underline;
}

.tb-mar-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--tb-space-1) var(--tb-space-3);
  border-radius: var(--tb-radius-pill);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  border: 1px solid transparent;
}

.tb-mar-pill--danger {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.tb-mar-pill--amber {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

.tb-mar-pill--blue {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
  color: #bae6fd;
}

.tb-mar-pill--green {
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.tb-mar-pill--neutral {
  background: rgba(148, 163, 184, 0.1);
  border-color: var(--tb-color-border-subtle);
  color: var(--tb-color-text-secondary);
}

.tb-mar-queue__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-mar-queue__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-mar-queue__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-mar-queue__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-mar-queue__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-mar-queue__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-mar-queue__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-mar-queue__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-mar-queue__badge {
    justify-self: center;
  }
}

.tb-mar-queue__due {
  justify-self: start;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-mar-queue__due {
    justify-self: end;
  }
}

.tb-mar-prn__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-mar-prn__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(30, 58, 138, 0.08);
}

.tb-mar-prn__pill {
  margin-top: 0.15rem;
}

.tb-mar-prn__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-mar-prn__label a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-mar-prn__label a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-mar-prn__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-mar-prn__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-mar-alerts__list,
.tb-mar-gaps__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-mar-alerts__row,
.tb-mar-gaps__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-mar-alerts__sev,
.tb-mar-gaps__sev {
  margin-top: 0.15rem;
}

.tb-mar-alerts__title,
.tb-mar-gaps__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-mar-alerts__title a,
.tb-mar-gaps__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-mar-alerts__title a:hover,
.tb-mar-gaps__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-mar-alerts__detail,
.tb-mar-gaps__detail {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-mar-weekly__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-mar-weekly__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-mar-weekly__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-mar-weekly__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-mar-weekly__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-mar-weekly__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-mar-weekly__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-mar-weekly__owner {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-weight: var(--tb-font-bold);
}

.tb-mar-weekly__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-mar-weekly__badge {
    justify-self: center;
  }
}

.tb-mar-weekly__due {
  justify-self: start;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-status-amber);
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-mar-weekly__due {
    justify-self: end;
  }
}

.tb-mar-ph__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-mar-ph__cta {
  margin: var(--tb-space-4) 0 0;
}

.tb-mar-ph--gov {
  border-left: 3px solid rgba(45, 212, 191, 0.45);
}

.tb-mar-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-4);
}

.tb-mar-quick__cell {
  min-width: min(100%, 12rem);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-mar-quick__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-mar-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-4);
}

.tb-mar-empty__hint {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-style: italic;
}

.tb-mar-open-queue__row {
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-occ-workspace-header--mar {
  scroll-margin-top: var(--tb-space-4);
}

.tb-mar-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--tb-radius-full);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  flex-shrink: 0;
  border: 1px solid var(--tb-color-border-subtle);
}

.tb-mar-avatar--md {
  width: 2.5rem;
  height: 2.5rem;
  font-size: var(--tb-text-sm);
}

.tb-mar-avatar--lg {
  width: 3.25rem;
  height: 3.25rem;
  font-size: var(--tb-text-base);
}

.tb-mar-avatar--teal {
  background: rgba(20, 184, 166, 0.2);
  color: var(--tb-color-accent);
}

.tb-mar-avatar--amber {
  background: rgba(245, 158, 11, 0.18);
  color: #fbbf24;
}

.tb-mar-avatar--blue {
  background: rgba(59, 130, 246, 0.18);
  color: #93c5fd;
}

.tb-mar-profile {
  padding-bottom: var(--tb-space-10);
}

.tb-mar-profile__header {
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-mar-profile__person-row {
  display: flex;
  gap: var(--tb-space-4);
  align-items: flex-start;
}

.tb-mar-profile__person-name {
  margin: 0 0 var(--tb-space-1);
  font-weight: var(--tb-font-heavy);
}

.tb-mar-profile__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  margin-top: var(--tb-space-3);
}

.tb-mar-profile__block {
  margin-top: var(--tb-space-4);
  padding-top: var(--tb-space-4);
  border-top: 1px solid var(--tb-color-border-subtle);
}

.tb-mar-profile__block-title {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-mar-profile__dl {
  margin: 0;
}

.tb-mar-profile__dl-row {
  margin-bottom: var(--tb-space-3);
}

.tb-mar-profile__dl-dt {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-mar-profile__dl-dd {
  margin: 0;
  font-size: var(--tb-text-sm);
  line-height: var(--tb-leading-relaxed);
  color: var(--tb-color-text-primary);
}

.tb-mar-profile__checklist-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-mar-profile__check-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: center;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-mar-profile__bullets {
  margin: 0;
  padding-left: var(--tb-space-5);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-mar-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-mar-inline-link:hover {
  text-decoration: underline;
}

.tb-mar-open-queue__person {
  display: flex;
  gap: var(--tb-space-3);
  align-items: flex-start;
}

@media (max-width: 40rem) {
  .tb-mar-intelligence--mobile-tidy .tb-occ-workspace-header--mar {
    scroll-margin-top: calc(var(--tb-space-16) + 1rem);
  }

  .tb-mar-intelligence--mobile-tidy .tb-occ-workspace-header__subtitle {
    font-size: var(--tb-text-sm);
    line-height: var(--tb-leading-relaxed);
  }

  .tb-mar-intelligence--mobile-tidy .tb-dash-widget-split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-dash-gap);
  }

  .tb-mar-intelligence--mobile-tidy .tb-mar-queue__row,
  .tb-mar-intelligence--mobile-tidy .tb-mar-open-queue__row {
    grid-template-columns: 1fr;
  }

  .tb-mar-intelligence--mobile-tidy .tb-mar-queue__badge,
  .tb-mar-intelligence--mobile-tidy .tb-mar-queue__due {
    justify-self: start;
  }

  .tb-mar-intelligence--mobile-tidy .tb-mar-prn__row {
    grid-template-columns: 1fr;
  }

  .tb-mar-intelligence--mobile-tidy .tb-mar-quick__row,
  .tb-mar-intelligence--mobile-tidy .tb-mar-empty__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .tb-mar-intelligence--mobile-tidy .tb-mar-quick__row .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-mar-intelligence--mobile-tidy .tb-sp-overview__table-wrap {
    overflow-x: auto;
  }

  .tb-mar-intelligence--mobile-tidy .tb-mar-open-queue__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tb-space-2);
  }

  .tb-mar-profile--mobile-tidy .tb-occ-workspace-header--mar {
    scroll-margin-top: calc(var(--tb-space-16) + 1rem);
  }

  .tb-mar-profile--mobile-tidy .tb-mar-profile__person-row {
    flex-direction: column;
  }

  .tb-mar-profile--mobile-tidy .tb-mar-profile__actions .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-mar-profile--mobile-tidy .tb-mar-profile__split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-dash-gap);
  }

  .tb-mar-profile--mobile-tidy .tb-mar-profile__check-row {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

.tb-learn-catalogue__row {
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-learn-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-learn-inline-link:hover {
  text-decoration: underline;
}

.tb-learn-notice__head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  align-items: center;
  justify-content: space-between;
}

.tb-learn-catalogue__list,
.tb-learn-staff-matrix__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-learn-catalogue__row,
.tb-learn-staff-matrix__row {
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-learn-staff-matrix__actions,
.tb-learn-tri__link-row,
.tb-learn-tri__person {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-2);
  margin-top: var(--tb-space-2);
}

.tb-occ-workspace-header--learning {
  scroll-margin-top: var(--tb-space-4);
}

@media (max-width: 40rem) {
  .tb-learn-intelligence--mobile-tidy .tb-occ-workspace-header--learning {
    scroll-margin-top: calc(var(--tb-space-16) + 1rem);
  }

  .tb-learn-intelligence--mobile-tidy .tb-dash-widget-split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-dash-gap);
  }

  .tb-learn-intelligence--mobile-tidy .tb-learn-quick__row {
    flex-direction: column;
    align-items: stretch;
  }

  .tb-learn-intelligence--mobile-tidy .tb-learn-quick__row .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-learn-intelligence--mobile-tidy .tb-learn-staff-matrix__actions .tb-btn,
  .tb-learn-intelligence--mobile-tidy .tb-learn-tri__link-row .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-learn-intelligence--mobile-tidy .tb-learn-matrix__row,
  .tb-learn-intelligence--mobile-tidy .tb-learn-queue__row {
    grid-template-columns: 1fr;
  }
}

/* —— MIGRATE-5 Learning Hub intelligence (read-only, token-aligned, tb-learn-*) —— */
.tb-learn-intelligence {
  padding-bottom: var(--tb-space-10);
}

.tb-learn-intelligence__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-learn-intelligence__split {
  margin: 0;
}

.tb-learn-widget.tb-card {
  margin: 0;
}

.tb-learn-widget--empty {
  border: 1px dashed var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-learn-status__asof {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
}

.tb-learn-status__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-learn-status__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-learn-status__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-learn-status__seg {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm);
}

.tb-learn-status__label {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-learn-status__count {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-learn-status__link {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-learn-status__link:hover {
  text-decoration: underline;
}

.tb-learn-status__foot {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-learn-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-learn-inline-link:hover {
  text-decoration: underline;
}

.tb-learn-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--tb-space-1) var(--tb-space-3);
  border-radius: var(--tb-radius-pill);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  border: 1px solid transparent;
}

.tb-learn-pill--danger {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.tb-learn-pill--amber {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

.tb-learn-pill--blue {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
  color: #bae6fd;
}

.tb-learn-pill--green {
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.tb-learn-pill--neutral {
  background: rgba(148, 163, 184, 0.1);
  border-color: var(--tb-color-border-subtle);
  color: var(--tb-color-text-secondary);
}

.tb-learn-queue__list,
.tb-learn-matrix__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-learn-queue__row,
.tb-learn-matrix__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-learn-queue__row,
  .tb-learn-matrix__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-learn-queue__title,
.tb-learn-matrix__role {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-learn-queue__title a,
.tb-learn-matrix__role a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-learn-queue__title a:hover,
.tb-learn-matrix__role a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-learn-queue__meta,
.tb-learn-matrix__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-learn-queue__badge,
.tb-learn-matrix__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-learn-queue__badge,
  .tb-learn-matrix__badge {
    justify-self: center;
  }
}

.tb-learn-queue__due,
.tb-learn-matrix__pct {
  justify-self: start;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-learn-queue__due,
  .tb-learn-matrix__pct {
    justify-self: end;
  }
}

.tb-learn-spot__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-learn-spot__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(30, 58, 138, 0.08);
}

.tb-learn-spot__pill {
  margin-top: 0.15rem;
}

.tb-learn-spot__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-learn-spot__label a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-learn-spot__label a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-learn-spot__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-learn-spot__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-learn-cert__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-learn-cert__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-learn-cert__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-learn-cert__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-learn-cert__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-learn-cert__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-learn-cert__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-learn-cert__exp {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-learn-cert__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-learn-cert__badge {
    justify-self: center;
  }
}

.tb-learn-cert__status {
  justify-self: start;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-learn-cert__status {
    justify-self: end;
  }
}

.tb-learn-asmt__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-learn-asmt__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-learn-asmt__score {
  margin-top: 0.15rem;
}

.tb-learn-asmt__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-learn-asmt__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-learn-asmt__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-learn-asmt__detail {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-learn-ph__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-learn-ph__cta {
  margin: var(--tb-space-4) 0 0;
}

.tb-learn-ph--gov {
  border-left: 3px solid rgba(45, 212, 191, 0.45);
}

.tb-learn-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-4);
}

.tb-learn-quick__cell {
  min-width: min(100%, 12rem);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-learn-quick__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-learn-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-4);
}

.tb-learn-empty__hint {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-style: italic;
}

/* —— MIGRATE-6 Workforce / Rota intelligence (read-only, token-aligned, tb-work-*) —— */
.tb-work-intelligence {
  padding-bottom: var(--tb-space-10);
}

.tb-work-intelligence__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-work-intelligence__split {
  margin: 0;
}

.tb-work-widget.tb-card {
  margin: 0;
}

.tb-work-widget--empty {
  border: 1px dashed var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-work-status__asof {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
}

.tb-work-status__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-work-status__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-work-status__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-work-status__seg {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm);
}

.tb-work-status__label {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-work-status__count {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-work-status__link {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-work-status__link:hover {
  text-decoration: underline;
}

.tb-work-status__foot {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-work-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-work-inline-link:hover {
  text-decoration: underline;
}

.tb-work-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--tb-space-1) var(--tb-space-3);
  border-radius: var(--tb-radius-pill);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  border: 1px solid transparent;
}

.tb-work-pill--danger {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.tb-work-pill--amber {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

.tb-work-pill--blue {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
  color: #bae6fd;
}

.tb-work-pill--green {
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.tb-work-pill--neutral {
  background: rgba(148, 163, 184, 0.1);
  border-color: var(--tb-color-border-subtle);
  color: var(--tb-color-text-secondary);
}

.tb-work-queue__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-work-queue__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-work-queue__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-work-queue__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-work-queue__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-work-queue__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-work-queue__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-work-queue__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-work-queue__badge {
    justify-self: center;
  }
}

.tb-work-queue__due {
  justify-self: start;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-work-queue__due {
    justify-self: end;
  }
}

.tb-work-spot__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-work-spot__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(127, 29, 29, 0.08);
}

.tb-work-spot__pill {
  margin-top: 0.15rem;
}

.tb-work-spot__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-work-spot__label a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-work-spot__label a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-work-spot__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-work-spot__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-work-tlink__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-work-tlink__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(30, 58, 138, 0.06);
}

.tb-work-tlink__pill {
  margin-top: 0.15rem;
}

.tb-work-tlink__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-primary);
}

.tb-work-tlink__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-work-tlink__link {
  margin: var(--tb-space-2) 0 0;
  font-size: var(--tb-text-xs);
}

.tb-work-alerts__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-work-alerts__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-work-alerts__sev {
  margin-top: 0.15rem;
}

.tb-work-alerts__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-work-alerts__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-work-alerts__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-work-alerts__detail {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-work-review__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-work-review__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-work-review__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-work-review__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-work-review__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-work-review__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-work-review__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-work-review__owner {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-weight: var(--tb-font-bold);
}

.tb-work-review__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-work-review__badge {
    justify-self: center;
  }
}

.tb-work-review__due {
  justify-self: start;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-status-amber);
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-work-review__due {
    justify-self: end;
  }
}

.tb-work-ph__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-work-ph__cta {
  margin: var(--tb-space-4) 0 0;
}

.tb-work-ph--gov {
  border-left: 3px solid rgba(45, 212, 191, 0.45);
}

.tb-work-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-4);
}

.tb-work-quick__cell {
  min-width: min(100%, 12rem);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-work-quick__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-work-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-4);
}

.tb-work-empty__hint {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-style: italic;
}

.tb-work-notice__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tb-space-3);
}

.tb-work-notice__fn {
  margin: var(--tb-space-3) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-work-rota__list,
.tb-work-skills__table,
.tb-work-mgr__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-work-skills__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto;
  gap: var(--tb-space-2) var(--tb-space-3);
  align-items: center;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
}

.tb-work-train__row,
.tb-work-tri__link-row,
.tb-work-tri__person {
  margin-bottom: var(--tb-space-4);
}

.tb-work-tri__link-row .tb-btn,
.tb-work-train__row .tb-btn {
  margin-top: var(--tb-space-2);
}

#wf-coverage,
#wf-skills,
#wf-training {
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-occ-workspace-header--workforce {
  scroll-margin-top: var(--tb-space-4);
}

@media (max-width: 40rem) {
  .tb-work-intelligence--mobile-tidy .tb-occ-workspace-header--workforce {
    scroll-margin-top: calc(var(--tb-space-16) + 1rem);
  }

  .tb-work-intelligence--mobile-tidy .tb-dash-widget-split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-dash-gap);
  }

  .tb-work-intelligence--mobile-tidy .tb-work-skills__row {
    grid-template-columns: 1fr;
  }

  .tb-work-intelligence--mobile-tidy .tb-work-quick__row {
    flex-direction: column;
    align-items: stretch;
  }

  .tb-work-intelligence--mobile-tidy .tb-work-quick__row .tb-btn,
  .tb-work-intelligence--mobile-tidy .tb-work-tri__link-row .tb-btn,
  .tb-work-intelligence--mobile-tidy .tb-work-train__row .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-work-intelligence--mobile-tidy .tb-work-rota__row {
    padding: var(--tb-space-3);
  }
}

/* —— MIGRATE-7 Governance / Reports intelligence (read-only, token-aligned, tb-gov-*) —— */
.tb-gov-notice__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tb-space-3);
}

.tb-gov-notice__fn {
  margin: var(--tb-space-3) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-gov-ready__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-4);
}

.tb-gov-coverage__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: var(--tb-dash-gap);
}

.tb-gov-coverage__card {
  padding: var(--tb-space-4);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
}

.tb-gov-register__list,
.tb-gov-mgr__list,
.tb-gov-lessons__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-gov-register__row,
.tb-gov-prompts__row,
.tb-gov-tri-panel__row,
.tb-gov-mgr__row,
.tb-gov-insp__row {
  padding: var(--tb-space-3) 0;
  border-bottom: 1px solid var(--tb-color-border-subtle);
}

.tb-gov-tri-panel__row .tb-btn,
.tb-gov-register__row .tb-btn,
.tb-gov-prompts__row .tb-btn {
  margin-top: var(--tb-space-2);
}

#gov-register,
#gov-prompts,
#gov-manager,
#gov-coverage {
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-occ-workspace-header--governance {
  scroll-margin-top: var(--tb-space-4);
}

@media (max-width: 40rem) {
  .tb-gov-intelligence--mobile-tidy .tb-occ-workspace-header--governance {
    scroll-margin-top: calc(var(--tb-space-16) + 1rem);
  }

  .tb-gov-intelligence--mobile-tidy .tb-dash-widget-split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-dash-gap);
  }

  .tb-gov-intelligence--mobile-tidy .tb-gov-coverage__grid {
    grid-template-columns: 1fr;
  }

  .tb-gov-intelligence--mobile-tidy .tb-gov-quick__row {
    flex-direction: column;
    align-items: stretch;
  }

  .tb-gov-intelligence--mobile-tidy .tb-gov-quick__row .tb-btn,
  .tb-gov-intelligence--mobile-tidy .tb-gov-tri-panel__row .tb-btn,
  .tb-gov-intelligence--mobile-tidy .tb-gov-register__row .tb-btn {
    width: 100%;
    justify-content: center;
  }
}

/* —— FUNC-BUILD-REPORTS-1 Reports intelligence (read-only, tb-rep-*) —— */
.tb-rep-intelligence {
  padding-bottom: var(--tb-space-10);
}

.tb-rep-intelligence__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-rep-intelligence__split {
  margin: 0;
}

.tb-rep-notice__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tb-space-3);
}

.tb-rep-status__grid,
.tb-rep-packs__grid,
.tb-rep-modcov__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: var(--tb-dash-gap);
}

.tb-rep-packs__card,
.tb-rep-modcov__card,
.tb-rep-status__seg {
  padding: var(--tb-space-4);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
}

.tb-rep-pill {
  display: inline-flex;
  padding: var(--tb-space-1) var(--tb-space-3);
  border-radius: var(--tb-radius-pill);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
}

.tb-rep-pill--amber {
  background: rgba(251, 191, 36, 0.12);
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

.tb-rep-pill--blue {
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #bae6fd;
}

.tb-rep-pill--green {
  background: rgba(52, 211, 153, 0.12);
  border: 1px solid rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.tb-rep-pill--neutral {
  background: rgba(148, 163, 184, 0.1);
  border: 1px solid var(--tb-color-border-subtle);
}

.tb-rep-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
}

#rep-packs,
#rep-tri,
#rep-gaps,
#rep-gov,
#rep-001,
#rep-002,
#rep-003,
#rep-004,
#rep-005,
#rep-006 {
  scroll-margin-top: calc(var(--tb-space-16) + 1rem);
}

.tb-occ-workspace-header--reports {
  scroll-margin-top: var(--tb-space-4);
}

@media (max-width: 40rem) {
  .tb-rep-intelligence--mobile-tidy .tb-occ-workspace-header--reports {
    scroll-margin-top: calc(var(--tb-space-16) + 1rem);
  }

  .tb-rep-intelligence--mobile-tidy .tb-dash-widget-split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-dash-gap);
  }

  .tb-rep-intelligence--mobile-tidy .tb-rep-packs__grid,
  .tb-rep-intelligence--mobile-tidy .tb-rep-modcov__grid,
  .tb-rep-intelligence--mobile-tidy .tb-rep-status__grid {
    grid-template-columns: 1fr;
  }

  .tb-rep-intelligence--mobile-tidy .tb-rep-quick__row .tb-btn,
  .tb-rep-intelligence--mobile-tidy .tb-rep-tri__row .tb-btn,
  .tb-rep-intelligence--mobile-tidy .tb-rep-govlinks__row .tb-btn {
    width: 100%;
    justify-content: center;
  }
}

.tb-gov-intelligence {
  padding-bottom: var(--tb-space-10);
}

.tb-gov-intelligence__stack {
  display: flex;
  flex-direction: column;
  gap: var(--tb-dash-section-gap);
}

.tb-gov-widget.tb-card {
  margin: 0;
}

.tb-gov-widget--empty {
  border: 1px dashed var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-gov-status__asof {
  margin: 0 0 var(--tb-space-4);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-text-muted);
}

.tb-gov-status__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 40rem) {
  .tb-gov-status__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-gov-status__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tb-gov-status__seg {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  box-shadow: var(--tb-shadow-sm);
}

.tb-gov-status__label {
  margin: 0 0 var(--tb-space-2);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  text-transform: uppercase;
  letter-spacing: var(--tb-tracking-wide);
  color: var(--tb-color-text-secondary);
}

.tb-gov-status__count {
  margin: 0 0 var(--tb-space-3);
  font-size: var(--tb-text-2xl);
  font-weight: var(--tb-font-heavy);
  color: var(--tb-color-text-primary);
}

.tb-gov-status__link {
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-gov-status__link:hover {
  text-decoration: underline;
}

.tb-gov-status__foot {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-sm);
}

.tb-gov-inline-link {
  color: var(--tb-color-accent);
  text-decoration: none;
}

.tb-gov-inline-link:hover {
  text-decoration: underline;
}

.tb-gov-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--tb-space-1) var(--tb-space-3);
  border-radius: var(--tb-radius-pill);
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-heavy);
  border: 1px solid transparent;
}

.tb-gov-pill--danger {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.tb-gov-pill--amber {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
}

.tb-gov-pill--blue {
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
  color: #bae6fd;
}

.tb-gov-pill--green {
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.tb-gov-pill--neutral {
  background: rgba(148, 163, 184, 0.1);
  border-color: var(--tb-color-border-subtle);
  color: var(--tb-color-text-secondary);
}

.tb-gov-pulse__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-gov-pulse__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(30, 58, 138, 0.08);
}

.tb-gov-pulse__pill {
  margin-top: 0.15rem;
}

.tb-gov-pulse__label {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-gov-pulse__label a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-gov-pulse__label a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-gov-pulse__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-gov-pulse__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-gov-ev__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-gov-ev__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-gov-ev__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-gov-ev__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-gov-ev__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-gov-ev__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-gov-ev__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-gov-ev__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-gov-ev__badge {
    justify-self: center;
  }
}

.tb-gov-ev__prog {
  justify-self: start;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-gov-ev__prog {
    justify-self: end;
  }
}

.tb-gov-queue__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-gov-queue__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-gov-queue__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-gov-queue__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-gov-queue__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-gov-queue__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-gov-queue__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-gov-queue__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-gov-queue__badge {
    justify-self: center;
  }
}

.tb-gov-queue__due {
  justify-self: start;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-gov-queue__due {
    justify-self: end;
  }
}

.tb-gov-risk__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-gov-risk__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-3);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-md);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

.tb-gov-risk__sev {
  margin-top: 0.15rem;
}

.tb-gov-risk__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-gov-risk__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-gov-risk__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-gov-risk__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-gov-risk__trend {
  margin: var(--tb-space-2) 0 0;
  display: inline-flex;
}

.tb-gov-audit__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-gov-audit__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-space-2);
  align-items: start;
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
}

@media (min-width: 40rem) {
  .tb-gov-audit__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }
}

.tb-gov-audit__title {
  margin: 0 0 var(--tb-space-1);
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-gov-audit__title a {
  color: var(--tb-color-text-primary);
  text-decoration: none;
}

.tb-gov-audit__title a:hover {
  color: var(--tb-color-accent);
  text-decoration: underline;
}

.tb-gov-audit__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-gov-audit__owner {
  margin: var(--tb-space-1) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-weight: var(--tb-font-bold);
}

.tb-gov-audit__badge {
  justify-self: start;
}

@media (min-width: 40rem) {
  .tb-gov-audit__badge {
    justify-self: center;
  }
}

.tb-gov-audit__due {
  justify-self: start;
  font-size: var(--tb-text-xs);
  font-weight: var(--tb-font-bold);
  color: var(--tb-color-status-amber);
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .tb-gov-audit__due {
    justify-self: end;
  }
}

.tb-gov-ph__fn {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  line-height: var(--tb-leading-relaxed);
}

.tb-gov-ph__cta {
  margin: var(--tb-space-4) 0 0;
}

.tb-gov-ph--accent {
  border-left: 3px solid rgba(45, 212, 191, 0.45);
}

.tb-gov-quick__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-4);
}

.tb-gov-quick__cell {
  min-width: min(100%, 12rem);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
}

.tb-gov-quick__meta {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
}

.tb-gov-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tb-space-3);
  margin-top: var(--tb-space-4);
}

.tb-gov-empty__hint {
  margin: var(--tb-space-4) 0 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-muted);
  font-style: italic;
}

/* FUNC-BUILD-DASH-1 — Organisation Control Centre cross-module preview */
.tb-occ-dash-notice__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tb-space-3);
  margin-bottom: var(--tb-space-3);
}

.tb-occ-module-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tb-dash-gap);
}

@media (min-width: 36rem) {
  .tb-occ-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tb-occ-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.tb-occ-module-card {
  border-radius: var(--tb-radius-md);
  padding: var(--tb-space-4);
  border: 1px solid var(--tb-color-border-subtle);
  background: linear-gradient(155deg, var(--tb-color-bg-panel) 0%, var(--tb-color-bg-inset) 100%);
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
  min-width: 0;
}

.tb-occ-module-card__title {
  margin: 0;
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-heavy);
}

.tb-occ-module-card__status,
.tb-occ-module-card__insight {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
  line-height: var(--tb-leading-relaxed);
}

.tb-occ-module-card__readiness {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-primary);
}

.tb-occ-module-card__readiness-label {
  color: var(--tb-color-text-muted);
  font-weight: var(--tb-font-bold);
}

.tb-occ-module-card__cta {
  align-self: flex-start;
  margin-top: auto;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.tb-occ-cross-module__list,
.tb-occ-evidence-preview__list,
.tb-occ-people-prompts__list {
  list-style: none;
  margin: var(--tb-space-4) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-3);
}

.tb-occ-cross-module__item,
.tb-occ-evidence-preview__item,
.tb-occ-people-prompts__item {
  display: flex;
  flex-direction: column;
  gap: var(--tb-space-2);
  padding: var(--tb-space-3);
  border-radius: var(--tb-radius-sm);
  border: 1px solid var(--tb-color-border-subtle);
  background: rgba(148, 163, 184, 0.04);
  min-width: 0;
}

.tb-occ-cross-module__label,
.tb-occ-people-prompts__name {
  margin: 0;
  font-size: var(--tb-text-sm);
  font-weight: var(--tb-font-bold);
}

.tb-occ-people-prompts__summary {
  margin: 0;
  font-size: var(--tb-text-xs);
  color: var(--tb-color-text-secondary);
}

.tb-occ-evidence-preview__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tb-space-2) var(--tb-space-3);
  align-items: center;
}

.tb-occ-evidence-preview__count {
  font-weight: var(--tb-font-heavy);
  font-size: var(--tb-text-sm);
  color: var(--tb-color-accent);
}

.tb-occ-evidence-preview__label {
  font-size: var(--tb-text-sm);
}

.tb-occ-evidence-preview__item .tb-btn {
  grid-column: 1 / -1;
  width: 100%;
}

@media (max-width: 40rem) {
  .tb-occ-dash--mobile-tidy .tb-occ-workspace-header--dashboard {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--tb-space-3);
  }

  .tb-occ-dash--mobile-tidy .tb-occ-workspace-header__actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .tb-occ-dash--mobile-tidy .tb-occ-workspace-header__actions .tb-btn {
    width: 100%;
  }

  .tb-occ-dash--mobile-tidy .tb-occ-priority-grid {
    grid-template-columns: 1fr;
  }

  .tb-occ-dash--mobile-tidy .tb-occ-priority {
    min-height: auto;
  }

  .tb-occ-dash--mobile-tidy .tb-dash-widget-split {
    display: flex;
    flex-direction: column;
    gap: var(--tb-dash-gap);
  }

  .tb-occ-dash--mobile-tidy .tb-dash-widget-split__col {
    min-width: 0;
    width: 100%;
  }

  .tb-occ-dash--mobile-tidy .tb-occ-module-card__cta,
  .tb-occ-dash--mobile-tidy .tb-occ-cross-module__item .tb-btn,
  .tb-occ-dash--mobile-tidy .tb-occ-people-prompts__item .tb-btn,
  .tb-occ-dash--mobile-tidy .tb-dash-widget-ac__item .tb-btn {
    width: 100%;
    justify-content: center;
  }

  .tb-occ-dash--mobile-tidy .tb-dash-insight__row {
    grid-template-columns: 1fr;
    gap: var(--tb-space-2);
  }

  .tb-occ-dash--mobile-tidy .tb-dash-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tb-occ-dash--mobile-tidy .tb-occ-content,
  .tb-occ-dash--mobile-tidy .tb-occ-dash {
    overflow-x: hidden;
    max-width: 100%;
  }
}

/* DASH-1A — module anchors and workspace headers clear sticky chrome (see layout.css) */
.tb-page__main--occ .tb-occ-workspace-header,
.tb-page__main--occ [id] {
  scroll-margin-top: var(--tb-app-scroll-offset);
}

.tb-page__main--occ :is(
  .tb-in-open-queue__row,
  .tb-gov-evidence__row,
  .tb-rep-pack__card,
  .tb-mar-hub__anchor,
  .tb-wf-section,
  .tb-lrn-catalogue__course
) {
  scroll-margin-top: var(--tb-app-scroll-offset);
}

/* UX-3.0 — demo hub, preview banner inline, collapsible dashboard detail */
.tb-mp-banner {
  margin: 0 0 1rem;
  padding: 0.65rem 1rem;
  border-radius: var(--tb-radius-md, 0.5rem);
  border: 1px solid rgba(45, 212, 191, 0.25);
  background: rgba(45, 212, 191, 0.08);
  font-size: 0.875rem;
  color: var(--tb-color-text-muted, #94a3b8);
}
.tb-occ-banner-inline { margin-bottom: var(--tb-space-4); }
.tb-occ-dash-more { margin: var(--tb-space-4) 0; }
.tb-occ-dash-more summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--tb-color-accent, #5eead4);
  padding: 0.5rem 0;
}
.tb-demo-hub__hero { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.tb-demo-hub__hero-cta { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.tb-demo-hub__section { margin-bottom: 2.5rem; }
.tb-demo-hub__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 0.75rem;
}
.tb-demo-hub__card { display: flex; flex-direction: column; gap: 0.5rem; min-height: 8rem; }
.tb-demo-hub__card .tb-btn { margin-top: auto; align-self: flex-start; }
.tb-demo-hub__footer { text-align: center; margin: 2rem 0; }