/* Reports page specific styles */

/* Five-column stat grid (for row of 5 stat cards) */
.stat-grid--five {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .stat-grid--five {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .stat-grid--five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.section-card--no-body .section-card-body {
  display: none;
}

.report-actions-left {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.report-details-cell {
  margin: 0;
  max-width: 240px;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: inherit;
  font-size: 12px;
  color: #6b7280;
}

.error-text {
  color: #dc2626;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 12px;
  background: rgba(239, 68, 68, 0.08);
  border-radius: 8px;
  margin: 12px 0;
}

.hint {
  color: #6b7280;
  font-size: 12px;
  font-style: italic;
  margin: 12px 0;
}

/* Responsive */
@media (max-width: 768px) {
  #reports-page .section-header-actions {
    flex-wrap: wrap;
  }

  #reports-page .header-toolbar-actions {
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-start;
  }

  #reports-page .filter-inline {
    flex: 1 1 calc(50% - 8px);
    min-width: 130px;
  }
}

@media (max-width: 480px) {
  #reports-page .filter-inline {
    flex: 1 1 100%;
    min-width: 0;
  }
}


