.garageLogo{width:78px;height:78px;object-fit:contain;border-radius:50%;display:block;margin:0 auto 12px;background:#0b1120;border:1px solid #334155}.brandingPreview{display:grid;place-items:center;margin:22px 0}.brandingPreview .garageLogo{width:110px;height:110px}.invoiceV2{color:#111827}.taxCaption{text-align:center;font-size:12px;font-weight:800;letter-spacing:2px;padding-bottom:15px}.invoiceIdentity{display:flex;gap:16px;align-items:flex-start}.invoiceIdentity .garageLogo{margin:0;width:80px;height:80px;flex-shrink:0}.invoiceV2 .invoicebrand h2{font-size:26px}.invoiceV2 .invoicebrand strong{font-size:10px;letter-spacing:1px}.invoiceV2 .invoicebrand p{max-width:330px;line-height:1.6}.invoiceV2 h4{font-size:11px;letter-spacing:.6px;margin:22px 0 8px}.invoiceComplaint{padding:12px;border:1px solid #e2e8f0;font-size:11px;line-height:1.6}.invoiceBottom{display:grid;grid-template-columns:1fr 300px;gap:35px;margin-top:15px;font-size:11px;line-height:1.7}.invoiceBottom .invoicetotal{width:100%;padding-top:0}.invoiceCaution{color:#94a3b8;font-size:10px;max-width:320px}.invoiceFoot{border-top:1px solid #cbd5e1;margin-top:20px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;gap:20px}.invoiceFoot>div{text-align:right;min-width:160px}details>summary::marker{color:#2563eb}@media(max-width:600px){.invoiceIdentity{gap:10px}.invoiceIdentity .garageLogo{height:50px;width:50px}.invoiceV2 .invoicebrand{display:block}.invoiceV2 .invoicebrand>div:last-child{text-align:left!important}.invoiceV2 .invoicebrand h2{font-size:21px}.invoiceBottom{grid-template-columns:1fr;gap:10px}.invoiceBottom .invoicetotal{max-width:none}.invoiceFoot{flex-direction:column}.invoiceFoot>div{text-align:left}.invoiceV2 td,.invoiceV2 th{padding:9px;font-size:10px}}@media print{.invoiceV2 .tablewrap{overflow:visible}.invoiceV2 .invoicebrand{display:flex}.invoiceBottom{grid-template-columns:1fr 280px}.invoiceFoot{flex-direction:row}.invoiceV2{max-width:190mm;margin:auto}.invoiceV2 .invoiceIdentity .garageLogo{height:70px;width:70px}.invoiceV2 h4{break-after:avoid}.invoiceV2 tr{break-inside:avoid}.invoiceFoot,.invoiceBottom{break-inside:avoid}}
.partNameMatches{max-height:220px;overflow-y:auto;border:1px solid #cbd5e1;border-radius:7px;background:#fff;margin-top:4px;min-width:0}.partNameMatches[hidden]{display:none}.partNameMatches button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #e2e8f0;background:#fff;color:#0f172a;cursor:pointer;font:inherit;white-space:normal}.partNameMatches button:hover,.partNameMatches button:focus,.partNameMatches button[aria-selected="true"]{background:#eff6ff;outline:2px solid #2563eb;outline-offset:-2px}.partNameMatches button strong,.partNameMatches button small{display:block;overflow-wrap:anywhere}.partNameMatches button small,.partNameAutofillHint,.partNameNoMatch{font-size:12px;color:#64748b;line-height:1.5}.partNameNoMatch{display:block;padding:10px}.partNameAutofillHint{font-weight:400;display:block;margin-top:4px}
.auditReviewPanel{padding:24px;background:#fff;border:1px solid #e2e8f0;color:#081d26}.auditIntro{border-bottom:1px solid #e2e8f0;padding-bottom:14px;margin-bottom:20px}.auditIntro h2{display:flex!important;align-items:center;gap:8px;font-size:20px;font-weight:800;margin:0 0 4px;color:#081d26}.auditIntro h2 svg{width:24px;height:24px}.auditIntro p{font-size:13px;color:#777;margin:0 0 14px}.auditButtons{display:flex;gap:10px;flex-wrap:wrap}.auditButtons .btn{min-height:34px;padding:8px 14px;font-size:13px;font-weight:700}.auditButtons .btn svg{height:16px;width:16px}.auditExport{background:#16a34a!important;color:#fff}.auditPrint{background:#1e40af!important;color:#fff}.auditClear{background:#fee2e2!important;color:#b91c1c}.auditCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.auditCard{display:flex;align-items:center;gap:12px;min-height:78px;padding:16px;border:1px solid #cbd5e1;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.auditCard.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.auditCard.green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#a7f3d0}.auditCard.red{background:linear-gradient(135deg,#fff1f2,#fee2e2);border-color:#fecaca}.auditCardIcon{display:grid;place-items:center;background:#0f3544;color:white;width:46px;height:46px;flex-shrink:0}.auditCard.blue .auditCardIcon{background:#2563eb}.auditCard.green .auditCardIcon{background:#16a34a}.auditCard.red .auditCardIcon{background:#ef4444}.auditCardIcon svg{width:26px;height:26px}.auditCard small{display:block;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.3}.auditCard strong{display:block;font-size:21px;line-height:1.2}.auditFilters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr)) auto;gap:10px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:20px}.auditFilters input,.auditFilters select{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:0;font-size:12.5px;min-height:32px;background-color:white;padding:6px 10px}.auditFilters .btn{font-size:12.5px;padding:6px 12px;min-height:32px}.auditReviewPanel table{min-width:1080px}.auditReviewPanel th{font-size:12px;font-weight:700}.auditReviewPanel td:last-child,.auditReviewPanel th:last-child{position:static!important;box-shadow:none!important}.auditReviewPanel td:nth-child(6){min-width:260px;max-width:400px;white-space:normal;overflow-wrap:anywhere}.auditFooter{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:11px;margin-top:14px}@media(max-width:1150px){.auditCards{grid-template-columns:repeat(2,minmax(0,1fr))}.auditFilters{grid-template-columns:minmax(0,1fr) auto}.auditFilters input,.auditFilters select{grid-column:1}.auditFilters .btn{grid-column:2;grid-row:1/5;align-self:center}}@media(max-width:480px){.auditReviewPanel{padding:16px}.auditCards{grid-template-columns:1fr}.auditFilters{grid-template-columns:minmax(0,1fr)}.auditFilters .btn{grid-column:1;grid-row:auto}.auditFooter{flex-direction:column}}
.payrollReviewTable table{min-width:1300px}.payrollReviewTable td:nth-child(3){max-width:230px;white-space:normal;overflow-wrap:anywhere}.payrollReviewTable .rowactions .btn{white-space:nowrap;font-size:11px;padding:7px 10px}.payrollReviewTable td:nth-child(8){color:#0f766e}.payrollToolbar #payrollStaffFilter{min-width:180px}.payrollRule{margin-bottom:16px}
/* Dashboard Quick Access colours. */
.quickactions .quick[data-new]{background:linear-gradient(135deg,var(--quick-start),var(--quick-end));border-color:var(--quick-end);color:#fff;font-weight:600;box-shadow:0 3px 9px #0f172a18;transition:filter .15s,box-shadow .15s}.quickactions .quick[data-new] svg{color:inherit}.quickactions .quick[data-new="customers"]{--quick-start:#2563eb;--quick-end:#1d4ed8}.quickactions .quick[data-new="bikes"]{--quick-start:#7c3aed;--quick-end:#6d28d9}.quickactions .quick[data-new="jobs"]{--quick-start:#0f766e;--quick-end:#115e59}.quickactions .quick[data-new="parts"]{--quick-start:#b45309;--quick-end:#92400e}.quickactions .quick[data-new="purchases"]{--quick-start:#0369a1;--quick-end:#075985}.quickactions .quick[data-new="expenses"]{--quick-start:#dc2626;--quick-end:#b91c1c}.quickactions .quick[data-new]:hover{filter:brightness(.92);box-shadow:0 5px 14px #0f172a25}.quickactions .quick[data-new]:focus-visible{outline:3px solid #0f172a;outline-offset:3px}.quickactions .quick[data-new]:active{filter:brightness(.83)}@media(prefers-reduced-motion:reduce){.quickactions .quick[data-new]{transition:none}}
.vendorPurchaseFilters{flex-wrap:wrap}.vendorPurchaseFilters select{max-width:280px;min-width:150px}.vendorPurchasePrint table{min-width:0!important}.vendorPurchasePrint th,.vendorPurchasePrint td{white-space:normal!important;overflow-wrap:anywhere;font-size:9px!important;padding:5px!important}.vendorPurchasePrint .tablewrap{overflow:visible}
.localDateControl{position:relative;display:inline-flex;align-items:center;min-width:0;max-width:100%;width:100%}.localDateControl>[data-display-date-text]{width:100%;min-width:0;padding-right:38px!important}.localDateIcon{position:absolute;right:9px;pointer-events:none;display:flex;color:#64748b}.localDateIcon svg{width:19px;height:19px}.localDateControl>input.localDateNative{position:absolute!important;right:0;top:0;width:36px!important;height:100%;min-width:0!important;opacity:0;cursor:pointer;padding:0!important;box-sizing:border-box}.localDateNative::-webkit-calendar-picker-indicator{width:100%;height:100%;cursor:pointer}.toolbar label .localDateControl{width:155px}
.partVendorLink{display:inline;border:0;background:none;padding:2px 0;color:#1d4ed8;text-decoration:underline;text-underline-offset:2px;font:inherit;cursor:pointer;text-align:left;white-space:normal}.partVendorLink:hover{color:#1e3a8a}.partVendorLink:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.partVendorPanel{border:1px solid #dbeafe;background:#f8fbff;padding:16px;margin-top:18px}.partVendorPanel h3{font-size:14px;margin:0 0 8px}.partVendorPanel p{font-size:12px;color:#64748b}
.customerHistoryPanel{margin:12px 0;padding:12px 14px;background:#f8fbff;border:1px solid #bfdbfe;color:#0f172a;font-size:12px}.customerHistoryPanel[hidden]{display:none}.customerHistoryPanel>p{margin:7px 0;color:#64748b}.customerHistoryHeading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.customerHistoryHeading>strong{font-size:13px}.historySummary{display:block;color:#64748b;font-size:11px;line-height:1.5;margin:5px 0}.customerHistoryRow{padding:8px 0;border-top:1px solid #dbeafe;font-size:11px;line-height:1.7}.customerHistoryRow small{display:block;color:#64748b;font-size:10px}.historyDue{color:#b91c1c}.customerHistoryPanel details summary{cursor:pointer;color:#1d4ed8;font-weight:600;padding:6px 0}.customerHistoryMore{max-height:240px;overflow:auto}.invoiceHistoryPanel{margin:12px 20px}@media print{.customerHistoryPanel{display:none!important}}
.jobRelatedButtons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 16px;padding:10px;background:#eff6ff;border:1px solid #bfdbfe}.jobRelatedButtons strong{font-size:12px;margin-right:4px}.jobRelatedButtons .btn{font-size:12px;white-space:nowrap}
.jobRelatedButtons{grid-column:1/-1}
[data-job-state="pending"]{--job-tint:#fffbeb;--job-ink:#92400e;--job-edge:#d97706;--job-label:#fef3c7}[data-job-state="in-progress"]{--job-tint:#eff6ff;--job-ink:#1e40af;--job-edge:#2563eb;--job-label:#dbeafe}[data-job-state="waiting"]{--job-tint:#faf5ff;--job-ink:#6b21a8;--job-edge:#9333ea;--job-label:#f3e8ff}[data-job-state="completed"]{--job-tint:#f0fdf4;--job-ink:#166534;--job-edge:#16a34a;--job-label:#dcfce7}[data-job-state="delivered"]{--job-tint:#f0fdfa;--job-ink:#115e59;--job-edge:#0d9488;--job-label:#ccfbf1}[data-job-state="cancelled"],[data-job-state="other"]{--job-tint:#f8fafc;--job-ink:#475569;--job-edge:#64748b;--job-label:#e2e8f0}.jobStatusRow>td{background:var(--job-tint)!important}.jobStatusRow>td:first-child{border-left:4px solid var(--job-edge)}.jobStatusRow:hover>td{box-shadow:inset 0 0 0 999px #0f172a05}.jobStatusBadge[data-job-state]{background:var(--job-label)!important;color:var(--job-ink)!important;border:1px solid var(--job-edge);font-weight:700}.pipeline button[data-job-state]{background:var(--job-tint)!important;color:var(--job-ink)!important;border-bottom:3px solid var(--job-edge)!important}.pipeline button[data-job-state].active{background:var(--job-edge)!important;color:#fff!important;outline:2px solid var(--job-ink);outline-offset:-2px}.jobStatusSelect[data-job-state]{border-left:5px solid var(--job-edge)!important;background-color:var(--job-tint);color:var(--job-ink);font-weight:600}

/* Reference-style dropdown list manager */
.list-management-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 18px}.list-management-title h2{margin:0;font-size:19px;color:#142238;display:flex;align-items:center;gap:9px}.list-management-title h2 span{font-size:11px;color:#2862be;background:#eff6ff;border:1px solid #dbeafe;padding:5px 8px;font-weight:600}.list-management-title p{margin:7px 0 0;color:#64748b;font-size:12px}.list-system-tag{display:flex;gap:11px;align-items:center;color:#50728c;font-size:10px;letter-spacing:.65px;font-weight:700}.list-system-tag b{color:#4c547f;background:#f4f4fc;border:1px solid #e6e4f4;padding:7px 10px}.list-management-grid{grid-template-columns:minmax(240px,29%) minmax(0,1fr);align-items:start;gap:20px}.listselector-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 5px #0f172a05}.listselector-heading{height:43px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;color:#3f6477;text-transform:uppercase;font-size:10px;letter-spacing:.7px;border-bottom:1px solid #e2e8f0}.listselector-heading span{color:#64748b;background:#fff;border:1px solid #e2e8f0;padding:4px 7px;font-size:9px}.listselector-card .listselector{padding:8px;max-height:510px;overflow:auto;border:0}.listselector-card .listselector button{height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;margin:0 0 5px;border:1px solid #e5eaf0;background:#fff;color:#536174;font-weight:600;font-size:12px}.listselector-card .listselector button.active{background:#123b4d;color:#fff;border-color:#123b4d}.listselector-card .listselector button b{min-width:25px;padding:3px 6px;text-align:center;background:#f1f5f9;color:#526173;font-size:10px}.listselector-card .listselector button.active b{background:#ffffff26;color:#fff}.list-editor-card{margin:0;min-width:0}.list-editor-head{padding:20px 22px;border:0}.list-editor-head h2{font-size:19px;color:#17243a}.list-editor-head p{margin:5px 0 0;color:#738196;font-size:12px}.list-count{padding:8px 12px;border:1px solid #ead8f4;background:#fdf7ff;color:#86509c;font-weight:700;white-space:nowrap}.list-editor-card .panelbody{padding:12px 22px 20px}.list-add-form{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed #d5dde6;background:#fafbfd;margin:0 0 14px}.list-add-form select{width:180px;flex:0 0 180px}.list-add-input{height:42px;display:flex;align-items:center;gap:8px;flex:1;min-width:150px;background:#fff;border:1px solid #e2e8f0;padding-left:11px}.list-add-input>span{font-size:20px;color:#97a5b5}.list-add-input input{height:40px;min-height:40px;border:0;padding:9px 5px;outline:0;box-shadow:none}.list-add-form .btn{height:42px;background:#123b4d}.list-search{width:min(100%,340px);margin-bottom:6px}.list-edit-hint{font-size:11px;color:#78869a;margin:6px 0 12px}.list-edit-hint b{color:#354b60}.listoption-grid{min-height:154px;max-height:420px;overflow:auto;display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:9px;padding:14px;background:#f8fafc;border:1px solid #edf0f4}.listoption-grid .listoption{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid #dce3ea;background:#fff;box-shadow:0 1px 2px #0f172a0a;font-size:12px;color:#334155;white-space:nowrap}.listoption-grid .listoption>div{display:flex;gap:4px}.listoption-grid .listoption .btn{height:25px;min-height:25px;width:25px;padding:0;border:0;font-size:15px;box-shadow:none}.list-live-sync{display:flex;gap:11px;align-items:flex-start;margin-top:15px;padding:12px 15px;background:#f0fbf5;border:1px solid #d2efde;color:#427158;font-size:11px;line-height:1.55}.list-live-sync b{color:#32734d}.list-live-sync small{display:block;margin-top:5px;color:#46916a;font-size:9px;font-weight:700;letter-spacing:.6px}.list-sync-check{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:#def5e7;color:#299357;font-weight:800}.list-sync-save{background:#0c5668;border-color:#0c5668}.manualSyncToolbar{justify-content:flex-end;margin:-8px 0 10px}.manualSyncToolbar>span{font-size:10px;color:#718096}.list-management .notice{margin-top:0}@media(max-width:850px){.list-management-grid{grid-template-columns:minmax(180px,34%) minmax(0,1fr);gap:12px}.listselector-card .listselector{max-height:420px}.list-editor-card .panelbody{padding:12px}.list-add-form{flex-wrap:wrap}.list-add-form select{flex:1 1 100%;width:100%}.list-add-input{flex-basis:100%}.list-add-form>.btn{margin-left:auto}}@media(max-width:600px){.list-management-title{display:block}.list-system-tag{margin-top:12px}.list-management-title h2{font-size:17px}.list-management-grid{grid-template-columns:1fr}.listselector-card .listselector{display:flex;gap:6px;max-height:155px;flex-wrap:wrap;overflow:auto}.listselector-card .listselector button{width:auto;flex:0 0 auto;height:34px;margin:0;padding:0 9px;font-size:10px}.list-editor-head{padding:14px}.list-editor-head h2{font-size:16px}.list-count{padding:6px 8px;font-size:10px}.list-add-form{padding:9px}.list-add-form>.btn{width:100%}.listoption-grid{gap:6px;padding:9px}.listoption-grid .listoption{font-size:11px;padding-left:8px}}

.list-management-top-actions{display:flex;align-items:center;gap:12px}.list-management-top-actions .btn{min-height:37px}@media(max-width:600px){.list-management-top-actions{justify-content:space-between;flex-wrap:wrap}.list-management-top-actions .list-system-tag{margin:0}.list-management-top-actions .btn{flex:1}}
/* Keep the category cascade compact beside the taller list editor, as in the reference. */
.list-management-grid>.listselector-card{height:min(462px,calc(100vh - 245px));min-height:300px;display:flex;flex-direction:column;overflow:hidden}
.list-management-grid>.listselector-card>.listselector{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aeb8c6 #f5f7fa}
@media(max-width:600px){.list-management-grid>.listselector-card{height:auto;min-height:0}.list-management-grid>.listselector-card>.listselector{flex:0 0 auto;max-height:155px}}

/* Page-size selector for long record lists */
.record-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-top:0;color:#64748b;font-size:11px}.record-pagination label{display:flex;align-items:center;gap:8px;white-space:nowrap}.record-pagination select{width:78px;min-height:32px;padding:5px 8px}.record-page-buttons{display:flex;align-items:center;gap:9px}.record-page-buttons>span{white-space:nowrap;color:#475569}.record-page-buttons .btn{min-height:30px;padding:5px 9px}.record-page-count{white-space:nowrap}@media(max-width:600px){.record-pagination{justify-content:center}.record-pagination label{margin-right:auto}.record-page-count{order:3;flex-basis:100%;text-align:center}.record-page-buttons{gap:5px}.record-page-buttons .btn{padding:5px 7px;font-size:10px}}

/* Compact table paging controls across record and report modules. */
.record-pagination{min-height:38px;gap:7px;flex-wrap:nowrap;padding:4px 9px;font-size:10px;line-height:1.2}
.record-pagination label{gap:5px}
.record-pagination select{width:58px;height:26px;min-height:26px;padding:2px 5px;font-size:10px}
.record-page-count{font-size:10px}
.record-page-buttons{gap:5px}
.record-page-buttons>span{font-size:10px}
.record-page-buttons .btn{min-height:25px;padding:3px 7px;font-size:10px}
@media(max-width:600px){.record-pagination{justify-content:space-between;gap:5px;padding:5px 7px;flex-wrap:wrap}.record-pagination label{margin-right:0}.record-page-count{order:3;flex:0 0 100%;text-align:center}.record-page-buttons{gap:4px}}

/* Keep the row selector, count and paging buttons on one thin line at every width. */
.record-pagination{height:30px;min-height:30px;max-height:30px;box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;gap:5px;padding:2px 7px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
.record-pagination::-webkit-scrollbar{display:none}
.record-pagination label,.record-page-count,.record-page-buttons,.record-page-buttons>span,.record-page-buttons .btn{flex:0 0 auto;white-space:nowrap}
.record-pagination label{gap:4px;font-size:9px}
.record-pagination select{width:48px;height:22px;min-height:22px;padding:1px 4px;font-size:9px}
.record-page-count,.record-page-buttons>span{font-size:9px}
.record-page-buttons{gap:4px}
.record-page-buttons .btn{height:21px;min-height:21px;padding:1px 5px;font-size:9px;line-height:1}
@media(max-width:600px){.record-pagination{height:28px;min-height:28px;max-height:28px;flex-wrap:nowrap;justify-content:space-between;gap:4px;padding:2px 5px}.record-pagination label{margin:0}.record-page-count{order:initial;flex:0 0 auto;text-align:left}.record-page-buttons{gap:3px}.record-page-buttons .btn{padding:1px 4px;font-size:9px}}

.attendancePrinterPrefs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a5f;font-size:11px}.attendancePrinterPrefs>strong{margin-right:4px}.attendancePrinterPrefs label{display:flex;align-items:center;gap:5px;font-weight:700}.attendancePrinterPrefs select{width:auto;min-width:86px;min-height:30px;height:30px;padding:4px 7px;font-size:11px}.attendancePrinterPrefs small{color:#64748b;margin-left:auto}@media(max-width:600px){.attendancePrinterPrefs{gap:7px}.attendancePrinterPrefs>strong,.attendancePrinterPrefs small{flex:0 0 100%}.attendancePrinterPrefs small{margin-left:0}}


.attendanceChoice.selected.paidleave{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.attendanceChoice.selected.weeklyoff{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.attendanceLegend .paidleave:before{content:'PL';background:#dbeafe;color:#1d4ed8}.attendanceLegend .weeklyoff:before{content:'WO';background:#ede9fe;color:#6d28d9}.attendanceMatrixDay.isPaidLeave button{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.attendanceMatrixDay.isWeeklyOff button{background:#ede9fe;border-color:#c4b5fd;color:#6d28d9}.attendancePrintSheet .pl{background:#dbeafe;color:#1d4ed8}.attendancePrintSheet .wo{background:#ede9fe;color:#6d28d9}.attendancePrintSheet td.p,.attendancePrintSheet td.h,.attendancePrintSheet td.a,.attendancePrintSheet td.pl,.attendancePrintSheet td.wo{font-weight:800}.attendanceCriteriaControls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.attendanceCriteriaControls .field{min-width:220px;flex:0 1 260px}.attendanceCriteriaControls .btn{min-height:34px;margin-bottom:4px}

.attendanceActionsRow .quickAttendance.paidleave{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.attendanceActionsRow .quickAttendance.weeklyoff{background:#ede9fe;color:#6d28d9;border:1px solid #c4b5fd}