.workspace,
.jira-workspace,
.issue-detail-shell,
.entity-workspace,
.form-workspace,
.jira-list-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.workspace-main,
.issue-main,
.workspace-sidebar,
.issue-sidebar {
  display: grid;
  gap: var(--space-md);
  min-width: 0;
}

.view-header {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
}

.view-header__main {
  min-width: 0;
}

.view-header__title {
  display: grid;
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.view-header__aside {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.view-header__summary {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.view-header__copy {
  max-width: 72ch;
  margin: 0;
  color: var(--muted);
  font-size: var(--font-size-sm);
  line-height: 1.35;
}

.view-header__identity {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.view-breadcrumbs {
  min-width: 0;
}

.view-breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--muted);
  font-size: var(--font-size-xs);
  font-weight: 500;
}

.view-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.view-breadcrumbs__item:not(:last-child)::after {
  content: "/";
  color: var(--muted);
}

.view-breadcrumbs__item a,
.view-breadcrumbs__item span {
  display: inline-flex;
  min-width: 0;
}

.view-breadcrumbs__item a {
  color: inherit;
  text-decoration: none;
}

.view-breadcrumbs__item a:hover {
  color: var(--text-strong);
}

.view-breadcrumbs__item span[aria-current="page"] {
  color: var(--text);
}

.view-header__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  justify-content: start;
}

.view-header__stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.view-header__stat span {
  color: var(--muted);
  font-size: var(--font-size-xs);
  font-weight: 500;
}

.view-header__stat strong {
  color: var(--text-strong);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.view-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px 10px;
}

.page-toolbar.workspace-toolbar,
.page-toolbar.jira-toolbar,
.workspace-toolbar,
.jira-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 0;
  margin-bottom: 0;
  padding: 0 0 4px;
  border: 0;
  border-bottom: 1px solid var(--border-subtle);
  border-radius: 0;
  background: transparent;
}

.page-toolbar.workspace-toolbar .jira-tabs,
.page-toolbar.workspace-toolbar .tabs,
.page-toolbar.jira-toolbar .jira-tabs,
.page-toolbar.jira-toolbar .tabs,
.workspace-toolbar .jira-tabs,
.workspace-toolbar .tabs,
.jira-toolbar .jira-tabs,
.jira-toolbar .tabs {
  align-self: end;
  min-height: 34px;
}

.view-header + .page-toolbar.workspace-toolbar,
.view-header + .page-toolbar.jira-toolbar {
  margin-top: -2px;
}

.page-toolbar + .page-toolbar--filters {
  margin-top: -2px;
}

.page-toolbar.workspace-toolbar .workspace-actions,
.page-toolbar.workspace-toolbar .toolbar__actions,
.page-toolbar.workspace-toolbar .action-group,
.page-toolbar.jira-toolbar .workspace-actions,
.page-toolbar.jira-toolbar .toolbar__actions,
.page-toolbar.jira-toolbar .action-group,
.workspace-toolbar .workspace-actions,
.workspace-toolbar .toolbar__actions,
.workspace-toolbar .action-group,
.jira-toolbar .workspace-actions,
.jira-toolbar .toolbar__actions,
.jira-toolbar .action-group {
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding: 0;
}

.jira-list-workspace,
.entity-workspace,
.form-workspace {
  gap: 6px;
}

.workspace-panel__eyebrow,
.table-card__eyebrow,
.view-header__eyebrow {
  display: none;
}

.workspace-panel__header > .workspace-panel__meta,
.table-card__header > .table-card__meta,
.workspace-panel__header > .table-card__meta {
  display: none;
}

.workspace-panel__header,
.table-card__header {
  gap: 8px;
}

.jira-list-workspace .list-toolbar__summary,
.jira-list-workspace .workspace-header__summary,
.entity-workspace .workspace-header__summary,
.form-workspace .form-shell__intro {
  gap: 4px;
}

.tabs,
.jira-tabs {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 2px;
}

.tab,
.jira-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  background: transparent;
  color: var(--muted-strong);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: inherit;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--motion-transition-interactive-fast);
}

.tab::after,
.jira-tab::after {
  content: "";
  position: absolute;
  inset-inline: 8px;
  inset-block-end: -1px;
  height: 2px;
  border-radius: 999px;
  background: var(--accent);
  opacity: 0;
  transform: scaleX(0.5);
  transform-origin: center;
  transition:
    opacity var(--motion-duration-interactive-fast) var(--motion-ease-enter),
    transform var(--motion-duration-interactive-fast) var(--motion-ease-enter);
}

.tab:hover,
.jira-tab:hover {
  color: var(--text-strong);
  background: rgba(9, 30, 66, 0.045);
}

@media (min-width: 920px) {
  .view-header__title {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
  }

  .view-header__aside {
    justify-items: end;
    align-content: start;
  }

  .view-header__stats {
    justify-content: end;
  }
}

@media (max-width: 719px) {
  .view-header__stats {
    justify-content: start;
  }
}

.tab.is-active,
.jira-tab.is-active {
  color: var(--accent-hover);
  background: rgba(9, 30, 66, 0.03);
}

.tab.is-active::after,
.jira-tab.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

.tab:focus-visible,
.jira-tab:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

[data-ui-panel][hidden] {
  display: none !important;
}

[data-ui-panels-shell] {
  display: grid;
  min-width: 0;
  align-content: start;
}

[data-ui-panels-shell].is-switching-panels {
  transition: min-height var(--motion-duration-interactive-normal) var(--motion-ease-standard);
}

[data-ui-panels-shell] > [data-ui-panel] {
  min-width: 0;
}

[data-ui-panel]:not([hidden]),
[data-issue-detail-panel]:not([hidden]) {
  animation: workspace-panel-enter var(--motion-duration-interactive-normal) var(--motion-ease-enter);
}

[data-ui-panels-shell].is-switching-panels > [data-ui-panel]:not([hidden]) {
  animation-duration: var(--motion-duration-panel-slide);
}

.workspace-filter-bar,
.jira-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 6px 8px;
}

/* Inside a filter bar the layout grid shares the row with the action
   buttons, and mixed-height controls (search, context card, selects)
   align to a common bottom edge instead of floating. */
.workspace-filter-bar .toolbar-layout,
.jira-filters .toolbar-layout {
  flex: 1 1 560px;
  width: auto;
  align-items: end;
}

.commercial-workspace__quick-filters {
  padding: 10px 14px;
}

.workspace-filter-bar .field,
.jira-filters .field {
  flex: 0 1 148px;
  min-width: 148px;
  transition: var(--motion-transition-panel-slide);
}

.workspace-filter-bar .field--search,
.jira-filters .field--search {
  flex: 1 1 360px;
  min-width: 320px;
}

.workspace-filter-bar__actions,
.jira-filters__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
  flex: 0 0 auto;
  transition: var(--motion-transition-panel-slide);
}

.jira-list-subnav {
  gap: 12px;
}

.workspace-split,
.pipeline-workspace-split {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.issue-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 296px;
  gap: 10px;
  align-items: start;
}

.issue-detail-layout > .issue-main {
  order: 1;
}

.issue-detail-layout > .issue-sidebar {
  order: 2;
}

.form-workspace__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 296px;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
}

.form-workspace__layout--single {
  grid-template-columns: minmax(0, 920px);
}

.form-workspace__layout > .workspace-main {
  display: grid;
  order: 1;
  min-width: 0;
}

.form-workspace__layout > .workspace-sidebar {
  order: 2;
  min-width: 0;
}

.jira-list-surface {
  padding: 0;
  overflow: hidden;
}

.jira-list-surface .table-card__header,
.jira-list-surface .workspace-panel__header {
  padding: 8px 10px 0;
  margin-bottom: 4px;
}

.workspace-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-sm);
  margin: 0;
}

.workspace-meta-grid > div,
.detail-list > div {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: var(--surface-subtle);
}

.workspace-meta-grid dt,
.detail-list dt {
  color: var(--muted);
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.workspace-meta-grid dd,
.detail-list dd {
  margin: 0;
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.activity-block,
.resource-list--timeline {
  display: grid;
  gap: var(--space-sm);
}

.activity-item,
.resource-item--stacked,
.resource-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-md);
  padding: 9px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: var(--surface-subtle);
}

.activity-item strong,
.resource-item strong {
  display: block;
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.32;
}

.activity-item p,
.resource-item p {
  margin: 3px 0 0;
  color: var(--muted-strong);
  font-size: 12px;
  line-height: 1.42;
}

.activity-item--linked {
  color: inherit;
}

.activity-item--linked:hover {
  border-color: var(--accent-border);
  background: var(--accent-soft);
  box-shadow: var(--shadow-xs);
}

.entity-workspace .workspace-panel,
.form-workspace .workspace-panel,
.form-workspace .form-card {
  padding: 10px;
  border-radius: var(--radius-lg);
}

.entity-workspace .workspace-panel__header,
.form-workspace .workspace-panel__header {
  margin-bottom: 8px;
}

.form-workspace__card {
  gap: 8px;
  min-height: 0;
  max-width: 980px;
}

.form-workspace__rail {
  display: grid;
  gap: 8px;
  align-content: start;
  position: sticky;
  top: calc(var(--topbar-height) + 12px);
}

.form-workspace__rail > :first-child {
  position: sticky;
  top: 0;
}

.form-workspace .workspace-header__copy,
.form-workspace .workspace-header__summary {
  max-width: 70ch;
}

.form-workspace .workspace-panel,
.form-workspace .form-card {
  box-shadow: 0 1px 0 rgba(9, 30, 66, 0.03);
}

.entity-workspace__toolbar,
.commercial-lead-detail .workspace-toolbar {
  gap: 10px 14px;
}

.detail-workspace__toolbar .workspace-actions,
.entity-workspace__toolbar .workspace-actions {
  gap: 6px;
}

.entity-workspace .workspace-split,
.commercial-lead-detail .workspace-split {
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 12px;
}

.entity-workspace .workspace-panel,
.commercial-lead-detail .workspace-panel {
  box-shadow: 0 1px 0 rgba(9, 30, 66, 0.03);
}

.entity-workspace .workspace-panel__meta,
.commercial-lead-detail .workspace-panel__meta {
  max-width: 64ch;
}

.entity-workspace .workspace-meta-grid,
.commercial-lead-detail .workspace-meta-grid {
  gap: 8px;
}

.entity-workspace .workspace-meta-grid > div,
.entity-workspace .detail-list > div,
.commercial-lead-detail .workspace-meta-grid > div,
.commercial-lead-detail .detail-list > div {
  gap: 4px;
  padding: 8px 10px;
  background: var(--surface-subtle);
}

.entity-workspace .activity-block,
.commercial-lead-detail .activity-block {
  gap: 8px;
}

.entity-workspace .activity-item,
.commercial-lead-detail .activity-item,
.form-workspace .activity-item {
  gap: var(--space-sm);
  border-radius: var(--radius-lg);
}

.entity-workspace .activity-item,
.commercial-lead-detail .activity-item {
  padding: 10px 11px;
}

.entity-workspace .table-scroll-region,
.commercial-lead-detail .table-scroll-region {
  margin-top: -2px;
}

.detail-workspace,
.commercial-lead-detail,
.vacancy-workspace,
.candidate-workspace {
  gap: 8px;
}

.detail-workspace__stack,
.detail-workspace__rail {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.detail-workspace__rail {
  align-content: start;
  position: sticky;
  top: calc(var(--topbar-height) + 12px);
}

.detail-workspace__rail .workspace-panel__header,
.form-workspace__rail .workspace-panel__header {
  margin-bottom: 6px;
}

.detail-workspace__stack > .workspace-panel,
.detail-workspace__rail > .workspace-panel,
.detail-workspace__stack > .jira-panel,
.detail-workspace__rail > .jira-panel {
  padding: 10px 11px;
  border-radius: var(--radius-lg);
}

.detail-workspace__rail .workspace-meta-grid,
.detail-workspace__rail .detail-list,
.detail-workspace__rail .workspace-kpi-grid,
.detail-workspace__rail .detail-kpi-grid {
  grid-template-columns: 1fr;
}

.detail-workspace__rail .workspace-meta-grid > div,
.detail-workspace__rail .detail-list > div {
  padding: 8px 9px;
}

.workspace-summary-card,
.detail-summary-card {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: var(--surface-subtle);
}

.workspace-summary-card__copy,
.detail-summary-card__copy,
.detail-note {
  margin: 0;
  color: var(--muted-strong);
  font-size: 13px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.workspace-kpi-grid,
.detail-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 6px;
}

.workspace-kpi,
.detail-kpi {
  display: grid;
  gap: 4px;
  padding: 8px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: var(--surface-subtle);
}

.workspace-kpi span,
.detail-kpi span {
  color: var(--muted);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.workspace-kpi strong,
.detail-kpi strong {
  color: var(--text-strong);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

.workspace-kpi p,
.detail-kpi p,
.detail-panel-note,
.form-workspace__rail-note {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.workspace-action-group,
.detail-rail-actions,
.form-actions-panel__buttons {
  display: grid;
  gap: 8px;
}

.detail-rail-actions {
  gap: 6px;
}

.workspace-action-group .button,
.detail-rail-actions .button,
.form-actions-panel__buttons .button {
  width: 100%;
}

.detail-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.workspace-side-panel,
.form-actions-panel {
  display: grid;
  gap: 8px;
}

.detail-rail-panel,
.detail-quick-form {
  display: grid;
  gap: 8px;
}

.detail-rail-panel--danger {
  border-color: rgba(201, 55, 44, 0.14);
  background: linear-gradient(180deg, rgba(255, 245, 244, 0.92) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.detail-rail-panel--danger .button--danger {
  width: 100%;
}

.workspace-side-panel__copy,
.detail-section-copy,
.form-actions-panel__copy {
  display: grid;
  gap: 4px;
}

.workspace-side-panel__copy p,
.detail-section-copy p,
.form-actions-panel__copy p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.detail-list-surface {
  padding: 0;
  overflow: hidden;
}

.detail-list-surface .workspace-panel__header,
.detail-list-surface .table-card__header {
  padding: 8px 10px 0;
  margin-bottom: 4px;
}

.form-workspace .form-section,
.form-workspace .subform-card {
  border-radius: 4px;
  background: #fafbfc;
}

.form-workspace__rail .workspace-panel,
.form-workspace__rail .jira-panel {
  padding: 12px;
  border-radius: 4px;
}

.detail-workspace__rail .form-card,
.form-workspace__rail .form-card,
.detail-quick-form {
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.detail-workspace__rail .form-card .button,
.form-workspace__rail .form-card .button,
.detail-quick-form .button {
  width: 100%;
}

.detail-workspace__rail .field,
.form-workspace__rail .field {
  gap: 5px;
}

.sticky-subheader,
.jira-board-meta {
  position: sticky;
  top: calc(var(--topbar-height) + var(--space-md));
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: 6px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--surface);
  box-shadow: none;
}

.kanban-shell {
  overflow-x: auto;
}

.kanban-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));
  gap: var(--space-md);
  align-items: start;
}

.kanban-column {
  display: grid;
  gap: var(--space-sm);
  align-content: start;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(244, 245, 247, 0.92), rgba(235, 236, 240, 0.84));
}

.kanban-column__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-sm);
}

.kanban-column__title h3 {
  color: var(--text-strong);
  font-size: var(--font-size-md);
  font-weight: 600;
}

.kanban-column__title p,
.kanban-column__count {
  color: var(--muted);
  font-size: var(--font-size-xs);
}

.kanban-column__body {
  display: grid;
  gap: var(--space-sm);
  min-height: 120px;
}

.kanban-card,
.jira-card {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-xs);
  transition: var(--motion-transition-row-hover);
}

.kanban-card:hover,
.kanban-card:focus-within {
  border-color: var(--accent-border);
  box-shadow: var(--shadow-sm);
  transform: translateY(-1px);
}

.kanban-card__link,
.jira-card__link {
  display: grid;
  gap: var(--space-sm);
  padding: 12px;
}

.jira-card__top,
.jira-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
}

.jira-card__main {
  display: grid;
  gap: 4px;
}

.jira-card__main strong {
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.28;
}

.kanban-card__subtle,
.jira-card__salary {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.jira-card__assignee {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--muted-strong);
  font-size: var(--font-size-sm);
}

.jira-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #deebff;
  color: var(--accent-hover);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.jira-avatar--empty {
  background: var(--surface-muted);
  color: var(--muted);
}

.issue-list,
.jira-stack {
  display: grid;
  gap: var(--space-sm);
}

.issue-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-md);
  padding: 10px 12px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: var(--surface);
  transition: var(--motion-transition-row-hover);
}

.issue-row[data-primary-href] {
  cursor: pointer;
}

.issue-row[data-primary-href]:not(.is-selected):hover {
  border-color: var(--accent-border);
  background: var(--accent-soft);
  transform: translateY(-1px);
}

.issue-row[data-primary-href]:focus-visible {
  box-shadow: var(--focus-ring);
}

.issue-row__main,
.issue-row__meta {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
}

.issue-row__main {
  flex: 1 1 auto;
  min-width: 0;
}

.issue-row__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.issue-row__copy strong {
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.28;
}

.issue-row__copy p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.38;
}

.issue-row.is-selected,
.kanban-card.is-selected,
.jira-table tbody tr.is-selected td {
  border-color: var(--accent-border);
  background: rgba(20, 55, 125, 0.08);
}

@keyframes workspace-panel-enter {
  0% {
    opacity: 0;
    transform: translateY(var(--motion-distance-panel-slide));
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.dashboard-layout,
.search-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 340px);
  gap: 12px;
}

.search-workspace {
  gap: 12px;
}

.search-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 272px;
  gap: 12px;
  align-items: start;
}

.search-aside {
  display: grid;
  gap: 8px;
  align-content: start;
  position: sticky;
  top: calc(var(--topbar-height) + 12px);
}

.search-results-surface {
  padding: 0;
  overflow: hidden;
}

.search-results-surface .workspace-panel__header {
  padding: 8px 10px 0;
  margin-bottom: 4px;
}

.search-results {
  display: grid;
  gap: 0;
}

.search-summary {
  display: grid;
  gap: 10px;
  position: sticky;
  top: calc(var(--topbar-height) + 12px);
}

.search-summary__metrics {
  display: grid;
  gap: 8px;
}

.search-summary__metric {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 249, 0.84));
}

.search-summary__metric strong {
  color: var(--text-strong);
  font-size: 15px;
  line-height: 1.25;
}

.search-summary__metric span {
  color: var(--muted);
  font-size: 12px;
}

.dashboard-column,
.report-grid {
  display: grid;
  gap: var(--space-md);
}

.dashboard-surface {
  max-width: 1080px;
  padding: 10px 12px;
}

.dashboard-section {
  display: grid;
  gap: 8px;
  align-content: start;
}

.dashboard-section + .dashboard-section {
  padding-top: 10px;
  border-top: 1px solid var(--border-subtle);
}

.report-panel {
  display: grid;
  gap: var(--space-sm);
  padding-top: var(--space-md);
  border-top: 1px solid var(--border-subtle);
}

.report-panel:first-child {
  padding-top: 0;
  border-top: 0;
}

.report-panel__header,
.report-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-md);
}

.report-list {
  display: grid;
  gap: 4px;
}

.report-list--metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.report-row {
  padding: 8px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: var(--surface-subtle);
  color: inherit;
}

.report-row:hover {
  border-color: var(--accent-border);
  background: var(--accent-soft);
}

.report-row strong {
  display: block;
  color: var(--text-strong);
  font-size: 13px;
  line-height: 1.3;
}

.report-row p {
  margin: 2px 0 0;
  color: var(--muted-strong);
  font-size: 12px;
  line-height: 1.42;
}

.report-row span {
  color: var(--muted-strong);
  font-size: 12px;
  font-weight: 600;
}

.report-row span.signal-operational {
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 700;
}

.report-row span.meta-muted {
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
}

.reports-layout {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: var(--space-lg);
  align-items: start;
}

.reports-form {
  display: grid;
  gap: var(--space-sm);
}

.report-list--reports {
  gap: 6px;
}

.report-row--report {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}

/* Allow the text column to shrink and long error strings to clamp instead of
   forcing the row to overflow horizontally. */
.report-row--report > div {
  min-width: 0;
}

.report-row--report > div > .entity-secondary {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.report-row--report > .status-pill {
  flex: none;
}

.reports-toolbar {
  justify-content: space-between;
}

.report-document {
  display: grid;
  gap: var(--space-lg);
}

.report-section {
  display: grid;
  gap: var(--space-sm);
}

.report-section h4 {
  margin: 0;
  color: var(--text-strong);
  font-size: 14px;
  line-height: 1.3;
}

.report-section > p {
  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.55;
}

.report-bullet-list {
  margin: 0;
  padding-left: 18px;
  color: var(--text);
  font-size: 13px;
  line-height: 1.5;
}

.status-pill--prepared {
  border-color: var(--border-strong);
  background: var(--surface);
  color: var(--muted-strong);
}

.status-pill--generated {
  border-color: var(--success);
  background: var(--success-soft);
  color: var(--success);
}

.status-pill--failed {
  border-color: var(--danger);
  background: var(--danger-soft);
  color: var(--danger);
}

.search-filter-bar .filter-bar__main {
  grid-template-columns: 1fr;
}

.search-group {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border-top: 1px solid var(--border-subtle);
}

.search-group:first-child {
  border-top: 0;
}

.search-result small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.search-result .entity-secondary {
  margin: 4px 0 0;
}

.search-group .workspace-panel__header {
  margin-bottom: 2px;
}

.search-group .workspace-panel__meta {
  white-space: nowrap;
}

.search-group .report-list {
  gap: 3px;
}

.search-group .report-row {
  padding: 7px 10px;
  border-radius: var(--radius-lg);
  background: var(--surface-subtle);
}

.search-group .report-row span {
  color: var(--muted-strong);
  font-size: 11px;
  font-weight: 600;
}

.section-workspace {
  gap: 12px;
}

.section-workspace__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 12px;
  align-items: start;
  max-width: 1040px;
}

.section-workspace__panel {
  max-width: 760px;
}

.section-workspace__aside {
  align-content: start;
  position: sticky;
  top: calc(var(--topbar-height) + 12px);
}

.section-workspace .workspace-main > .workspace-panel,
.section-workspace .workspace-sidebar > .workspace-panel {
  padding: 10px;
}

.settings-form {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.settings-form .form-section {
  gap: 8px;
  padding: 10px 12px;
}

.settings-form .radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.settings-form .field--radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  color: var(--text);
  font-size: 13px;
}

.settings-form .field--radio input[type="radio"] {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: var(--accent);
}

.section-workspace__status {
  display: grid;
  gap: 10px;
}

.section-copy {
  display: grid;
  gap: 12px;
  max-width: 860px;
  align-content: start;
  padding: 16px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 249, 0.86));
  box-shadow: var(--shadow-xs);
}

.section-copy .kicker {
  margin: 0;
}

.section-copy > p:not(.kicker) {
  max-width: 72ch;
  margin: 0;
  color: var(--muted-strong);
}

.section-copy .status-box {
  display: grid;
  gap: 4px;
  max-width: 420px;
  margin-top: 2px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.94);
}

.section-copy .status-box p,
.section-copy .status-box strong {
  margin: 0;
}

.section-status-card {
  padding: 12px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 249, 0.82));
}

.section-status-card strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text-strong);
}

.section-status-card p {
  margin: 0;
  color: var(--muted);
}

.search-best-result,
.search-scan-card {
  padding: 10px;
}

@media (max-width: 1080px) {
  .workspace-split,
  .pipeline-workspace-split,
  .issue-detail-layout,
  .form-workspace__layout,
  .dashboard-layout,
  .search-groups,
  .search-shell,
  .section-workspace__layout {
    grid-template-columns: 1fr;
  }

  .issue-detail-layout > .issue-sidebar,
  .issue-detail-layout > .issue-main,
  .form-workspace__layout > .workspace-main,
  .form-workspace__layout > .workspace-sidebar {
    order: initial;
  }

  .workspace-filter-bar .field,
  .jira-filters .field,
  .workspace-filter-bar .field--search,
  .jira-filters .field--search {
    flex-basis: 100%;
    min-width: 0;
  }

  .form-workspace__rail,
  .form-workspace__rail > :first-child,
  .search-summary,
  .section-workspace__aside,
  .sticky-subheader,
  .jira-board-meta {
    position: static;
  }

  .report-list--metrics {
    grid-template-columns: 1fr;
  }

  .sticky-subheader,
  .jira-board-meta,
  .issue-row,
  .issue-row__main,
  .issue-row__meta,
  .report-row {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 720px) {
  .workspace,
  .jira-workspace,
  .issue-detail-shell,
  .entity-workspace,
  .form-workspace,
  .jira-list-workspace {
    gap: 12px;
  }

  .view-header {
    gap: 8px;
  }

  .view-header__title {
    gap: 10px;
  }

  .view-header__copy {
    max-width: 100%;
  }

  .view-breadcrumbs__list {
    gap: 4px;
    font-size: 11px;
  }

  .view-header__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .view-header__stat {
    min-width: 0;
  }

  .workspace-filter-bar,
  .jira-filters {
    gap: 8px;
  }

  .workspace-filter-bar__actions,
  .jira-filters__actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .table-card--list,
  .jira-list-surface,
  .workspace-panel:has(.data-table),
  .workspace-panel:has(.dense-table),
  .surface:has(.data-table),
  .surface:has(.dense-table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .table-card--list,
  .jira-list-surface {
    position: relative;
    background:
      linear-gradient(90deg, rgba(247, 248, 249, 0.96), rgba(247, 248, 249, 0)) left center / 12px 100% no-repeat,
      linear-gradient(270deg, rgba(247, 248, 249, 0.96), rgba(247, 248, 249, 0)) right center / 12px 100% no-repeat,
      var(--surface);
    background-attachment: local, local, scroll;
  }

  .workspace-panel .data-table,
  .workspace-panel .dense-table,
  .table-card--list .data-table,
  .table-card--list .dense-table {
    min-width: max(100%, 640px);
  }

  .activity-item,
  .resource-item--stacked,
  .resource-item,
  .report-row {
    padding: 10px;
  }

  .workspace-meta-grid {
    grid-template-columns: 1fr;
  }

  .issue-row {
    padding: 10px;
  }
}

@media (max-width: 560px) {
  .view-header__stats {
    grid-template-columns: 1fr;
  }

  .detail-workspace__rail {
    position: static;
  }

  .workspace-panel .data-table,
  .workspace-panel .dense-table,
  .table-card--list .data-table,
  .table-card--list .dense-table {
    min-width: 560px;
  }

  .workspace-filter-bar__actions .button,
  .jira-filters__actions .button,
  .workspace-actions .button,
  .toolbar__actions .button,
  .action-group .button {
    flex: 1 1 100%;
  }
}

.work-queue-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.work-queue-grid {
  display: grid;
  gap: 16px;
}

.work-queue-list {
  display: grid;
  gap: 10px;
}

.work-queue-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.work-queue-row__copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.work-queue-row__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 340px;
}

.work-queue-row__actions form {
  margin: 0;
}

/* Compact the dense action cluster so rows read calmly. */
.work-queue-row__actions .button {
  min-height: 26px;
  height: 26px;
  padding: 0 9px;
  font-size: 11.5px;
}

.settings-disclosure {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.92);
}

.settings-disclosure__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
}

.settings-disclosure__summary::-webkit-details-marker {
  display: none;
}

.settings-disclosure__summary p {
  margin: 4px 0 0;
}

.settings-disclosure__action {
  flex-shrink: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
  font-size: 0.85rem;
  font-weight: 600;
}

.settings-disclosure[open] .settings-disclosure__action {
  background: rgba(15, 23, 42, 0.08);
  color: #0f172a;
}

.settings-disclosure__body {
  padding: 0 16px 16px;
}

/* Enterprise density primitives */
.enterprise-command-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid rgba(9, 30, 66, 0.08);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.92);
}

.enterprise-command-bar__main,
.enterprise-command-bar__actions,
.compact-action-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.enterprise-command-bar__main {
  flex: 1 1 auto;
}

.enterprise-command-bar__actions,
.compact-action-group {
  justify-content: flex-end;
}

.compact-action-group .button,
.enterprise-command-bar .button {
  min-height: 30px;
  padding-inline: 9px;
}

.enterprise-section-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--border-subtle);
}

.enterprise-section-nav a,
.enterprise-section-nav span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 9px;
  border-bottom: 2px solid transparent;
  color: var(--muted-strong);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-decoration: none;
}

.enterprise-section-nav a:hover {
  color: var(--text-strong);
  background: rgba(9, 30, 66, 0.04);
}

.enterprise-section-nav .is-active,
.enterprise-section-nav a[aria-current="true"] {
  border-bottom-color: var(--accent);
  color: var(--accent-hover);
}

/* Base density strip — compact metric tiles (legacy element markup). */
.density-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 6px;
}

.density-strip__item {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.86);
}

.density-strip__item > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.density-strip__item > strong {
  color: var(--text-strong);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
}

.density-strip__item > p {
  margin: 0;
  color: var(--muted-strong);
  font-size: 11px;
  line-height: 1.35;
}

/*
 * Dashboard KPI cards — richer treatment scoped to the dashboard so the base
 * density strip used elsewhere (e.g. commercial scraping) stays untouched.
 */
.dashboard-enterprise .density-strip {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.dashboard-enterprise .density-strip__item {
  position: relative;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  padding: 14px 14px 14px 16px;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-xs);
  text-decoration: none;
  transition: var(--motion-transition-row-hover);
}

a.density-strip__item:hover {
  border-color: var(--accent-border);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

/*
 * Accent rail keyed to the metric tone. Neutral cards reveal it on hover;
 * warning/danger cards keep it visible so risk reads at a glance.
 */
.dashboard-enterprise .density-strip__item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--accent);
  opacity: 0;
  transition: opacity var(--motion-duration-row-hover) var(--motion-ease-standard);
}

a.density-strip__item:hover::before {
  opacity: 1;
}

.dashboard-enterprise .density-strip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, var(--accent-soft) 0%, rgba(20, 55, 125, 0.14) 100%);
  box-shadow: inset 0 0 0 1px rgba(20, 55, 125, 0.1);
  color: var(--accent);
}

.dashboard-enterprise .density-strip__body {
  display: grid;
  gap: 3px;
  min-width: 0;
  text-transform: none;
  font-size: 12px;
}

.density-strip__label {
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.density-strip__value {
  color: var(--text-strong);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.density-strip__desc {
  margin: 0;
  color: var(--muted-strong);
  font-size: 11px;
  line-height: 1.35;
}

.dashboard-enterprise .density-strip__chevron {
  display: inline-flex;
  align-items: center;
  align-self: center;
  color: var(--muted);
  opacity: 0;
  transform: translateX(-2px);
  transition: var(--motion-transition-row-hover);
}

a.density-strip__item:hover .density-strip__chevron {
  opacity: 1;
  transform: translateX(0);
  color: var(--accent);
}

/* Tone: warning — overdue follow-ups and similar soft-risk signals. */
.density-strip__item--warning .density-strip__icon {
  background: linear-gradient(180deg, var(--warning-soft) 0%, rgba(154, 103, 0, 0.16) 100%);
  box-shadow: inset 0 0 0 1px rgba(154, 103, 0, 0.14);
  color: var(--warning);
}

.density-strip__item--warning .density-strip__value {
  color: var(--warning);
}

.dashboard-enterprise .density-strip__item--warning::before {
  background: var(--warning);
  opacity: 1;
}

/* Tone: danger — stalled work that needs intervention. */
.density-strip__item--danger .density-strip__icon {
  background: linear-gradient(180deg, var(--danger-soft) 0%, rgba(194, 81, 75, 0.16) 100%);
  box-shadow: inset 0 0 0 1px rgba(194, 81, 75, 0.14);
  color: var(--danger);
}

.density-strip__item--danger .density-strip__value {
  color: var(--danger);
}

.dashboard-enterprise .density-strip__item--danger::before {
  background: var(--danger);
  opacity: 1;
}

.enterprise-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 8px 10px;
  border-top: 1px solid var(--border-subtle);
  background: var(--surface);
}

.enterprise-row:first-child {
  border-top: 0;
}

.enterprise-row:hover {
  background: rgba(9, 30, 66, 0.025);
}

.enterprise-row__main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.enterprise-row__title {
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}

.enterprise-row__title:hover {
  color: var(--accent-hover);
}

.enterprise-row__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  color: var(--muted);
  font-size: 11px;
}

.enterprise-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 5px;
}

.enterprise-rail {
  display: grid;
  gap: 8px;
  align-content: start;
  position: sticky;
  top: calc(var(--topbar-height) + 12px);
}

.enterprise-rail__panel {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.9);
}

.enterprise-rail__panel h3,
.enterprise-rail__panel h4 {
  margin: 0;
  color: var(--text-strong);
  font-size: 13px;
  line-height: 1.25;
}

.enterprise-rail__panel p {
  margin: 0;
  color: var(--muted-strong);
  font-size: 12px;
  line-height: 1.42;
}

.enterprise-empty {
  display: grid;
  gap: 3px;
  padding: 10px;
  color: var(--muted-strong);
  font-size: 12px;
}

.enterprise-empty strong {
  color: var(--text-strong);
}

.dashboard-workspace {
  gap: 14px;
}

/* Headline row: shared view header with the tour launcher tucked top-right. */
.dashboard-headline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.dashboard-headline .view-header {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-headline__actions {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.dashboard-enterprise {
  display: grid;
  gap: 14px;
  max-width: 1180px;
}

/* With the sidebar collapsed the canvas widens, so let the dashboard fill it. */
.has-collapsed-sidebar .dashboard-enterprise {
  max-width: none;
}

.dashboard-enterprise__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.dashboard-enterprise__surface {
  padding: 0;
  overflow: hidden;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xs);
}

.dashboard-enterprise__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-subtle);
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-subtle) 100%);
}

.dashboard-enterprise__header h3 {
  position: relative;
  margin: 0;
  padding-left: 11px;
  color: var(--text-strong);
  font-size: 13px;
  line-height: 1.3;
}

.dashboard-enterprise__header h3::before {
  content: "";
  position: absolute;
  inset: 1px auto 1px 0;
  width: 3px;
  border-radius: var(--radius-pill);
  background: var(--accent);
}

.dashboard-enterprise__header p {
  margin: 2px 0 0;
  padding-left: 11px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

/* Small numeric badge next to a panel title (e.g. activity entries). */
.dashboard-count {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  padding: 0 7px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--muted-strong);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.dashboard-enterprise .report-list {
  gap: 0;
}

.dashboard-enterprise .report-row {
  position: relative;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-width: 1px 0 0;
  border-radius: 0;
  background: var(--surface);
  transition: var(--motion-transition-row-hover);
}

.dashboard-enterprise .report-row:first-child {
  border-top: 0;
}

/* Leading icon chip — neutral at rest, accent on hover. */
.dashboard-enterprise .report-row__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: var(--surface-subtle);
  color: var(--color-icon);
  transition: var(--motion-transition-row-hover);
}

.dashboard-enterprise .report-row:hover .report-row__icon {
  border-color: var(--accent-border);
  background: var(--accent-soft);
  color: var(--accent);
}

.dashboard-enterprise .report-row__main {
  flex: 1 1 auto;
  min-width: 0;
}

/* Left accent rail revealed on hover to signal navigability. */
.dashboard-enterprise .report-row::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--accent);
  opacity: 0;
  transition: opacity var(--motion-duration-row-hover) var(--motion-ease-standard);
}

.dashboard-enterprise .report-row:hover {
  border-color: var(--border-subtle);
  background: var(--surface-hover);
}

.dashboard-enterprise .report-row:hover::before {
  opacity: 1;
}

/* Trailing chevron affordance. */
.dashboard-enterprise .report-row::after {
  content: "";
  flex: none;
  width: 14px;
  height: 14px;
  background-color: var(--muted);
  opacity: 0.5;
  transform: translateX(-2px);
  transition: var(--motion-transition-row-hover);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dashboard-enterprise .report-row:hover::after {
  opacity: 1;
  transform: translateX(0);
  background-color: var(--accent);
}

.dashboard-enterprise .report-row span.meta-muted {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  background: var(--surface-subtle);
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: var(--motion-transition-row-hover);
}

.dashboard-enterprise .report-row:hover span.meta-muted {
  border-color: var(--accent-border);
  color: var(--accent-hover);
}

.dashboard-enterprise .report-row span.signal-operational {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 24px;
  padding: 0 8px;
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-md);
  background: var(--accent-soft);
  color: var(--accent-hover);
}

/* ── Operational row: work queue snapshot + recent activity ───────────────── */
.dashboard-ops {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
  gap: 12px;
  align-items: start;
}

.dashboard-ops--single {
  grid-template-columns: minmax(0, 1fr);
}

.dashboard-ops__link {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.dashboard-ops__link::after {
  content: "→";
  font-size: 13px;
  transition: transform var(--motion-duration-row-hover) var(--motion-ease-standard);
}

.dashboard-ops__link:hover {
  color: var(--accent-hover);
}

.dashboard-ops__link:hover::after {
  transform: translateX(2px);
}

/* Urgency summary chips */
.dashboard-ops__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-subtle);
  background: var(--surface-subtle);
}

.dash-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--muted-strong);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.dash-chip::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--color-icon-subtle);
}

.dash-chip--overdue {
  border-color: rgba(194, 81, 75, 0.28);
  background: var(--danger-soft);
  color: var(--danger);
}

.dash-chip--overdue::before {
  background: var(--danger);
}

.dash-chip--today {
  border-color: rgba(154, 103, 0, 0.26);
  background: var(--warning-soft);
  color: var(--warning);
}

.dash-chip--today::before {
  background: var(--warning);
}

/* Work snapshot rows align to the top because they wrap multiple lines. */
.dashboard-ops__row.report-row {
  align-items: flex-start;
}

.dashboard-ops__row .report-row__icon {
  margin-top: 1px;
}

.dashboard-ops__row .report-row__main {
  display: grid;
  gap: 3px;
}

.dash-urgency {
  flex: none;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dash-urgency::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: var(--radius-pill);
  background: currentColor;
}

.dash-urgency--overdue {
  border-color: rgba(194, 81, 75, 0.24);
  background: var(--danger-soft);
  color: var(--danger);
}

.dash-urgency--today {
  border-color: rgba(154, 103, 0, 0.22);
  background: var(--warning-soft);
  color: var(--warning);
}

.dashboard-ops__empty {
  margin: 14px;
}

/* ── Activity feed ────────────────────────────────────────────────────────── */
.activity-feed {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 6px;
  list-style: none;
}

.activity-feed__item {
  position: relative;
}

.activity-feed__link {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  padding: 9px 10px;
  border-radius: var(--radius-md);
  color: inherit;
  text-decoration: none;
  transition: background-color var(--motion-duration-row-hover) var(--motion-ease-standard);
}

a.activity-feed__link:hover {
  background: var(--surface-hover);
}

.activity-feed__dot {
  width: 8px;
  height: 8px;
  margin-top: 5px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}

/* Vertical connector between consecutive dots (timeline). */
.activity-feed__item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: -2px;
  left: 13px;
  width: 2px;
  border-radius: var(--radius-pill);
  background: var(--border);
}

.activity-feed__item--commercial .activity-feed__dot {
  background: var(--warning);
  box-shadow: 0 0 0 3px var(--warning-soft);
}

.activity-feed__item--vacancy .activity-feed__dot {
  background: var(--success);
  box-shadow: 0 0 0 3px var(--success-soft);
}

.activity-feed__item--candidate_file .activity-feed__dot {
  background: var(--color-icon);
  box-shadow: 0 0 0 3px var(--neutral-soft);
}

.activity-feed__content {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.activity-feed__title {
  color: var(--text-strong);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
}

.activity-feed__desc {
  overflow: hidden;
  color: var(--muted-strong);
  font-size: 11.5px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.activity-feed__time {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

/*
 * The generic ≤1080px rule stacks .report-row vertically for dense lists;
 * dashboard rows are simple icon + copy + pill rows, so they stay horizontal.
 */
@media (max-width: 1080px) {
  .dashboard-enterprise .report-row {
    flex-direction: row;
    align-items: center;
  }

  .dashboard-enterprise .dashboard-ops__row.report-row {
    align-items: flex-start;
  }
}

@media (max-width: 980px) {
  .dashboard-ops {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-headline {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard-headline__actions {
    justify-content: flex-end;
    margin-top: 0;
  }
}

/* Compact phones: drop decorative category pills, keep urgency badges. */
@media (max-width: 560px) {
  .dashboard-enterprise .report-row span.meta-muted {
    display: none;
  }

  .dashboard-enterprise .density-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}

.settings-console {
  gap: 10px;
}

.settings-console__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 10px;
  align-items: start;
  max-width: 1180px;
}

.settings-console__main {
  display: grid;
  gap: 10px;
}

.settings-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  gap: 10px;
  align-items: start;
}

.settings-console__section {
  scroll-margin-top: calc(var(--topbar-height) + 18px);
}

.settings-console__section.workspace-panel {
  padding: 0;
  overflow: hidden;
}

.settings-console__section > .workspace-panel__header {
  padding: 12px 14px;
  margin: 0;
  border-bottom: 1px solid var(--border-subtle);
}

.settings-console__section--compact > .workspace-panel__header {
  min-height: 96px;
}

.settings-console__section--compact .settings-form {
  min-height: 148px;
}

.settings-console .workspace-action-group {
  justify-content: flex-end;
}

.settings-console .workspace-action-group .button {
  width: auto;
}

.settings-management-block,
.settings-account-groups,
.settings-account-group {
  display: grid;
  gap: 10px;
}

.settings-management-block {
  margin: 12px 14px;
  padding: 12px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.92);
}

.settings-management-block--invite {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 248, 250, 0.92));
}

.settings-account-groups {
  margin: 12px 14px 14px;
}

.settings-block-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.settings-block-header h4,
.settings-account-row__identity strong {
  margin: 0;
  color: var(--text-strong);
}

.settings-block-header p,
.settings-account-row__identity p {
  margin: 2px 0 0;
}

.settings-invite-grid {
  grid-template-columns: minmax(150px, 1fr) minmax(190px, 1.15fr) minmax(120px, 0.65fr) minmax(110px, 0.55fr);
}

.settings-account-group {
  padding-top: 2px;
}

.settings-account-row,
.settings-audit-row {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.9);
}

.settings-account-row__summary {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(130px, auto) minmax(210px, auto);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.settings-account-row__identity,
.settings-account-row__state,
.settings-account-row__advanced {
  min-width: 0;
}

.settings-account-row__state {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.settings-account-row__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.settings-account-row__actions form,
.settings-account-row__advanced form {
  margin: 0;
}

.settings-account-row__advanced {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border-subtle);
}

.settings-console .status-pill--success {
  background: #dcfff1;
  color: #216e4e;
}

.settings-console .status-pill--muted,
.settings-console .status-pill--neutral {
  background: #f1f2f4;
  color: #44546f;
}

.settings-disclosure {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(247, 248, 250, 0.82);
}

.settings-disclosure__summary {
  gap: 10px;
  padding: 9px 11px;
}

.settings-disclosure__body {
  padding: 0 11px 11px;
}

.settings-rail-nav {
  display: grid;
  gap: 4px;
  margin: 0 0 12px;
}

.settings-rail-nav a {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 8px;
  border-radius: var(--radius-sm);
  color: var(--muted-strong);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-decoration: none;
}

.settings-rail-nav a:hover {
  background: rgba(9, 30, 66, 0.05);
  color: var(--text-strong);
}

.settings-audit-row pre {
  max-height: 180px;
  overflow: auto;
  margin: 6px 0 0;
  padding: 8px;
  border-radius: var(--radius-sm);
  background: rgba(9, 30, 66, 0.04);
  font-size: 11px;
}

.activity-control {
  display: grid;
  gap: 12px;
  max-width: 1440px;
  margin-inline: auto;
}

.activity-control__filters {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) minmax(180px, 0.6fr) auto auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
}

.activity-control__scope {
  margin: 0;
}

.activity-control__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

.activity-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px 10px 13px;
}

.activity-metric span,
.activity-metric p {
  color: var(--text-muted);
  font-size: 0.78rem;
}

.activity-metric strong {
  color: var(--text-strong);
  font-size: 1.28rem;
  line-height: 1;
}

.activity-control__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.activity-chart {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 260px;
  padding: 14px;
  border-color: rgba(148, 163, 184, 0.28);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88));
}

.activity-chart--donut,
.activity-chart--role,
.activity-chart--module,
.activity-chart--outcome {
  grid-column: span 4;
}

.activity-chart--line {
  grid-column: span 8;
}

.activity-chart--workers {
  grid-column: span 12;
  min-height: 300px;
}

.activity-chart__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.activity-chart__header h3 {
  margin: 2px 0 0;
  color: var(--text-strong);
  font-size: 1rem;
  line-height: 1.2;
}

.activity-chart__stat {
  display: grid;
  min-width: 78px;
  justify-items: end;
  gap: 2px;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.9);
}

.activity-chart__stat span {
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.activity-chart__stat strong {
  color: var(--text-strong);
  font-size: 1.05rem;
  line-height: 1;
}

.activity-chart__visual {
  display: grid;
  gap: 12px;
}

.activity-chart__visual--split {
  grid-template-columns: minmax(128px, 0.9fr) minmax(0, 1fr);
  align-items: center;
}

.activity-chart--workers .activity-chart__visual {
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
  align-items: stretch;
}

.activity-chart__plot {
  display: grid;
  min-width: 0;
  gap: 8px;
}

.activity-chart__plot--centered {
  place-items: center;
}

.activity-donut,
.activity-column-chart,
.activity-line-chart {
  width: 100%;
  overflow: visible;
}

.activity-donut {
  max-width: 180px;
  justify-self: center;
  filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.08));
}

.activity-donut__track {
  fill: none;
  stroke: rgba(30, 64, 175, 0.1);
  stroke-width: 13;
}

.activity-donut__value {
  fill: none;
  stroke: #1d4ed8;
  stroke-linecap: round;
  stroke-width: 13;
  transition: stroke-dasharray 180ms ease;
}

.activity-donut__value-label {
  fill: var(--text-strong);
  font-size: 1.25rem;
  font-weight: 800;
}

.activity-donut__caption {
  fill: var(--text-muted);
  font-size: 0.56rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.activity-column-chart,
.activity-line-chart {
  display: block;
  padding: 2px 0;
}

.activity-column-chart {
  height: 152px;
}

.activity-line-chart {
  height: 230px;
}

.activity-column-chart__grid,
.activity-line-chart__grid {
  stroke: rgba(100, 116, 139, 0.16);
  stroke-width: 1;
}

.activity-column-chart__axis {
  stroke: rgba(30, 64, 175, 0.2);
  stroke-width: 1.2;
}

.activity-column-chart__bar {
  fill: var(--series-color, #1d4ed8);
  opacity: 0.96;
}

.activity-series--1 {
  --series-color: #1d4ed8;
  --series-soft: rgba(29, 78, 216, 0.14);
}

.activity-series--2 {
  --series-color: #0f766e;
  --series-soft: rgba(15, 118, 110, 0.14);
}

.activity-series--3 {
  --series-color: #b45309;
  --series-soft: rgba(180, 83, 9, 0.14);
}

.activity-series--4 {
  --series-color: #7c3aed;
  --series-soft: rgba(124, 58, 237, 0.13);
}

.activity-series--5 {
  --series-color: #be123c;
  --series-soft: rgba(190, 18, 60, 0.12);
}

.activity-series--6 {
  --series-color: #475569;
  --series-soft: rgba(71, 85, 105, 0.14);
}

.activity-series--success {
  --series-color: #0f766e;
  --series-soft: rgba(15, 118, 110, 0.14);
}

.activity-series--neutral {
  --series-color: #64748b;
  --series-soft: rgba(100, 116, 139, 0.16);
}

.activity-series--danger {
  --series-color: #be123c;
  --series-soft: rgba(190, 18, 60, 0.13);
}

.activity-series--useful {
  --series-color: #1d4ed8;
  --series-soft: rgba(29, 78, 216, 0.14);
}

.activity-series--delivery {
  --series-color: #0f766e;
  --series-soft: rgba(15, 118, 110, 0.14);
}

.activity-series--warning {
  --series-color: #b45309;
  --series-soft: rgba(180, 83, 9, 0.14);
}

.activity-series--traceability {
  --series-color: #b45309;
  --series-soft: rgba(180, 83, 9, 0.13);
}

.activity-series--mcp {
  --series-color: #5b21b6;
  --series-soft: rgba(91, 33, 182, 0.13);
}

.activity-series--backfill {
  --series-color: #64748b;
  --series-soft: rgba(100, 116, 139, 0.14);
}

.activity-series--presence {
  --series-color: #0369a1;
  --series-soft: rgba(3, 105, 161, 0.13);
}

.activity-line-chart__area {
  fill: rgba(29, 78, 216, 0.1);
}

.activity-line-chart__line {
  fill: none;
  stroke: #1d4ed8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}

.activity-line-chart__point {
  fill: #ffffff;
  stroke: #1d4ed8;
  stroke-width: 3;
}

.activity-line-key {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: var(--text-muted);
  font-size: 0.78rem;
}

.activity-line-key span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.84);
}

.activity-line-key__marker {
  display: inline-block;
  width: 18px;
  height: 8px;
  border-radius: 999px;
}

.activity-line-key__marker--line {
  background: #1d4ed8;
}

.activity-line-key__marker--area {
  border: 1px solid rgba(29, 78, 216, 0.24);
  background: rgba(29, 78, 216, 0.1);
}

.activity-control__filters--ops {
  grid-template-columns: minmax(220px, 1.2fr) minmax(136px, 0.55fr) minmax(146px, 0.65fr) minmax(166px, 0.7fr) auto auto;
  padding: 12px;
}

.activity-filter-help {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.activity-control__scope-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.activity-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.activity-control__metrics--ops {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media (min-width: 1280px) {
  .activity-control__metrics--ops {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.activity-metric {
  position: relative;
  overflow: hidden;
}

.activity-metric::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--metric-color, #1d4ed8);
}

.activity-metric--good {
  --metric-color: #1d4ed8;
}

.activity-metric--risk {
  --metric-color: #be123c;
}

.activity-metric--traceability {
  --metric-color: #b45309;
}

.activity-metric--quality {
  --metric-color: #0f766e;
}

.activity-metric--automation {
  --metric-color: #5b21b6;
}

.activity-metric--presence {
  --metric-color: #0369a1;
}

.activity-metric--neutral {
  --metric-color: #64748b;
}

.activity-control__grid--ops {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.activity-attention {
  display: grid;
  gap: 10px;
}

.activity-attention__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.activity-insight {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-left: 4px solid var(--insight-color, #64748b);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, rgba(248, 250, 252, 0.88));
}

.activity-insight--critical,
.activity-insight--risk {
  --insight-color: #be123c;
}

.activity-insight--traceability {
  --insight-color: #b45309;
}

.activity-insight--signal,
.activity-insight--delivery,
.activity-insight--useful {
  --insight-color: #1d4ed8;
}

.activity-insight__top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.activity-insight h4 {
  margin: 0;
  color: var(--text-strong);
  font-size: 0.98rem;
}

.activity-insight p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.activity-insight__meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 6px;
  margin: 0;
}

.activity-insight__meta div {
  min-width: 0;
}

.activity-insight__meta dt,
.activity-insight__action span {
  color: var(--text-soft);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.activity-insight__meta dd {
  margin: 2px 0 0;
  overflow: hidden;
  color: var(--text-strong);
  font-size: 0.82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-insight__action {
  display: grid;
  gap: 4px;
  padding-top: 8px;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.activity-reading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  gap: 12px;
  padding: 14px;
}

.activity-reading h3,
.activity-reading p {
  margin: 0;
}

.activity-reading h3 {
  margin-top: 3px;
  color: var(--text-strong);
}

.activity-reading p:not(.workspace-panel__eyebrow) {
  margin-top: 6px;
  color: var(--text-muted);
  line-height: 1.5;
}

.activity-chart--wide {
  grid-column: span 6;
  min-height: 330px;
}

.activity-chart--funnel,
.activity-chart--risk,
.activity-chart--composition,
.activity-chart--automation,
.activity-chart--source {
  grid-column: span 4;
}

.activity-chart--source {
  grid-column: span 4;
}

.activity-line-key--dense {
  gap: 7px;
}

.activity-line-key--dense strong {
  color: var(--text-strong);
}

.activity-line-key__marker.activity-series--useful,
.activity-line-key__marker.activity-series--delivery,
.activity-line-key__marker.activity-series--danger,
.activity-line-key__marker.activity-series--traceability,
.activity-line-key__marker.activity-series--mcp,
.activity-line-key__marker.activity-series--backfill {
  background: var(--series-color, #1d4ed8);
}

.activity-line-chart--multi {
  height: 190px;
}

.activity-line-chart__area.activity-series--useful,
.activity-line-chart__area.activity-series--delivery,
.activity-line-chart__area.activity-series--danger,
.activity-line-chart__area.activity-series--traceability,
.activity-line-chart__area.activity-series--mcp,
.activity-line-chart__area.activity-series--backfill {
  fill: var(--series-soft, rgba(29, 78, 216, 0.1));
}

.activity-line-chart__line.activity-series--useful,
.activity-line-chart__line.activity-series--delivery,
.activity-line-chart__line.activity-series--danger,
.activity-line-chart__line.activity-series--traceability,
.activity-line-chart__line.activity-series--mcp,
.activity-line-chart__line.activity-series--backfill {
  stroke: var(--series-color, #1d4ed8);
  stroke-width: 3;
}

.activity-chart__visual--impact {
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.85fr);
  align-items: stretch;
}

.activity-bubble-chart {
  display: block;
  width: 100%;
  height: 210px;
  overflow: visible;
}

.activity-bubble-chart__grid {
  stroke: rgba(100, 116, 139, 0.16);
  stroke-width: 1;
}

.activity-bubble-chart__axis {
  stroke: rgba(30, 64, 175, 0.24);
  stroke-width: 1.2;
}

.activity-bubble circle {
  fill: var(--series-soft, rgba(29, 78, 216, 0.14));
  stroke: var(--series-color, #1d4ed8);
  stroke-width: 2;
}

.activity-bubble text {
  fill: var(--text-strong);
  font-size: 0.34rem;
  font-weight: 800;
  pointer-events: none;
}

.activity-worker-impact-list {
  display: grid;
  align-content: start;
  gap: 8px;
}

.activity-worker-impact-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.activity-worker-impact-row:first-child {
  border-top: 0;
}

.activity-worker-impact-row strong,
.activity-risk-cell strong {
  color: var(--text-strong);
}

.activity-worker-impact-row p,
.activity-risk-cell p {
  margin: 2px 0 0;
  color: var(--text-muted);
  font-size: 0.78rem;
}

.activity-worker-impact-row b {
  display: inline-grid;
  width: 34px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.9);
  color: var(--text-strong);
}

.activity-funnel {
  display: grid;
  gap: 9px;
}

.activity-funnel__step {
  display: grid;
  gap: 5px;
}

.activity-funnel__label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.activity-funnel__label strong {
  color: var(--text-strong);
}

.activity-funnel__track {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.82);
}

.activity-funnel__meter {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: transparent;
}

.activity-funnel__meter::-webkit-meter-bar {
  border: 0;
  border-radius: inherit;
  background: rgba(226, 232, 240, 0.82);
}

.activity-funnel__meter::-webkit-meter-optimum-value {
  border-radius: inherit;
  background: var(--series-color, #1d4ed8);
}

.activity-funnel__meter::-moz-meter-bar {
  border-radius: inherit;
  background: var(--series-color, #1d4ed8);
}

.activity-risk-grid {
  display: grid;
  gap: 9px;
}

.activity-risk-cell {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-left: 4px solid var(--series-color, #64748b);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, rgba(248, 250, 252, 0.88));
}

.activity-risk-cell span {
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.activity-source-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.activity-session-summary {
  margin-bottom: 12px;
}

.activity-control__tables--ops {
  grid-template-columns: minmax(0, 1.25fr) minmax(380px, 0.9fr);
}

.activity-workers-panel,
.activity-quality-panel {
  grid-column: 1 / -1;
}

.activity-panel-copy {
  margin: 0 0 10px;
  color: var(--text-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.activity-worker-score-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
}

.activity-worker-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-left: 4px solid #1d4ed8;
  border-radius: 8px;
  background: #ffffff;
}

.activity-worker-card--high_impact {
  border-left-color: #0f766e;
}

.activity-worker-card--risk_watch,
.activity-worker-card--activity_without_progress,
.activity-worker-card--traceability_issue {
  border-left-color: #be123c;
}

.activity-worker-card--automation_heavy {
  border-left-color: #5b21b6;
}

.activity-worker-card__header,
.activity-evidence-card__top {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
}

.activity-worker-card h4,
.activity-evidence-card h4 {
  margin: 0;
  color: var(--text-strong);
  font-size: 0.95rem;
  line-height: 1.25;
}

.activity-worker-card p,
.activity-evidence-card p {
  margin: 2px 0 0;
  color: var(--text-muted);
  font-size: 0.8rem;
  line-height: 1.38;
}

.activity-worker-card__score {
  display: grid;
  justify-items: end;
  flex: 0 0 auto;
}

.activity-worker-card__score span {
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.activity-worker-card__score strong {
  color: var(--text-strong);
  font-size: 1.35rem;
  line-height: 1;
}

.activity-worker-card__status {
  display: grid;
  gap: 5px;
  padding-top: 8px;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.activity-worker-card__status .inline-badge {
  width: fit-content;
}

.activity-worker-card__metrics,
.activity-evidence-card__meta {
  display: grid;
  gap: 8px;
  margin: 0;
}

.activity-worker-card__metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.activity-worker-card__metrics div,
.activity-evidence-card__meta div {
  min-width: 0;
  padding: 8px;
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.9);
}

.activity-worker-card__metrics dt,
.activity-evidence-card__meta dt,
.activity-evidence-card__reason span {
  color: var(--text-soft);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.activity-worker-card__metrics dd,
.activity-evidence-card__meta dd {
  margin: 2px 0 0;
  overflow: hidden;
  color: var(--text-strong);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-evidence-list {
  display: grid;
  gap: 10px;
}

.activity-evidence-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-left: 4px solid var(--evidence-color, #64748b);
  border-radius: 8px;
  background: #ffffff;
}

.activity-evidence-card--risk,
.activity-evidence-card--critical {
  --evidence-color: #be123c;
}

.activity-evidence-card--traceability {
  --evidence-color: #b45309;
}

.activity-evidence-card--delivery {
  --evidence-color: #0f766e;
}

.activity-evidence-card--useful {
  --evidence-color: #1d4ed8;
}

.activity-evidence-card__top {
  align-items: center;
}

.activity-evidence-card__top > span:first-child {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.activity-evidence-card__top > strong {
  color: var(--text-strong);
  font-size: 0.78rem;
}

.activity-evidence-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.8fr);
  gap: 12px;
}

.activity-evidence-card__reason {
  min-width: 0;
  padding: 9px;
  border-radius: 7px;
  background: rgba(248, 250, 252, 0.9);
}

.activity-evidence-card__meta {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.activity-quality-list {
  display: grid;
  gap: 9px;
}

.activity-quality-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.activity-quality-row:first-child {
  border-top: 0;
}

.activity-quality-row strong {
  color: var(--text-strong);
}

.activity-quality-row p {
  margin: 2px 0 0;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.activity-quality-row span {
  color: var(--text-muted);
  font-size: 0.82rem;
}

.activity-quality-row b {
  color: #92400e;
  font-size: 0.84rem;
}

.activity-empty-state {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.45);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.74);
}

.activity-empty-state strong {
  color: var(--text-strong);
}

.activity-empty-state p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.84rem;
}

.activity-attention__grid > .activity-empty-state,
.activity-worker-score-grid > .activity-empty-state,
.activity-evidence-list > .activity-empty-state {
  grid-column: 1 / -1;
}

.inline-badge--risk {
  border-color: rgba(190, 18, 60, 0.18);
  background: rgba(190, 18, 60, 0.1);
  color: #9f1239;
}

.inline-badge--traceability {
  border-color: rgba(180, 83, 9, 0.2);
  background: rgba(180, 83, 9, 0.1);
  color: #92400e;
}

.inline-badge--delivery {
  border-color: rgba(15, 118, 110, 0.18);
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
}

.inline-badge--useful {
  border-color: rgba(29, 78, 216, 0.18);
  background: rgba(29, 78, 216, 0.1);
  color: #1d4ed8;
}

.activity-chart__axis-caption {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.activity-chart__insight {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.82);
  color: var(--text-muted);
  font-size: 0.82rem;
}

.activity-chart__insight strong {
  color: var(--text-strong);
}

.activity-chart__legend {
  display: grid;
  gap: 8px;
}

.activity-legend {
  align-content: start;
}

.activity-legend__item {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 7px 0;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.activity-legend__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.activity-legend__main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.activity-legend__swatch {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: var(--series-color, #1d4ed8);
  box-shadow: 0 0 0 3px var(--series-soft, rgba(29, 78, 216, 0.12));
}

.activity-legend__label {
  min-width: 0;
  color: var(--text-muted);
  font-size: 0.82rem;
  line-height: 1.25;
}

.activity-legend__main strong {
  color: var(--text-strong);
  font-size: 0.86rem;
}

.activity-chart__legend--compact {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.activity-chart__compact-item {
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 86px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 8px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.78);
  color: var(--text-muted);
  font-size: 0.76rem;
}

.activity-chart__compact-item strong {
  color: var(--text-strong);
}

.activity-chart__bars {
  display: grid;
  gap: 10px;
}

.activity-chart__row {
  display: grid;
  gap: 5px;
}

.activity-chart__label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.activity-chart__label span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-chart__label strong {
  color: var(--text-strong);
}

.activity-chart__meter {
  display: block;
  width: 100%;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  border: 0;
  background: rgba(226, 232, 240, 0.9);
}

.activity-chart__meter::-webkit-meter-bar {
  border: 0;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.9);
}

.activity-chart__meter::-webkit-meter-optimum-value {
  border-radius: 999px;
  background: var(--series-color, #1d4ed8);
}

.activity-chart__meter::-moz-meter-bar {
  border-radius: 999px;
  background: var(--series-color, #1d4ed8);
}

.activity-control__tables {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 12px;
  align-items: start;
}

.activity-event-list {
  display: grid;
  gap: 8px;
}

.activity-event-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid var(--border-subtle);
}

.activity-event-row:first-child {
  border-top: 0;
}

.activity-event-row p {
  margin: 3px 0;
  color: var(--text-muted);
}

.activity-event-row span {
  color: var(--text-soft);
  font-size: 0.78rem;
}

@media (max-width: 1180px) {
  .activity-control__metrics {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  }

  .activity-attention__grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }

  .activity-chart--donut,
  .activity-chart--role,
  .activity-chart--module,
  .activity-chart--outcome {
    grid-column: span 6;
  }

  .activity-chart--line,
  .activity-chart--workers,
  .activity-chart--wide {
    grid-column: span 12;
  }

  .activity-chart--funnel,
  .activity-chart--risk,
  .activity-chart--composition,
  .activity-chart--automation,
  .activity-chart--source {
    grid-column: span 6;
  }
}

@media (max-width: 980px) {
  .dashboard-enterprise__grid,
  .settings-console__layout,
  .settings-overview-grid,
  .activity-control__tables,
  .activity-control__tables--ops,
  .activity-reading,
  .activity-control__scope-row {
    grid-template-columns: 1fr;
  }

  .activity-filter-chips {
    justify-content: flex-start;
  }

  .activity-chart__visual--impact,
  .activity-source-split {
    grid-template-columns: 1fr;
  }

  .enterprise-rail {
    position: static;
  }
}

@media (max-width: 720px) {
  .enterprise-row,
  .settings-account-row__summary,
  .settings-invite-grid,
  .activity-control__filters {
    grid-template-columns: 1fr;
  }

  .settings-block-header {
    display: grid;
  }

  .activity-control__grid {
    grid-template-columns: 1fr;
  }

  .activity-control__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .activity-attention__grid {
    grid-template-columns: 1fr;
  }

  .activity-chart--donut,
  .activity-chart--role,
  .activity-chart--module,
  .activity-chart--outcome,
  .activity-chart--line,
  .activity-chart--wide,
  .activity-chart--funnel,
  .activity-chart--risk,
  .activity-chart--composition,
  .activity-chart--automation,
  .activity-chart--source {
    grid-column: auto;
  }

  .activity-chart--workers {
    grid-column: auto;
  }

  .activity-chart__visual--split {
    grid-template-columns: 1fr;
  }

  .activity-chart--workers .activity-chart__visual {
    grid-template-columns: 1fr;
  }

  .activity-control {
    gap: 10px;
  }

  .activity-control .workspace-panel,
  .activity-control .jira-panel {
    border-radius: 7px;
  }

  .activity-metric {
    min-height: 92px;
    padding: 10px;
  }

  .activity-metric strong {
    font-size: 1.18rem;
  }

  .activity-metric p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .activity-chart {
    min-height: auto;
    padding: 12px;
  }

  .activity-chart__header {
    gap: 8px;
    margin-bottom: 10px;
  }

  .activity-chart__stat {
    min-width: 58px;
    padding: 6px 7px;
  }

  .activity-line-chart--multi,
  .activity-bubble-chart {
    height: 150px;
  }

  .activity-worker-score-grid {
    grid-template-columns: 1fr;
  }

  .activity-worker-card__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .activity-evidence-card__body {
    grid-template-columns: 1fr;
  }

  .activity-evidence-card__meta {
    grid-template-columns: 1fr 1fr;
  }

  .enterprise-row__actions,
  .settings-account-row__actions,
  .compact-action-group {
    justify-content: flex-start;
  }
}

@media (max-width: 430px) {
  .activity-control__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .activity-metric {
    min-height: 86px;
  }

  .activity-filter-help,
  .activity-panel-copy,
  .activity-reading p:not(.workspace-panel__eyebrow) {
    font-size: 0.8rem;
  }

  .activity-worker-card__metrics,
  .activity-evidence-card__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .work-queue-row {
    grid-template-columns: 1fr;
  }

  .work-queue-row__actions {
    justify-content: flex-start;
  }
}

/* ==================================================================
   Activity — dense data console (light, hairline, tabular).
   One cohesive system scoped to .activity-control: flat panels,
   1px hairline grids, monospace data, tabular numbers, no shadows,
   no rounded "cards". Goal: reads like an analytics/observability
   tool, not stacked marketing cards.
   ================================================================== */

.activity-control.activity-control--ops {
  display: grid;
  gap: 12px;
}

/* Tabular figures everywhere numbers appear */
.activity-control strong,
.activity-control td,
.activity-control th,
.activity-control .activity-chart__stat strong,
.activity-control .activity-metric strong {
  font-variant-numeric: tabular-nums;
}

/* ---- Flat panels: hairline, near-square, zero shadow ---- */
.activity-control .workspace-panel,
.activity-control .activity-chart,
.activity-control .activity-reading,
.activity-control .activity-control__filters--ops {
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--surface);
  box-shadow: none;
  background-image: none;
}

.activity-control .workspace-panel,
.activity-control .activity-chart {
  padding: 12px 14px;
}

/* ---- Compact, divider-led panel headers ---- */
.activity-control .workspace-panel__header,
.activity-control .activity-chart__header {
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--border-subtle);
}

.activity-control .workspace-panel__eyebrow {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-soft);
}

.activity-control h3 {
  font-size: 0.86rem;
  font-weight: 650;
  letter-spacing: 0;
  color: var(--text-strong);
}

.activity-control h4 {
  font-size: 0.82rem;
  font-weight: 650;
}

.activity-control .activity-panel-copy {
  margin: 2px 0 10px;
  font-size: 0.76rem;
  line-height: 1.45;
  color: var(--text-soft);
}

/* ---- Page header: tighter title, quiet subtitle ---- */
.activity-control .view-header__title h2 {
  font-size: 1.25rem;
  letter-spacing: -0.01em;
}

.activity-control .view-header__copy {
  font-size: 0.8rem;
  color: var(--text-muted);
}

/* ---- Corner metric on chart panels (Grafana-like value) ---- */
.activity-control .activity-chart__stat {
  text-align: right;
}

.activity-control .activity-chart__stat span {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-soft);
}

.activity-control .activity-chart__stat strong {
  display: block;
  font-size: 1.05rem;
  font-weight: 650;
  color: var(--text-strong);
}

/* ---- Filter toolbar ---- */
.activity-control .activity-control__filters--ops {
  align-items: end;
  gap: 12px;
  padding: 12px 14px;
}

.activity-control .activity-filter-help {
  margin: 0;
  font-size: 0.7rem;
  color: var(--text-soft);
}

.activity-control .activity-control__scope-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 14px;
  padding: 8px 12px;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--surface-subtle);
}

.activity-control .activity-control__scope {
  padding: 0;
  border: 0;
  background: transparent;
}

.activity-control .activity-control__scope strong {
  font-size: 0.78rem;
}

.activity-control .activity-control__scope p {
  margin: 1px 0 0;
  font-size: 0.72rem;
  color: var(--text-soft);
}

/* ==========  KPI STRIP — single hairline grid of cells  ========== */
.activity-control .activity-control__metrics--ops {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1px;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--border-subtle);
  overflow: hidden;
}

@media (min-width: 1280px) {
  .activity-control .activity-control__metrics--ops {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
}

.activity-control .activity-metric {
  display: grid;
  align-content: start;
  gap: 3px;
  margin: 0;
  padding: 11px 13px;
  border: 0;
  border-radius: 0;
  background: var(--surface);
  box-shadow: none;
}

.activity-control .activity-metric::before {
  display: none;
}

.activity-control .activity-metric > span:first-child {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-soft);
}

.activity-control .activity-metric > span:first-child::before {
  content: "";
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--metric-color, #94a3b8);
}

.activity-control .activity-metric strong {
  font-size: 1.45rem;
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--text-strong);
}

.activity-control .activity-metric p {
  margin: 0;
  font-size: 0.68rem;
  line-height: 1.3;
  color: var(--text-soft);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.7em;
}

/* ==========  "Qué requiere atención" — alert stream  ========== */
.activity-control .activity-attention__grid {
  grid-template-columns: 1fr;
  gap: 0;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  overflow: hidden;
}

.activity-control .activity-insight {
  border: 0;
  border-top: 1px solid var(--border-subtle);
  border-left: 3px solid var(--insight-color, #94a3b8);
  border-radius: 0;
  padding: 9px 13px;
  gap: 3px;
  background: var(--surface);
}

.activity-control .activity-insight:first-child {
  border-top: 0;
}

.activity-control .activity-insight:hover {
  background: var(--surface-hover);
}

.activity-control .activity-insight h4 {
  font-size: 0.82rem;
}

.activity-control .activity-insight p {
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--text-soft);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.activity-control .activity-insight__meta {
  display: none;
}

.activity-control .activity-insight__action {
  margin-top: 2px;
  padding-top: 5px;
  font-size: 0.72rem;
}

.activity-control .activity-insight__action span {
  font-size: 0.58rem;
}

/* ----------  Reading / narrative: secondary annotation  ---------- */
.activity-control .activity-reading {
  padding: 12px 14px;
}

.activity-control .activity-reading p:not(.workspace-panel__eyebrow) {
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-muted);
}

/* ==========  LOG STREAM — terminal-style feed  ========== */
.activity-control .activity-log__count {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-soft);
  white-space: nowrap;
}

.activity-control .activity-log {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--surface);
  overflow: hidden;
}

.activity-control .activity-log__row {
  position: relative;
  display: grid;
  grid-template-columns: 3px 116px 132px minmax(0, 1fr);
  align-items: start;
  column-gap: 12px;
  padding: 8px 14px 9px 0;
  border-top: 1px solid var(--border-subtle);
  --sev: #94a3b8;
}

.activity-control .activity-log__row:first-child {
  border-top: 0;
}

.activity-control .activity-log__row:hover {
  background: var(--surface-hover);
}

.activity-control .activity-log__row--risk,
.activity-control .activity-log__row--critical {
  --sev: #dc2626;
}

.activity-control .activity-log__row--traceability {
  --sev: #d97706;
}

.activity-control .activity-log__row--delivery,
.activity-control .activity-log__row--useful,
.activity-control .activity-log__row--signal,
.activity-control .activity-log__row--mcp {
  --sev: #2563eb;
}

.activity-control .activity-log__sev {
  align-self: stretch;
  width: 3px;
  background: var(--sev);
}

.activity-control .activity-log__time {
  font-family: var(--font-mono);
  font-size: 0.73rem;
  line-height: 1.5;
  color: var(--text-soft);
  white-space: nowrap;
  padding-top: 1px;
}

.activity-control .activity-log__tags {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.activity-control .activity-log__sevtag {
  display: inline-flex;
  align-self: flex-start;
  padding: 0 6px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--sev) 13%, transparent);
  color: var(--sev);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.5;
}

.activity-control .activity-log__family {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  color: var(--text-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.activity-control .activity-log__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.activity-control .activity-log__event {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-strong);
  word-break: break-word;
}

.activity-control .activity-log__summary {
  color: var(--text);
  font-size: 0.8rem;
  line-height: 1.4;
}

.activity-control .activity-log__reason {
  color: var(--text-soft);
  font-size: 0.76rem;
  line-height: 1.4;
}

.activity-control .activity-log__reason::before {
  content: "\21B3  ";
  color: var(--text-soft);
}

.activity-control .activity-log__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
  margin-top: 2px;
}

.activity-control .activity-log__meta > span {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.activity-control .activity-log__meta b {
  margin-right: 4px;
  color: var(--text-soft);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.62rem;
  letter-spacing: 0.03em;
}

/* ----------  Data tables: tight, uppercase headers  ---------- */
.activity-control .data-table {
  font-size: 0.78rem;
}

.activity-control .data-table thead th {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-soft);
}

.activity-control .data-table td,
.activity-control .data-table th {
  padding-top: 7px;
  padding-bottom: 7px;
}

/* ----------  Worker / quality blocks: flat hairline  ---------- */
.activity-control .activity-worker-card,
.activity-control .activity-quality-row,
.activity-control .activity-worker-impact-row {
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--surface);
  box-shadow: none;
}

/* ----------  Consistent section grid gaps  ---------- */
.activity-control .activity-control__grid--ops,
.activity-control .activity-control__tables--ops {
  gap: 12px;
}

/* ----------  Responsive: log collapses cleanly  ---------- */
@media (max-width: 900px) {
  .activity-control .activity-log__row {
    grid-template-columns: 3px minmax(0, 1fr);
    row-gap: 5px;
    padding: 9px 13px 10px 0;
  }

  .activity-control .activity-log__time,
  .activity-control .activity-log__tags,
  .activity-control .activity-log__body {
    grid-column: 2;
  }

  .activity-control .activity-log__tags {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}
