.pay-base{fill:#2563eb}.pay-differential{fill:#14b8a6}.pay-overtime{fill:#f59e0b}.pay-chart-title{fill:#0f172a;font-size:21px;font-weight:700}.pay-chart-text{fill:#334155;font-size:17px}.pay-chart-note{fill:#64748b;font-size:14px}.dark .pay-chart-title{fill:#f1f5f9}.dark .pay-chart-text{fill:#cbd5e1}.dark .pay-chart-note{fill:#94a3b8}.pay-field-hint{margin-top:.5rem;line-height:1.5}.pay-result-note{padding:.75rem 0;line-height:1.6}#shift-pay-advanced-group[hidden],#calculation-error[hidden]{display:none!important}.pay-number-companion{flex:0 0 8rem;width:8rem;min-width:8rem;max-width:8rem}.pay-slider-track{flex:1 1 0;max-width:none}.pay-error{border:1px solid #dc2626;border-radius:.75rem;padding:.75rem;color:#b91c1c}.dark .pay-error{color:#fca5a5}#primary-result-val,#regular-rate-val,#per-shift-val{overflow-wrap:anywhere}body:has(#shift-pay-form) .calc-prose,body:has(#shift-pay-form) .calc-recommendations{content-visibility:auto;contain-intrinsic-size:auto 1200px}@media print{body:has(#shift-pay-form) .calc-prose,body:has(#shift-pay-form) .calc-recommendations{content-visibility:visible}.pay-chart-title{fill:#0f172a}.pay-chart-text{fill:#334155}}