/* Reports Section Styles */
.reports-section .report-item {
  transition: all 0.2s ease-in-out;
}

.reports-section .report-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.reports-section .report-link {
  text-decoration: none;
}

.reports-section .report-name {
  transition: color 0.2s ease-in-out;
}

.reports-section .report-item:hover .report-name {
  color: #2563eb; /* blue-600 */
}

/* Анімація для іконки завантаження */
.reports-section .report-item:hover svg {
  animation: downloadBounce 0.6s ease-in-out;
}

@keyframes downloadBounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .reports-section .report-item {
    margin-bottom: 0.5rem;
  }

  .reports-section .report-name {
    font-size: 1rem;
  }
}

/* Print styles */
@media print {
  .reports-section .report-item {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #e5e7eb;
  }

  .reports-section .report-link::after {
    content: " (" attr(href) ")";
    font-size: 0.8rem;
    color: #6b7280;
  }
}

/* Focus styles for accessibility */
.reports-section .report-link:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

.reports-section .report-link:focus .report-name {
  color: #1d4ed8; /* blue-700 */
}

/* Dark mode support (if needed in future) - можна розкоментувати при потребі */
/*
@media (prefers-color-scheme: dark) {
    .reports-section {
        background-color: #1f2937;
    }
}
*/