/* TL WHS — Custom CSS overrides
 * Tailwind (via CDN in base.html) handles the bulk of styling.
 * This file is for the small handful of things Tailwind alone doesn't cover.
 */

/* Print-friendly layout for document exports / record printouts */
@media print {
  header, footer, .no-print {
    display: none !important;
  }
  main {
    max-width: 100% !important;
    padding: 0 !important;
  }
  body {
    background: white !important;
  }
}

/* Subtle scrollbar styling for long tables */
.overflow-auto::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.overflow-auto::-webkit-scrollbar-thumb {
  background: #7499BE;
  border-radius: 4px;
}
.overflow-auto::-webkit-scrollbar-track {
  background: #F0F4F8;
}

/* Consistent focus ring using TL navy */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Neutralise Chrome autofill restyling so font-size and background stay consistent. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: inherit !important;
    font: inherit !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    transition: background-color 9999s ease-in-out 0s;
}