@djb25/digit-ui-css 1.0.86 → 1.0.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/CardBasedOptions.scss +1 -1
- package/src/components/CitizenHomeCard.scss +6 -6
- package/src/components/EkycAssign.scss +5 -5
- package/src/components/FAQ.scss +2 -2
- package/src/components/SearchForm.scss +25 -25
- package/src/components/SurveyorDetailsDashboard.scss +29 -29
- package/src/components/TimeLine.scss +2 -2
- package/src/components/VerticalTimeline.scss +3 -3
- package/src/components/WorkflowTimeline.scss +5 -5
- package/src/components/accessibility.scss +177 -0
- package/src/components/body.scss +16 -16
- package/src/components/buttons.scss +3 -3
- package/src/components/card.scss +10 -10
- package/src/components/checkbox.scss +1 -1
- package/src/components/filters.scss +1 -1
- package/src/components/financeUi.scss +25 -25
- package/src/components/howItWorks.scss +4 -4
- package/src/components/inboxv2/InboxLinks.scss +2 -2
- package/src/components/inboxv2/horizontalNav.scss +1 -1
- package/src/components/inboxv2/inboxSearch.scss +2 -2
- package/src/components/landingpage.scss +156 -156
- package/src/components/languageSelector.scss +1 -1
- package/src/components/moduleHeader.scss +4 -4
- package/src/components/multiSelectDropdown.scss +1 -1
- package/src/components/navbar.scss +3 -3
- package/src/components/plusMinus.scss +1 -1
- package/src/components/reportDownload.scss +6 -6
- package/src/components/selectdropdown.scss +45 -6
- package/src/components/staticDynamicMessages.scss +5 -5
- package/src/components/staticSideBar.scss +2 -2
- package/src/components/summary.scss +4 -4
- package/src/components/table.scss +15 -15
- package/src/components/tag.scss +1 -1
- package/src/components/textfields.scss +46 -7
- package/src/components/topbar.scss +19 -17
- package/src/components/uploadcomponents.scss +1 -1
- package/src/digitv2/components/breadCrumbV2.scss +1 -1
- package/src/digitv2/components/selectdropdownV2.scss +4 -2
- package/src/digitv2/components/tagV2.scss +1 -1
- package/src/digitv2/components/textInputV2.scss +8 -4
- package/src/digitv2/pages/employee/workbench.scss +4 -4
- package/src/index.scss +8 -7
- package/src/pages/citizen/DocumentList.scss +11 -11
- package/src/pages/citizen/HomePageWrapper.scss +7 -7
- package/src/pages/citizen/Register.scss +36 -36
- package/src/pages/citizen/ekycStatus.scss +6 -6
- package/src/pages/employee/EmployeeModuleCard.scss +4 -4
- package/src/pages/employee/container.scss +1 -1
- package/src/pages/employee/dashboard.scss +16 -16
- package/src/pages/employee/dss.scss +11 -11
- package/src/pages/employee/ekyc.scss +51 -51
- package/src/pages/employee/ekycDashboard.scss +38 -38
- package/src/pages/employee/inbox.scss +8 -8
- package/src/pages/employee/index.scss +32 -32
- package/src/pages/employee/login.scss +9 -9
- package/src/pages/employee/scroll-table.scss +1 -1
- package/src/pages/employee/surveys.scss +1 -1
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.dashboard-label {
|
|
23
|
-
font-size:
|
|
23
|
+
font-size: 0.75rem;
|
|
24
24
|
font-weight: 700;
|
|
25
25
|
text-transform: uppercase;
|
|
26
26
|
letter-spacing: 0.18em;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
.dashboard-header h1 {
|
|
32
32
|
margin: 0;
|
|
33
|
-
font-size:
|
|
33
|
+
font-size: 2.875rem;
|
|
34
34
|
font-weight: 800;
|
|
35
35
|
color: #0f172a;
|
|
36
36
|
line-height: 1;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
color: #64748b;
|
|
42
42
|
max-width: 720px;
|
|
43
43
|
line-height: 1.7;
|
|
44
|
-
font-size:
|
|
44
|
+
font-size: 0.9375rem;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
/* ================= BUTTONS ================= */
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
border-radius: 20px;
|
|
150
150
|
display: grid;
|
|
151
151
|
place-items: center;
|
|
152
|
-
font-size:
|
|
152
|
+
font-size: 1.5rem;
|
|
153
153
|
flex-shrink: 0;
|
|
154
154
|
}
|
|
155
155
|
|
|
@@ -183,14 +183,14 @@
|
|
|
183
183
|
.kpi-title {
|
|
184
184
|
margin: 0 0 8px;
|
|
185
185
|
color: #64748b;
|
|
186
|
-
font-size:
|
|
186
|
+
font-size: 0.8125rem;
|
|
187
187
|
font-weight: 600;
|
|
188
188
|
letter-spacing: 0.03em;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
.kpi-card h2 {
|
|
192
192
|
margin: 0;
|
|
193
|
-
font-size:
|
|
193
|
+
font-size: 2.125rem;
|
|
194
194
|
font-weight: 800;
|
|
195
195
|
color: #0f172a;
|
|
196
196
|
}
|
|
@@ -237,7 +237,7 @@ section p {
|
|
|
237
237
|
background: transparent;
|
|
238
238
|
width: 100%;
|
|
239
239
|
color: #0f172a;
|
|
240
|
-
font-size:
|
|
240
|
+
font-size: 0.875rem;
|
|
241
241
|
}
|
|
242
242
|
|
|
243
243
|
/* ================= FILTER PILLS ================= */
|
|
@@ -292,20 +292,20 @@ section p {
|
|
|
292
292
|
border-radius: 999px;
|
|
293
293
|
background: #eff6ff;
|
|
294
294
|
color: #2563eb;
|
|
295
|
-
font-size:
|
|
295
|
+
font-size: 0.75rem;
|
|
296
296
|
font-weight: 700;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
.vendor-card h3 {
|
|
300
300
|
margin: 14px 0 4px;
|
|
301
|
-
font-size:
|
|
301
|
+
font-size: 2.375rem;
|
|
302
302
|
font-weight: 800;
|
|
303
303
|
color: #0f172a;
|
|
304
304
|
}
|
|
305
305
|
|
|
306
306
|
.vendor-subtitle {
|
|
307
307
|
color: #64748b;
|
|
308
|
-
font-size:
|
|
308
|
+
font-size: 0.875rem;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
311
|
.progress-bar {
|
|
@@ -338,13 +338,13 @@ section p {
|
|
|
338
338
|
|
|
339
339
|
.vendor-stats-grid strong {
|
|
340
340
|
display: block;
|
|
341
|
-
font-size:
|
|
341
|
+
font-size: 1.375rem;
|
|
342
342
|
color: #0f172a;
|
|
343
343
|
}
|
|
344
344
|
|
|
345
345
|
.vendor-stats-grid span {
|
|
346
346
|
color: #64748b;
|
|
347
|
-
font-size:
|
|
347
|
+
font-size: 0.8125rem;
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
/* ================= ANALYTICS ================= */
|
|
@@ -389,7 +389,7 @@ section p {
|
|
|
389
389
|
.table-wrapper th {
|
|
390
390
|
padding: 18px;
|
|
391
391
|
text-align: left;
|
|
392
|
-
font-size:
|
|
392
|
+
font-size: 0.75rem;
|
|
393
393
|
color: #64748b;
|
|
394
394
|
text-transform: uppercase;
|
|
395
395
|
letter-spacing: 0.08em;
|
|
@@ -411,7 +411,7 @@ section p {
|
|
|
411
411
|
.status-badge {
|
|
412
412
|
padding: 8px 14px;
|
|
413
413
|
border-radius: 999px;
|
|
414
|
-
font-size:
|
|
414
|
+
font-size: 0.75rem;
|
|
415
415
|
font-weight: 700;
|
|
416
416
|
}
|
|
417
417
|
|
|
@@ -462,12 +462,12 @@ section p {
|
|
|
462
462
|
}
|
|
463
463
|
|
|
464
464
|
.dashboard-header h1 {
|
|
465
|
-
font-size:
|
|
465
|
+
font-size: 2.375rem;
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
468
|
|
|
469
469
|
@media (max-width: 640px) {
|
|
470
470
|
.dashboard-header h1 {
|
|
471
|
-
font-size:
|
|
471
|
+
font-size: 1.875rem;
|
|
472
472
|
}
|
|
473
473
|
}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
.dss-header-label {
|
|
16
16
|
font-weight: 600 !important;
|
|
17
|
-
font-size:
|
|
17
|
+
font-size: 1.375rem !important;
|
|
18
18
|
white-space: pre-line;
|
|
19
19
|
}
|
|
20
20
|
.dss-switch-tab-wrapper {
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
font-family: Roboto;
|
|
32
32
|
font-style: normal;
|
|
33
33
|
font-weight: 500;
|
|
34
|
-
font-size:
|
|
34
|
+
font-size: 1.375rem;
|
|
35
35
|
color: theme(colors.primary.main);
|
|
36
36
|
padding: 7px 24px;
|
|
37
37
|
}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
font-family: Roboto;
|
|
40
40
|
font-style: normal;
|
|
41
41
|
font-weight: 500;
|
|
42
|
-
font-size:
|
|
42
|
+
font-size: 1.375rem;
|
|
43
43
|
color: theme(colors.text.secondary);
|
|
44
44
|
padding: 8px 24px;
|
|
45
45
|
}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
.dss-table-subheader {
|
|
48
48
|
position: relative;
|
|
49
49
|
top: -7px;
|
|
50
|
-
font-size:
|
|
50
|
+
font-size: 0.8125rem;
|
|
51
51
|
font-weight: 400;
|
|
52
52
|
color: rgba(80, 90, 95, 1);
|
|
53
53
|
}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
.dss-pie-subheader {
|
|
56
56
|
position: relative;
|
|
57
57
|
top: -7px;
|
|
58
|
-
font-size:
|
|
58
|
+
font-size: 0.8125rem;
|
|
59
59
|
font-weight: 400;
|
|
60
60
|
color: rgba(80, 90, 95, 1);
|
|
61
61
|
}
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
align-items: center;
|
|
134
134
|
|
|
135
135
|
p {
|
|
136
|
-
font-size:
|
|
136
|
+
font-size: 1.5rem;
|
|
137
137
|
font-family: "Roboto", sans-serif;
|
|
138
138
|
font-weight: 500;
|
|
139
139
|
color: theme(colors.black);
|
|
@@ -153,17 +153,17 @@
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
.p1 {
|
|
156
|
-
font-size:
|
|
156
|
+
font-size: 1rem;
|
|
157
157
|
color: #585858;
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
.p3 {
|
|
161
|
-
font-size:
|
|
161
|
+
font-size: 1rem;
|
|
162
162
|
font-weight: 400;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
.p2 {
|
|
166
|
-
font-size:
|
|
166
|
+
font-size: 1.5rem;
|
|
167
167
|
font-weight: 500;
|
|
168
168
|
color: theme(colors.black);
|
|
169
169
|
}
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
}
|
|
204
204
|
.tab-header {
|
|
205
205
|
font-weight: 700;
|
|
206
|
-
font-size:
|
|
206
|
+
font-size: 1rem;
|
|
207
207
|
line-height: 19px;
|
|
208
208
|
border-bottom: 1px solid #b1b4b6;
|
|
209
209
|
color: #2a3340;
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
.map-text {
|
|
228
228
|
margin-left: 5px;
|
|
229
229
|
color: #636363;
|
|
230
|
-
font-size:
|
|
230
|
+
font-size: 0.875rem;
|
|
231
231
|
}
|
|
232
232
|
|
|
233
233
|
@media screen and (max-width: 768px) {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
z-index: 1;
|
|
74
74
|
|
|
75
75
|
.total-count {
|
|
76
|
-
font-size:
|
|
76
|
+
font-size: 1.125rem;
|
|
77
77
|
font-weight: 800;
|
|
78
78
|
color: #101828;
|
|
79
79
|
line-height: 1.1;
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
.total-label {
|
|
84
|
-
font-size:
|
|
84
|
+
font-size: 0.5rem;
|
|
85
85
|
font-weight: 700;
|
|
86
86
|
color: #667085;
|
|
87
87
|
text-transform: uppercase;
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
gap: 2px;
|
|
146
146
|
|
|
147
147
|
.count {
|
|
148
|
-
font-size:
|
|
148
|
+
font-size: 1.5rem;
|
|
149
149
|
font-weight: 800;
|
|
150
150
|
color: #101828;
|
|
151
151
|
line-height: 1.2;
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
.label {
|
|
164
|
-
font-size:
|
|
164
|
+
font-size: 0.8125rem;
|
|
165
165
|
font-weight: 600;
|
|
166
166
|
color: #475467;
|
|
167
167
|
text-transform: uppercase;
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
label {
|
|
212
212
|
margin-bottom: 0 !important;
|
|
213
213
|
margin-top: 20px !important;
|
|
214
|
-
font-size:
|
|
214
|
+
font-size: 1rem !important;
|
|
215
215
|
font-weight: 600 !important;
|
|
216
216
|
color: #344054 !important;
|
|
217
217
|
}
|
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
.ekyc-status-tag {
|
|
260
260
|
padding: 6px 12px;
|
|
261
261
|
border-radius: 20px;
|
|
262
|
-
font-size:
|
|
262
|
+
font-size: 0.75rem;
|
|
263
263
|
font-weight: 600;
|
|
264
264
|
text-transform: uppercase;
|
|
265
265
|
|
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
|
|
296
296
|
.ekyc-table-cell {
|
|
297
297
|
padding: 20px 18px;
|
|
298
|
-
font-size:
|
|
298
|
+
font-size: 1rem;
|
|
299
299
|
}
|
|
300
300
|
|
|
301
301
|
/* SearchConsumer Styles */
|
|
@@ -326,7 +326,7 @@
|
|
|
326
326
|
|
|
327
327
|
.title-text {
|
|
328
328
|
font-weight: 700;
|
|
329
|
-
font-size:
|
|
329
|
+
font-size: 1.125rem;
|
|
330
330
|
color: #0b0c0c;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
@@ -368,7 +368,7 @@
|
|
|
368
368
|
|
|
369
369
|
.lookup-title-text {
|
|
370
370
|
font-weight: 700;
|
|
371
|
-
font-size:
|
|
371
|
+
font-size: 1rem;
|
|
372
372
|
color: #0d1b2a;
|
|
373
373
|
}
|
|
374
374
|
}
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
|
|
386
386
|
label {
|
|
387
387
|
display: flex;
|
|
388
|
-
font-size:
|
|
388
|
+
font-size: 0.6875rem;
|
|
389
389
|
font-weight: 600;
|
|
390
390
|
letter-spacing: 0.06em;
|
|
391
391
|
color: #3a7bd5;
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
border-radius: 50%;
|
|
401
401
|
background: #eef4fb;
|
|
402
402
|
color: #3a7bd5;
|
|
403
|
-
font-size:
|
|
403
|
+
font-size: 0.625rem;
|
|
404
404
|
display: inline-flex;
|
|
405
405
|
align-items: center;
|
|
406
406
|
justify-content: center;
|
|
@@ -411,7 +411,7 @@
|
|
|
411
411
|
input {
|
|
412
412
|
border-radius: 8px !important;
|
|
413
413
|
height: 44px !important;
|
|
414
|
-
font-size:
|
|
414
|
+
font-size: 0.875rem !important;
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
417
|
}
|
|
@@ -428,7 +428,7 @@
|
|
|
428
428
|
color: #3a7bd5;
|
|
429
429
|
font-weight: 600;
|
|
430
430
|
cursor: pointer;
|
|
431
|
-
font-size:
|
|
431
|
+
font-size: 0.875rem;
|
|
432
432
|
padding: 0 8px;
|
|
433
433
|
}
|
|
434
434
|
|
|
@@ -440,7 +440,7 @@
|
|
|
440
440
|
padding: 0 32px;
|
|
441
441
|
height: 44px;
|
|
442
442
|
font-weight: 600;
|
|
443
|
-
font-size:
|
|
443
|
+
font-size: 0.875rem;
|
|
444
444
|
cursor: pointer;
|
|
445
445
|
letter-spacing: 0.01em;
|
|
446
446
|
}
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
overflow: hidden;
|
|
465
465
|
|
|
466
466
|
.audits-label {
|
|
467
|
-
font-size:
|
|
467
|
+
font-size: 0.6875rem;
|
|
468
468
|
font-weight: 600;
|
|
469
469
|
letter-spacing: 0.08em;
|
|
470
470
|
opacity: 0.7;
|
|
@@ -473,14 +473,14 @@
|
|
|
473
473
|
}
|
|
474
474
|
|
|
475
475
|
.audits-count {
|
|
476
|
-
font-size:
|
|
476
|
+
font-size: 2.625rem;
|
|
477
477
|
font-weight: 700;
|
|
478
478
|
line-height: 1;
|
|
479
479
|
margin-bottom: 8px;
|
|
480
480
|
}
|
|
481
481
|
|
|
482
482
|
.audits-change {
|
|
483
|
-
font-size:
|
|
483
|
+
font-size: 0.8125rem;
|
|
484
484
|
opacity: 0.8;
|
|
485
485
|
display: flex;
|
|
486
486
|
align-items: center;
|
|
@@ -496,7 +496,7 @@
|
|
|
496
496
|
right: -10px;
|
|
497
497
|
bottom: -10px;
|
|
498
498
|
opacity: 0.08;
|
|
499
|
-
font-size:
|
|
499
|
+
font-size: 5rem;
|
|
500
500
|
line-height: 1;
|
|
501
501
|
pointer-events: none;
|
|
502
502
|
font-weight: 900;
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
flex: 1;
|
|
513
513
|
|
|
514
514
|
.queue-label {
|
|
515
|
-
font-size:
|
|
515
|
+
font-size: 0.6875rem;
|
|
516
516
|
font-weight: 600;
|
|
517
517
|
letter-spacing: 0.08em;
|
|
518
518
|
color: #6b7b8e;
|
|
@@ -526,7 +526,7 @@
|
|
|
526
526
|
justify-content: space-between;
|
|
527
527
|
|
|
528
528
|
.queue-status-text {
|
|
529
|
-
font-size:
|
|
529
|
+
font-size: 1.375rem;
|
|
530
530
|
font-weight: 700;
|
|
531
531
|
color: #0d1b2a;
|
|
532
532
|
}
|
|
@@ -544,7 +544,7 @@
|
|
|
544
544
|
display: flex;
|
|
545
545
|
align-items: center;
|
|
546
546
|
justify-content: center;
|
|
547
|
-
font-size:
|
|
547
|
+
font-size: 0.6875rem;
|
|
548
548
|
font-weight: 600;
|
|
549
549
|
color: #0f3460;
|
|
550
550
|
|
|
@@ -563,7 +563,7 @@
|
|
|
563
563
|
display: flex;
|
|
564
564
|
align-items: center;
|
|
565
565
|
justify-content: center;
|
|
566
|
-
font-size:
|
|
566
|
+
font-size: 0.6875rem;
|
|
567
567
|
font-weight: 600;
|
|
568
568
|
color: #6b7b8e;
|
|
569
569
|
}
|
|
@@ -606,14 +606,14 @@
|
|
|
606
606
|
|
|
607
607
|
.header-title-text {
|
|
608
608
|
font-weight: 700;
|
|
609
|
-
font-size:
|
|
609
|
+
font-size: 1rem;
|
|
610
610
|
color: #0d1b2a;
|
|
611
611
|
}
|
|
612
612
|
}
|
|
613
613
|
|
|
614
614
|
.status-badge {
|
|
615
615
|
color: #fff;
|
|
616
|
-
font-size:
|
|
616
|
+
font-size: 0.6875rem;
|
|
617
617
|
font-weight: 700;
|
|
618
618
|
letter-spacing: 0.06em;
|
|
619
619
|
text-transform: uppercase;
|
|
@@ -643,7 +643,7 @@
|
|
|
643
643
|
min-width: 280px;
|
|
644
644
|
|
|
645
645
|
.section-title {
|
|
646
|
-
font-size:
|
|
646
|
+
font-size: 0.6875rem;
|
|
647
647
|
font-weight: 700;
|
|
648
648
|
letter-spacing: 0.08em;
|
|
649
649
|
color: #3a7bd5;
|
|
@@ -658,13 +658,13 @@
|
|
|
658
658
|
|
|
659
659
|
.data-item {
|
|
660
660
|
.data-label {
|
|
661
|
-
font-size:
|
|
661
|
+
font-size: 0.75rem;
|
|
662
662
|
color: #6b7b8e;
|
|
663
663
|
margin-bottom: 4px;
|
|
664
664
|
}
|
|
665
665
|
|
|
666
666
|
.data-value {
|
|
667
|
-
font-size:
|
|
667
|
+
font-size: 0.9375rem;
|
|
668
668
|
font-weight: 700;
|
|
669
669
|
color: #0d1b2a;
|
|
670
670
|
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
margin-bottom: 20px;
|
|
682
682
|
|
|
683
683
|
.address-text {
|
|
684
|
-
font-size:
|
|
684
|
+
font-size: 0.875rem;
|
|
685
685
|
font-weight: 600;
|
|
686
686
|
color: #0d1b2a;
|
|
687
687
|
line-height: 1.5;
|
|
@@ -724,7 +724,7 @@
|
|
|
724
724
|
gap: 12px;
|
|
725
725
|
|
|
726
726
|
.footer-meta-text {
|
|
727
|
-
font-size:
|
|
727
|
+
font-size: 0.8125rem;
|
|
728
728
|
color: #6b7b8e;
|
|
729
729
|
}
|
|
730
730
|
|
|
@@ -743,7 +743,7 @@
|
|
|
743
743
|
border-radius: 8px;
|
|
744
744
|
padding: 10px 24px;
|
|
745
745
|
font-weight: 600;
|
|
746
|
-
font-size:
|
|
746
|
+
font-size: 0.875rem;
|
|
747
747
|
cursor: pointer;
|
|
748
748
|
}
|
|
749
749
|
}
|
|
@@ -771,7 +771,7 @@
|
|
|
771
771
|
display: flex;
|
|
772
772
|
align-items: center;
|
|
773
773
|
gap: 6px;
|
|
774
|
-
font-size:
|
|
774
|
+
font-size: 0.6875rem;
|
|
775
775
|
font-weight: 700;
|
|
776
776
|
color: #185fa5;
|
|
777
777
|
letter-spacing: 1.2px;
|
|
@@ -788,7 +788,7 @@
|
|
|
788
788
|
}
|
|
789
789
|
|
|
790
790
|
.status-cards-h1 {
|
|
791
|
-
font-size:
|
|
791
|
+
font-size: 1.625rem;
|
|
792
792
|
font-weight: 800;
|
|
793
793
|
color: #0c2a52;
|
|
794
794
|
line-height: 1.2;
|
|
@@ -796,7 +796,7 @@
|
|
|
796
796
|
}
|
|
797
797
|
|
|
798
798
|
.status-cards-subtitle {
|
|
799
|
-
font-size:
|
|
799
|
+
font-size: 0.8125rem;
|
|
800
800
|
color: #5a7a9e;
|
|
801
801
|
margin-top: 6px;
|
|
802
802
|
max-width: 380px;
|
|
@@ -811,7 +811,7 @@
|
|
|
811
811
|
min-width: 220px;
|
|
812
812
|
|
|
813
813
|
.total-label {
|
|
814
|
-
font-size:
|
|
814
|
+
font-size: 0.625rem;
|
|
815
815
|
font-weight: 700;
|
|
816
816
|
letter-spacing: 1.2px;
|
|
817
817
|
color: #7db4e8;
|
|
@@ -820,7 +820,7 @@
|
|
|
820
820
|
}
|
|
821
821
|
|
|
822
822
|
.total-number {
|
|
823
|
-
font-size:
|
|
823
|
+
font-size: 2rem;
|
|
824
824
|
font-weight: 800;
|
|
825
825
|
color: #fff;
|
|
826
826
|
line-height: 1;
|
|
@@ -834,7 +834,7 @@
|
|
|
834
834
|
border-radius: 6px;
|
|
835
835
|
padding: 4px 10px;
|
|
836
836
|
margin-top: 10px;
|
|
837
|
-
font-size:
|
|
837
|
+
font-size: 0.6875rem;
|
|
838
838
|
font-weight: 700;
|
|
839
839
|
color: #7dd3b2;
|
|
840
840
|
}
|
|
@@ -850,7 +850,7 @@
|
|
|
850
850
|
border: none;
|
|
851
851
|
border-radius: 8px;
|
|
852
852
|
font-weight: 700;
|
|
853
|
-
font-size:
|
|
853
|
+
font-size: 0.8125rem;
|
|
854
854
|
cursor: pointer;
|
|
855
855
|
transition: all 0.2s ease;
|
|
856
856
|
width: 100%;
|
|
@@ -869,7 +869,7 @@
|
|
|
869
869
|
}
|
|
870
870
|
|
|
871
871
|
svg {
|
|
872
|
-
font-size:
|
|
872
|
+
font-size: 0.875rem;
|
|
873
873
|
}
|
|
874
874
|
}
|
|
875
875
|
}
|
|
@@ -886,7 +886,7 @@
|
|
|
886
886
|
padding: 20px 22px;
|
|
887
887
|
|
|
888
888
|
.panel-title {
|
|
889
|
-
font-size:
|
|
889
|
+
font-size: 0.875rem;
|
|
890
890
|
font-weight: 700;
|
|
891
891
|
color: #0c2a52;
|
|
892
892
|
margin-bottom: 3px;
|
|
@@ -897,7 +897,7 @@
|
|
|
897
897
|
.optimal-badge {
|
|
898
898
|
background: #1a9e5a;
|
|
899
899
|
color: #fff;
|
|
900
|
-
font-size:
|
|
900
|
+
font-size: 0.625rem;
|
|
901
901
|
font-weight: 700;
|
|
902
902
|
border-radius: 20px;
|
|
903
903
|
padding: 3px 10px;
|
|
@@ -907,7 +907,7 @@
|
|
|
907
907
|
}
|
|
908
908
|
|
|
909
909
|
.panel-subtitle {
|
|
910
|
-
font-size:
|
|
910
|
+
font-size: 0.6875rem;
|
|
911
911
|
color: #8fa8c4;
|
|
912
912
|
margin-bottom: 16px;
|
|
913
913
|
}
|
|
@@ -927,7 +927,7 @@
|
|
|
927
927
|
display: flex;
|
|
928
928
|
align-items: center;
|
|
929
929
|
justify-content: space-between;
|
|
930
|
-
font-size:
|
|
930
|
+
font-size: 0.8125rem;
|
|
931
931
|
|
|
932
932
|
.legend-label {
|
|
933
933
|
display: flex;
|
|
@@ -946,7 +946,7 @@
|
|
|
946
946
|
.legend-value {
|
|
947
947
|
font-weight: 700;
|
|
948
948
|
color: #0c2a52;
|
|
949
|
-
font-size:
|
|
949
|
+
font-size: 0.8125rem;
|
|
950
950
|
}
|
|
951
951
|
}
|
|
952
952
|
}
|
|
@@ -967,13 +967,13 @@
|
|
|
967
967
|
width: 100%;
|
|
968
968
|
|
|
969
969
|
.chart-percentage {
|
|
970
|
-
font-size:
|
|
970
|
+
font-size: 1.125rem;
|
|
971
971
|
font-weight: 800;
|
|
972
972
|
color: #0c2a52;
|
|
973
973
|
}
|
|
974
974
|
|
|
975
975
|
.chart-label {
|
|
976
|
-
font-size:
|
|
976
|
+
font-size: 0.375rem;
|
|
977
977
|
font-weight: 700;
|
|
978
978
|
color: #8fa8c4;
|
|
979
979
|
text-transform: uppercase;
|
|
@@ -990,14 +990,14 @@
|
|
|
990
990
|
margin-bottom: 4px;
|
|
991
991
|
|
|
992
992
|
.health-percentage {
|
|
993
|
-
font-size:
|
|
993
|
+
font-size: 2.25rem;
|
|
994
994
|
font-weight: 800;
|
|
995
995
|
color: #0c2a52;
|
|
996
996
|
line-height: 1;
|
|
997
997
|
}
|
|
998
998
|
|
|
999
999
|
.health-trend {
|
|
1000
|
-
font-size:
|
|
1000
|
+
font-size: 0.75rem;
|
|
1001
1001
|
font-weight: 700;
|
|
1002
1002
|
color: #1a9e5a;
|
|
1003
1003
|
}
|
|
@@ -1028,7 +1028,7 @@
|
|
|
1028
1028
|
padding: 10px 12px;
|
|
1029
1029
|
|
|
1030
1030
|
.metric-label {
|
|
1031
|
-
font-size:
|
|
1031
|
+
font-size: 0.5625rem;
|
|
1032
1032
|
font-weight: 700;
|
|
1033
1033
|
color: #8fa8c4;
|
|
1034
1034
|
text-transform: uppercase;
|
|
@@ -1037,7 +1037,7 @@
|
|
|
1037
1037
|
}
|
|
1038
1038
|
|
|
1039
1039
|
.metric-value {
|
|
1040
|
-
font-size:
|
|
1040
|
+
font-size: 1.125rem;
|
|
1041
1041
|
font-weight: 700;
|
|
1042
1042
|
color: #0c2a52;
|
|
1043
1043
|
}
|
|
@@ -1081,7 +1081,7 @@
|
|
|
1081
1081
|
@media (max-width: 480px) {
|
|
1082
1082
|
.status-cards-header {
|
|
1083
1083
|
.status-cards-h1 {
|
|
1084
|
-
font-size:
|
|
1084
|
+
font-size: 1.25rem;
|
|
1085
1085
|
}
|
|
1086
1086
|
}
|
|
1087
1087
|
|
|
@@ -1108,7 +1108,7 @@
|
|
|
1108
1108
|
display: inline-block;
|
|
1109
1109
|
padding: 4px 12px;
|
|
1110
1110
|
border-radius: 20px;
|
|
1111
|
-
font-size:
|
|
1111
|
+
font-size: 0.75rem;
|
|
1112
1112
|
font-weight: 600;
|
|
1113
1113
|
text-transform: uppercase;
|
|
1114
1114
|
text-align: center;
|