/* Keep dashboard/card surfaces neutral in both themes.
   Brand orange/purple stays on actions, text accents, badges and controls — not container borders. */

body.aap-dashboard #war-room,
body.aap-dashboard .sprint-card,
body.aap-dashboard .dashboard-panel-section,
body.aap-dashboard .dashboard-quick-actions,
body.aap-dashboard .stat-card,
body.aap-dashboard .dashboard-action-card,
body.aap-dashboard .dashboard-action-card.quick-action-btn-primary,
body.aap-dashboard .dashboard-action-card.quick-action-btn-secondary {
  border: 1px solid var(--border-default) !important;
  border-left: 1px solid var(--border-default) !important;
}

html.dark body.aap-dashboard #war-room,
html.dark body.aap-dashboard .sprint-card,
html.dark body.aap-dashboard .dashboard-panel-section,
html.dark body.aap-dashboard .dashboard-quick-actions,
html.dark body.aap-dashboard .stat-card,
html.dark body.aap-dashboard .dashboard-action-card,
html.dark body.aap-dashboard .dashboard-action-card.quick-action-btn-primary,
html.dark body.aap-dashboard .dashboard-action-card.quick-action-btn-secondary {
  border-color: var(--border-default) !important;
  border-left-color: var(--border-default) !important;
}

/* Remove the brand-colored vertical stripe from Quick Action cards. */
body.aap-dashboard .dashboard-action-card::before {
  display: none !important;
}

/* Hover may strengthen the neutral border, but should not turn orange/purple. */
body.aap-dashboard .dashboard-action-card:hover,
body.aap-dashboard #open-audit-drawer.dashboard-action-card {
  border-color: var(--border-strong) !important;
  border-left-color: var(--border-strong) !important;
}

html.dark body.aap-dashboard .dashboard-action-card:hover,
html.dark body.aap-dashboard #open-audit-drawer.dashboard-action-card {
  border-color: var(--border-strong) !important;
  border-left-color: var(--border-strong) !important;
}

/* Dark dashboard surface hierarchy mirrors the light theme:
   every major section uses one consistent outer surface, while the cards
   inside those sections use one consistent elevated surface. */
html.dark body.aap-dashboard #war-room,
html.dark body.aap-dashboard .dashboard-quick-actions,
html.dark body.aap-dashboard #action-items,
html.dark body.aap-dashboard #pipeline-overview,
html.dark body.aap-dashboard #performance-charts,
html.dark body.aap-dashboard #insights,
html.dark body.aap-dashboard .dashboard-panel-section {
  background: var(--bg-surface) !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

/* Do not give the sprint card a different dark surface or glow. */
html.dark body.aap-dashboard #war-room::before,
html.dark body.aap-dashboard .sprint-card::before {
  display: none !important;
}

html.dark body.aap-dashboard #war-room .sprint-card-bg {
  background: transparent !important;
}

/* Uniform inner-card surface across dashboard sections. */
html.dark body.aap-dashboard .stat-card,
html.dark body.aap-dashboard .dashboard-action-card,
html.dark body.aap-dashboard #action-items > .grid > article,
html.dark body.aap-dashboard #pipeline-stages > article,
html.dark body.aap-dashboard #performance-charts > .grid > article,
html.dark body.aap-dashboard #insight-cards > article,
html.dark body.aap-dashboard #activity-section > article {
  background: var(--bg-elevated) !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

/* Keep nested informational blocks visually subordinate and consistent. */
html.dark body.aap-dashboard #action-items .empty-state-message,
html.dark body.aap-dashboard #pipeline-overview .rounded-xl,
html.dark body.aap-dashboard #activity-section .rounded-xl {
  border-color: var(--border-subtle) !important;
}