@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body {
  font-family: 'Inter', sans-serif;
  background-color: #f4f7fa;
}

.metric-card {
  transition: transform 0.2s, box-shadow 0.2s;
}

.metric-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.report-list-item.active {
  background: #dbeafe;
  border-color: #2563eb;
}

@media print {
  @page {
    margin: 1cm;
    size: auto;
  }

  .no-print,
  #event-modal,
  #message-box,
  #login-panel,
  #top-actions,
  section.no-print {
    display: none !important;
  }

  body {
    background: white !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .max-w-7xl {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  header,
  .metric-card,
  .summary-card {
    background: white !important;
    box-shadow: none !important;
    border: 1px solid #eee !important;
  }

  #report-view {
    margin-top: 0 !important;
  }

  #events-container-print {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: start;
  }

  .date-header {
    grid-column: 1 / -1;
    break-after: avoid;
    page-break-after: avoid;
    margin-top: 1.2rem !important;
    border-bottom: 2px solid #ccc !important;
  }

  .metric-card,
  .summary-card,
  .break-inside-avoid {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .bg-blue-600,
  .bg-purple-600 {
    color: white !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}