src/index.css

/* URL IMPORTS (SUCH AS FONT IMPORTS) SHOULD BE KEPT ABOVE TAILWIND IMPORTS - DO NOT DELETE THIS COMMENT */

/* PLEASE NOTE: THESE TAILWIND IMPORTS SHOULD NEVER BE DELETED - DO NOT DELETE THIS COMMENT */
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
/* DO NOT DELETE THESE TAILWIND IMPORTS, OTHERWISE THE STYLING WILL NOT RENDER AT ALL - DO NOT DELETE THIS COMMENT */

/* Tablet Landscape Responsive Styles */
html {
  font-size: clamp(12px, 2vw, 16px);
}

body {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

input, textarea, select, button {
  -webkit-user-select: text;
  user-select: text;
}

/* Tablet landscape optimization */
@media (min-width: 768px) and (orientation: landscape) {
  body {
    font-size: 14px;
  }
  
  html {
    font-size: 14px;
  }
}

/* Optimize for iPad landscape */
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
  body {
    font-size: 15px;
  }
}

/* Custom scrollbar for modern look */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #05998c, #047569);
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #047569, #036356);
}
/* Print Styles for Report Page */
@media print {
  body {
    margin: 0;
    padding: 0;
    background: white;
  }

  /* Hide non-printable elements */
  .no-print {
    display: none !important;
  }

  /* Page break rules */
  .page-break-after {
    page-break-after: auto;
  }

  /* Optimize for printing */
  .print-container {
    width: 100%;
    max-width: 210mm;
    margin: 0 auto;
    padding: 20mm;
    background: white;
    box-shadow: none;
  }

  /* Print friendly spacing */
  .print-section {
    page-break-inside: avoid;
    margin-bottom: 0.5cm;
  }

  /* Image sizing for print */
  .print-image {
    max-width: 100%;
    height: auto;
    page-break-inside: avoid;
  }

  /* Remove shadows and borders for print */
  .shadow-lg, .shadow-md, .shadow-sm {
    box-shadow: none !important;
  }

  /* Adjust colors for print */
  .bg-gradient-to-br {
    background: linear-gradient(135deg, #f8f9fa 0%, #f0f4f8 100%) !important;
  }

  /* Font optimization */
  body {
    font-size: 10pt;
    line-height: 1.4;
  }

  h1 {
    font-size: 18pt;
    margin: 0.2cm 0;
  }

  h3 {
    font-size: 12pt;
    margin: 0.15cm 0;
  }

  p {
    margin: 0.1cm 0;
  }
}