File size: 2,610 Bytes
bab7e89 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 | /* 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;
}
} |