/* Keep the top-level Tasks and Logs metrics visually identical as users switch
   between those workspaces. Page-specific colours and progress rings remain. */
body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card {
  min-height: 112px !important;
  padding: 20px 22px 18px 28px !important;
  border-radius: 10px !important;
}

body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card {
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 16px !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card {
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  gap: 16px !important;
}

body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card::before,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card::before {
  width: 5px !important;
  border-radius: 0 !important;
}

body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card.green::before,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.green::before {
  background: #07812f !important;
}

body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-icon,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-icon svg,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon svg {
  width: 32px !important;
  height: 32px !important;
  stroke-width: 2.2 !important;
}

@media (max-width: 760px) {
  body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card,
  body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card {
    min-height: 92px !important;
    padding: 14px 14px 14px 18px !important;
    gap: 10px !important;
  }

  body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-card,
  body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-icon,
  body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  body.is-authenticated[data-active-view="workflow"] #workflowView.active .task-metric-icon svg,
  body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon svg {
    width: 24px !important;
    height: 24px !important;
  }
}