.pay-timeline{--tl-name:176px;--tl-total:52px;--tl-medical_leave:#2a78d6;--tl-absence:#eb6834;--tl-paid_permission:#1baf7a;--tl-unpaid_permission:#eda100;--tl-vacations:#4a3aa7;gap:16px;padding:20px 22px;display:grid}.pay-timeline [data-kind=medical_leave]{--tl-color:var(--tl-medical_leave)}.pay-timeline [data-kind=absence]{--tl-color:var(--tl-absence)}.pay-timeline [data-kind=paid_permission]{--tl-color:var(--tl-paid_permission)}.pay-timeline [data-kind=unpaid_permission]{--tl-color:var(--tl-unpaid_permission)}.pay-timeline [data-kind=vacations]{--tl-color:var(--tl-vacations)}.pay-timeline-range-field{gap:var(--pay-field-gap,8px);color:var(--pay-ink);margin-left:auto;font-size:12px;font-weight:600;line-height:18px;display:grid}.pay-timeline-range{border:1px solid var(--pay-border);background:#f5f8f6;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.pay-timeline-range button{min-height:36px;color:var(--pay-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:13px;font-weight:600}.pay-timeline-range button:hover{color:var(--pay-ink)}.pay-timeline-range button[aria-pressed=true]{color:var(--pay-ink);background:#fff;box-shadow:0 1px 2px #193c3724}.pay-timeline-range button:focus-visible{outline:2px solid var(--pay-teal);outline-offset:1px}.pay-timeline-today{color:var(--pay-ink);background:#f5f8f6;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 14px;font-size:13px;line-height:20px;display:flex}.pay-timeline-today strong:first-letter{text-transform:uppercase}.pay-timeline-today ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pay-timeline-chip{border:1px solid var(--pay-border);min-height:32px;color:var(--pay-ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 10px;font-size:13px;font-weight:650;display:inline-flex}.pay-timeline-chip:hover{border-color:var(--tl-color)}.pay-timeline-chip small{color:var(--pay-muted);font-size:12px;font-weight:500}.pay-timeline-chip i,.pay-timeline-legend i,.pay-timeline-tip-row i{background:var(--tl-color);border-radius:3px;flex:none;width:10px;height:10px}.pay-timeline [data-status=pending]>i{background:repeating-linear-gradient(135deg, var(--tl-color) 0 2px, color-mix(in srgb, var(--tl-color) 30%, #fff) 2px 4px)}.pay-timeline-legend{color:var(--pay-muted);flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:12px;line-height:18px;list-style:none;display:flex}.pay-timeline-legend li{align-items:center;gap:6px;display:inline-flex}.pay-timeline-legend strong{color:var(--pay-ink);font-variant-numeric:tabular-nums;font-weight:650}.pay-timeline-legend li[data-status=pending]{margin-left:auto}.pay-timeline-scroll{margin:0 -4px;padding:0 4px;overflow-x:auto}.pay-timeline-grid{min-width:620px;position:relative}.pay-timeline-row{grid-template-columns:var(--tl-name) minmax(0, 1fr) var(--tl-total);align-items:center;display:grid}.pay-timeline-name{color:var(--pay-ink);text-overflow:ellipsis;white-space:nowrap;padding-right:12px;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.pay-timeline-total{text-align:right;color:var(--pay-muted);font-variant-numeric:tabular-nums;padding-left:10px;font-size:12px}.pay-timeline-lane .pay-timeline-total{color:var(--pay-ink);font-weight:600}.pay-timeline-backdrop{inset:0 var(--tl-total) 0 var(--tl-name);pointer-events:none;position:absolute}.pay-timeline-weekend{background:#f7f9f8;position:absolute;top:0;bottom:0}.pay-timeline-month-line{border-left:1px dashed #dbe3df;position:absolute;top:0;bottom:0}.pay-timeline-now{z-index:2;border-left:2px solid var(--pay-ink);position:absolute;top:0;bottom:0}.pay-timeline-now b{background:var(--pay-ink);color:#fff;border-radius:4px;padding:0 5px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:0;left:-14px}.pay-timeline-chart-row{align-items:end;padding-top:18px}.pay-timeline-axis-label{color:var(--pay-muted);align-content:space-between;align-self:stretch;font-size:11px;font-weight:600;display:grid}.pay-timeline-axis-label span{order:-1;font-weight:500}.pay-timeline-chart{border-bottom:1px solid #cfd9d4;height:96px;position:relative}.pay-timeline-chart:before{content:"";border-top:1px dashed #e4eae6;position:absolute;inset:0 0 auto}.pay-timeline-column{align-items:flex-end;padding:0 1px;display:flex;position:absolute;top:0;bottom:0}.pay-timeline-column:hover{background:#193c370d}.pay-timeline-stack{border-radius:3px 3px 0 0;flex-direction:column-reverse;gap:1px;width:100%;min-height:0;display:flex;overflow:hidden}.pay-timeline-stack span{background:var(--tl-color);flex-basis:0;min-height:2px}.pay-timeline-months{height:26px}.pay-timeline-axis{height:100%;position:relative}.pay-timeline-axis span{color:var(--pay-muted);white-space:nowrap;padding-left:6px;font-size:11px;line-height:14px;position:absolute;top:6px;overflow:hidden}.pay-timeline-lane{border-top:1px solid #edf1ef;min-height:34px}.pay-timeline-track{touch-action:pan-y;height:34px;position:relative}.pay-timeline-track[data-writable]{cursor:copy}.pay-timeline-lane:hover{background:#086b6308}.pay-timeline-selection{border:1.5px dashed var(--pay-teal);background:#086b631a;border-radius:5px;position:absolute;top:6px;bottom:6px}.pay-timeline-bar{z-index:1;background:var(--tl-color);cursor:pointer;border:0;border-radius:4px;padding:0;position:absolute;top:8px;bottom:8px;box-shadow:0 0 0 2px #fff}.pay-timeline-bar[data-status=pending]{background:repeating-linear-gradient(135deg, var(--tl-color) 0 3px, color-mix(in srgb, var(--tl-color) 28%, #fff) 3px 6px);outline:1.5px solid var(--tl-color);outline-offset:-1.5px}.pay-timeline-bar[data-status=rejected],.pay-timeline-bar[data-status=cancelled]{opacity:.35}.pay-timeline-bar[data-clipped-start]{border-top-left-radius:0;border-bottom-left-radius:0}.pay-timeline-bar[data-clipped-end]{border-top-right-radius:0;border-bottom-right-radius:0}.pay-timeline-bar:hover{filter:brightness(.92);z-index:3}.pay-timeline-bar:focus-visible{outline:2px solid var(--pay-ink);outline-offset:1px;z-index:3}.pay-timeline-empty{padding:28px 0 12px calc(var(--tl-name));color:var(--pay-ink);gap:4px;font-size:13px;display:grid}.pay-timeline-empty span{color:var(--pay-muted)}.pay-timeline-foot{justify-content:flex-end;display:flex}.pay-timeline-tip{z-index:60;border:1px solid var(--pay-border);min-width:150px;max-width:260px;color:var(--pay-ink);pointer-events:none;background:#fff;border-radius:9px;gap:2px;padding:9px 11px;font-size:12px;line-height:17px;display:grid;position:fixed;transform:translate(12px,-50%);box-shadow:0 8px 24px #193c3729}.pay-timeline-tip small{color:var(--pay-muted);margin-top:2px}.pay-timeline-tip-row{align-items:center;gap:6px;display:flex}.pay-timeline-tip-row b{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px}@media (max-width:760px){.pay-timeline{--tl-name:120px;--tl-total:40px;padding:16px}.pay-timeline-range-field{width:100%;margin-left:0}.pay-timeline-range{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.pay-timeline-legend li[data-status=pending]{margin-left:0}.pay-timeline-today ul,.pay-timeline-today li{width:100%}.pay-timeline-chip{text-align:left;border-radius:12px;grid-template-columns:10px minmax(0,1fr);gap:0 8px;width:100%;padding:6px 12px;display:grid}.pay-timeline-chip small{grid-column:2}}