/* 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; } }