/* An overlay preserves leave/shift colours and the request-density heatmap. */
:root{--pay-wash:rgba(30,128,135,.075);--pay-edge:rgba(30,128,135,.20);--pay-ink:#286e77}
body[data-workspace-mode=administration]{--pay-wash:rgba(132,43,79,.065);--pay-edge:rgba(132,43,79,.20);--pay-ink:#842b4f}
[data-pay-shade]{position:relative}
[data-pay-shade="1"]{background-image:linear-gradient(var(--pay-wash),var(--pay-wash))!important}
[data-pay-shade="1"]:is(.calendar-day,.hub-day,.personal-calendar-day,.shift-calendar-day){border-color:var(--pay-edge)}
.pay-fortnight-marker{position:absolute;right:5px;top:5px;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffffdf;color:var(--pay-ink);z-index:1;cursor:help}
.pay-fortnight-marker svg{display:block;width:16px;height:16px}
[data-pay-start]:has(>.pay-fortnight-marker)>.calendar-number{padding-right:22px}
.hub-day:has(>.pay-fortnight-marker) .hub-day-header{padding-right:19px}
.shift-calendar-day:has(>.pay-fortnight-marker)>h3{padding-right:23px}
.personal-calendar-day:has(>.pay-fortnight-marker)>header{padding-right:18px}
.roster-grid th:has(>.pay-fortnight-marker){padding-top:27px}
.hub-mini .hub-day:has(>.pay-fortnight-marker) .hub-warning{right:auto;left:-2px}
.pay-compact{right:1px;top:1px;width:12px;height:12px}
.pay-compact svg{width:11px;height:11px}
@media(max-width:650px){.pay-fortnight-marker{width:14px;height:14px;top:2px;right:2px}.pay-fortnight-marker svg{width:13px;height:13px}.personal-view-month .personal-calendar-day:has(>.pay-fortnight-marker)>header{padding:0 9px 0 0}.personal-view-month .pay-fortnight-marker{width:11px;height:11px}.personal-view-month .pay-fortnight-marker svg{width:10px;height:10px}.personal-calendar-grid:not(.personal-view-month) .personal-calendar-day:has(>.pay-fortnight-marker){padding-right:25px}.personal-calendar-grid:not(.personal-view-month) .personal-calendar-day:has(>.pay-fortnight-marker)>header{padding-right:0}.pay-compact{width:10px;height:10px}.pay-compact svg{width:9px;height:9px}}
@media print{[data-pay-shade]{print-color-adjust:exact;-webkit-print-color-adjust:exact}}