/* Custom styles for Student Lookup 2A7 */

:root {
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --bg-main: #f8fafc;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background-color: var(--bg-main);
  color: #1e293b;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Print Styles */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 11pt !important;
  }

  .no-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .print-header {
    text-align: center;
    margin-bottom: 20px;
  }

  .print-title {
    font-size: 16pt;
    font-weight: bold;
    text-transform: uppercase;
  }

  .print-subtitle {
    font-size: 11pt;
    font-style: italic;
    margin-top: 4px;
  }

  table {
    width: 100% !important;
    border-collapse: collapse !important;
    page-break-inside: auto;
  }

  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }

  thead {
    display: table-header-group;
  }

  th, td {
    border: 1px solid #333 !important;
    padding: 6px 8px !important;
    font-size: 9pt !important;
  }

  th {
    background-color: #f2f2f2 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .card-view-container {
    display: none !important;
  }

  .table-view-container {
    display: block !important;
  }
}

.print-only {
  display: none;
}

/* Transitions */
.modal-overlay {
  transition: opacity 0.2s ease-out;
}
.modal-panel {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}

.student-row:hover {
  background-color: #f8fafc;
}

.badge-boy {
  background-color: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}

.badge-girl {
  background-color: #fdf2f8;
  color: #be185d;
  border: 1px solid #fbcfe8;
}