/* reports.css - styles specific to reports page */
/* TODO ''Misho''
    - repair signal boxes;
 */
/* map container already has inline height and border; additional styling can go here */
#reportsMap {
  border-radius: 12px;
  overflow: hidden;
}

.report-entry {
  color: #1a2b3c;
  background-color: var(--surface-card, #ffffff);
  border: 1px solid color-mix(in srgb, var(--glaucous), transparent 50%);
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Slight shadow */
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.report-entry:hover {
  transform: translateY(-4px); /* Hover pop-up effect */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); /* Stronger shadow on hover */
  border-color: var(--primary, #0A7EA4);
}

.report-entry h4 {
  color: #1a2b3c;
  font-weight: bold;
  margin-top: 0;
}

.report-image {
  max-width: 100%;
  max-height: 300px;
  border-radius: 12px;
  margin-top: 12px;
  object-fit: cover;
  border: 1px solid var(--border);
}