.page { padding: 1rem; }
.recommendations-list { margin-top: 1rem; }
.recommendation-item {
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fafafa;
}
.recommendation-item .date { font-size: 0.875rem; color: #666; margin-bottom: 0.25rem; }
.recommendation-item .summary { margin-top: 0.5rem; }
.severity-pill {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.severity-pill.low { background: #e8f5e9; color: #2e7d32; }
.severity-pill.medium { background: #fff3e0; color: #e65100; }
.severity-pill.high { background: #ffebee; color: #c62828; }

/* Report cards — список отчётов с «Посмотреть / Скачать» */
.report-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 1rem 0;
}
@media (min-width: 480px) {
  .report-cards-grid { grid-template-columns: repeat(2, 1fr); }
}
.report-preview-card {
  padding: 1rem;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.report-preview-card h3 { margin: 0 0 0.35rem; font-size: 1rem; font-weight: 600; color: #1F2A37; }
.report-preview-meta { font-size: 0.75rem; color: #6B7280; margin-bottom: 0.5rem; }
.report-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.report-preview-actions .btn-primary { margin-top: 0; background: #2CB7A5; }
.report-preview-actions .btn-primary:hover { background: #259a8d; }
.report-preview-actions .btn-secondary { margin-top: 0; border-color: #E5E7EB; color: #1F2A37; }
.report-preview-actions .btn-secondary:hover { background: #E8F8F6; border-color: #2CB7A5; color: #2CB7A5; }

/* Expandable blocks — «Подробнее» / «Развернуть анализ» */
.dashboard-collapsible {
  border: 1px solid #E5E7EB;
  background: #FFFFFF;
  border-radius: 10px;
}
.dashboard-collapsible-summary:hover { background: #F6F9FC; }
.dashboard-collapsible[open] .dashboard-collapsible-summary { color: #2CB7A5; }
.dashboard-collapsible-body { border-top-color: #E5E7EB; }

/* Dark theme: карточки отчётов, рекомендации, раскрывающиеся блоки */
body.theme-dark .report-preview-card {
  background: rgba(30, 41, 59, 0.6);
  border-color: rgba(51, 65, 85, 0.8);
}
body.theme-dark .report-preview-card h3 { color: #f1f5f9; }
body.theme-dark .report-preview-meta { color: #94a3b8; }
body.theme-dark .report-preview-actions .btn-primary { background: #14b8a6; color: #0f172a; }
body.theme-dark .report-preview-actions .btn-secondary { border-color: rgba(45, 212, 191, 0.4); color: #2dd4bf; }
body.theme-dark .report-preview-actions .btn-secondary:hover { background: rgba(45, 212, 191, 0.2); }
body.theme-dark .recommendation-item {
  background: rgba(30, 41, 59, 0.5);
  border-color: rgba(51, 65, 85, 0.8);
  color: #e2e8f0;
}
body.theme-dark .dashboard-collapsible {
  background: rgba(30, 41, 59, 0.5);
  border-color: rgba(51, 65, 85, 0.8);
}
body.theme-dark .dashboard-collapsible-summary { color: #e2e8f0; }
body.theme-dark .dashboard-collapsible-summary:hover { background: rgba(45, 212, 191, 0.08); }
body.theme-dark .dashboard-collapsible[open] .dashboard-collapsible-summary { color: #2dd4bf; }
body.theme-dark .dashboard-collapsible-body { border-top-color: rgba(51, 65, 85, 0.6); color: #94a3b8; }