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