/* Project summary: readable surfaces and explicit state colors in both themes. */
#projectStatusSummary { margin-top: 16px; }
#projectStatusSummary[hidden] { display: none !important; }
#dashboard .hero.project-status-hero {
  background: var(--ui-surface) !important;
  color: var(--ui-text);
  border: 1px solid var(--ui-border-strong);
  box-shadow: var(--shadow);
}
#dashboard .project-status-hero h2 { color: var(--ui-text); overflow-wrap: anywhere; }
#dashboard .project-status-hero p { color: var(--ui-text-secondary); }
#dashboard .project-status-hero p.overline { color: var(--ui-text-secondary); }
#dashboard .project-status-hero .project-health { gap: 10px; }
#dashboard .project-status-hero .chip {
  display: block;
  padding: 10px 12px;
  border-radius: 6px;
  background: var(--ui-surface-subtle);
  color: var(--ui-text);
  border: 1px solid var(--ui-border-strong);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}
#dashboard .project-status-hero .chip.good { background: #e8f6ee; color: #16633b; border-color: #9ecbb0; }
#dashboard .project-status-hero .chip.warn { background: #fff3dc; color: #805000; border-color: #ddbf81; }
#dashboard .project-status-hero .chip.bad { background: #fdeaea; color: #a32626; border-color: #e6aaaa; }
html[data-theme=dark] #dashboard .project-status-hero .chip.good { background: #173b29; color: #91e4b6; border-color: #397e56; }
html[data-theme=dark] #dashboard .project-status-hero .chip.warn { background: #44341c; color: #ffcf80; border-color: #927044; }
html[data-theme=dark] #dashboard .project-status-hero .chip.bad { background: #492526; color: #ffb5b5; border-color: #a55b5b; }
@media(max-width:600px) {
  #dashboard .project-status-hero .project-health { grid-template-columns: minmax(0,1fr); }
  #dashboard .project-status-hero .chip { text-align: left; }
}