.health-notices {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
  padding: 14px 18px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(15, 42, 76, 0.05);
}

.health-notices[hidden] { display: none; }
.health-notices > div:first-child { display: grid; gap: 3px; }
.health-notices span { font-size: 12px; color: var(--muted); }
.health-notices.healthy { border-left: 4px solid #18a978; }
.health-notices.warning { border-left: 4px solid #e5a51a; background: #fffaf0; }
.health-actions { display: flex; gap: 8px; flex-shrink: 0; }

@media (max-width: 720px) {
  .health-notices { align-items: flex-start; flex-direction: column; }
}