.staff-rota__heading{margin-top:0;margin-bottom:2rem}.staff-rota__notice{font-size:1.6rem;line-height:1.6;max-width:60rem}.staff-rota__summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem 2rem;margin-bottom:2.4rem;padding-bottom:1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.staff-rota__balance{display:flex;flex-direction:column;gap:.2rem}.staff-rota__balance-label{font-size:1.3rem;letter-spacing:.04rem;text-transform:uppercase;opacity:.7}.staff-rota__balance-value{font-size:2.4rem;font-weight:600}.staff-rota__updated{margin:0;font-size:1.3rem;opacity:.7}.staff-rota__subheading{font-size:1.8rem;margin:0 0 1.2rem}.staff-rota__shifts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.staff-rota__shift{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(9rem,auto) 4rem;align-items:center;gap:1.2rem;padding:1.1rem 1.4rem;border-radius:var(--inputs-radius, .6rem);background:rgba(var(--color-foreground),.04)}.staff-rota__shift-date{font-weight:600}.staff-rota__shift-time{font-variant-numeric:tabular-nums}.staff-rota__shift-hours{text-align:right;font-variant-numeric:tabular-nums;opacity:.75}@media screen and (max-width:480px){.staff-rota__shift{grid-template-columns:1fr auto;grid-template-areas:"date hours" "time time";row-gap:.3rem}.staff-rota__shift-date{grid-area:date}.staff-rota__shift-hours{grid-area:hours}.staff-rota__shift-time{grid-area:time;opacity:.8}}.staff-rota__form-hint{font-size:1.4rem;line-height:1.5;opacity:.8;max-width:60rem;margin:0 0 1.6rem}.staff-rota__shift:has(.staff-rota__shift-pick){display:block;padding:0;background:none}.staff-rota__shift-pick{display:grid;grid-template-columns:auto minmax(10rem,1fr) minmax(9rem,auto) 4rem;align-items:center;gap:1.2rem;padding:1.1rem 1.4rem;border-radius:var(--inputs-radius, .6rem);background:rgba(var(--color-foreground),.04);cursor:pointer}.staff-rota__shift-pick input{width:1.8rem;height:1.8rem;margin:0}.staff-rota__shift--requested .staff-rota__shift-pick{opacity:.55;cursor:default}.staff-rota__form-controls{margin-top:2rem;display:flex;flex-direction:column;gap:.6rem}.staff-rota__label{font-size:1.3rem;font-weight:600}.staff-rota__reason{width:100%;max-width:60rem;resize:vertical;font-family:inherit;font-size:1.5rem;line-height:1.5;padding:1rem 1.2rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .6rem)}.staff-rota__form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:.4rem}.staff-rota__selected{font-size:1.4rem;opacity:.8}.staff-rota__result{margin:1.6rem 0 0;padding:1.2rem 1.4rem;border-radius:var(--inputs-radius, .6rem);font-size:1.5rem;line-height:1.5;border:.1rem solid rgba(var(--color-foreground),.18)}.staff-rota__result[data-status=valid],.staff-rota__result[data-status=ok]{border-color:#2e7d3280;background:#2e7d3214}.staff-rota__result[data-status=needs_approval]{border-color:#b5860080;background:#b5860014}.staff-rota__result[data-status=refused],.staff-rota__result[data-status=error]{border-color:#b0002080;background:#b0002012}@media screen and (max-width:480px){.staff-rota__shift-pick{grid-template-columns:auto 1fr auto;grid-template-areas:"check date hours" "check time time";row-gap:.3rem}.staff-rota__shift-pick input{grid-area:check}.staff-rota__shift-pick .staff-rota__shift-date{grid-area:date}.staff-rota__shift-pick .staff-rota__shift-hours{grid-area:hours}.staff-rota__shift-pick .staff-rota__shift-time{grid-area:time;opacity:.8}}.staff-rota__unavailability{display:block;margin-top:3.2rem;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.staff-rota__field-row{margin-bottom:1.4rem;display:flex;flex-direction:column;gap:.5rem}.staff-rota [hidden]{display:none!important}.staff-rota__kind{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 2rem;align-items:center}.staff-rota__kind .staff-rota__label{flex:0 0 100%}.staff-rota__inline-option{display:inline-flex;align-items:center;gap:.6rem;font-size:1.5rem;cursor:pointer}.staff-rota__inline-option input{width:1.8rem;height:1.8rem;margin:0}.staff-rota__input{font-family:inherit;font-size:1.5rem;padding:.9rem 1.2rem;max-width:28rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .6rem)}.staff-rota__times{flex-direction:row;flex-wrap:wrap;gap:1.6rem}.staff-rota__times .staff-rota__time-field{display:flex;flex-direction:column;gap:.5rem}.staff-rota__time-select{display:inline-flex;align-items:center;gap:.4rem}.staff-rota__time-select .staff-rota__input{max-width:7rem;padding-left:.8rem;padding-right:.8rem}.staff-rota__time-colon{font-weight:600}.staff-rota__admin{display:block;margin-top:3.2rem;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.staff-rota__periods{margin:0 0 2rem}.staff-rota__periods-empty{font-size:1.4rem;opacity:.75;margin:0}.staff-rota__periods-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.staff-rota__period{display:grid;grid-template-columns:minmax(11rem,auto) minmax(12rem,1fr) auto;align-items:center;gap:.6rem 1.4rem;padding:1rem 1.4rem;border-radius:var(--inputs-radius, .6rem);background:rgba(var(--color-foreground),.04)}.staff-rota__period-type{font-size:1.2rem;font-weight:600;letter-spacing:.03rem;text-transform:uppercase;padding:.3rem .8rem;border-radius:100rem;justify-self:start;white-space:nowrap}.staff-rota__period-type--blackout{color:#b00020;background:#b000201a}.staff-rota__period-type--approval{color:#8c6800;background:#b586001f}.staff-rota__period-range{font-weight:600;font-variant-numeric:tabular-nums}.staff-rota__period-note{font-size:1.4rem;opacity:.75;grid-column:2}.staff-rota__period-note:empty{display:none}.staff-rota__period-delete{grid-column:3;grid-row:1;justify-self:end;background:none;border:0;padding:.4rem .2rem;font-size:1.4rem;cursor:pointer;color:#b00020;text-decoration:underline}.staff-rota__period-delete:disabled{opacity:.5;cursor:default}@media screen and (max-width:480px){.staff-rota__period{grid-template-columns:1fr auto}.staff-rota__period-type{grid-column:1}.staff-rota__period-delete{grid-column:2;grid-row:1}.staff-rota__period-range,.staff-rota__period-note{grid-column:1 / -1}}.staff-rota__offers{display:block;margin-top:3.2rem;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.staff-rota__offers-empty{font-size:1.4rem;opacity:.75;margin:0;max-width:60rem}.staff-rota__offers-listing{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.staff-rota__offer{display:grid;grid-template-columns:minmax(10rem,1fr) auto;align-items:center;gap:.8rem 1.4rem;padding:1.1rem 1.4rem;border-radius:var(--inputs-radius, .6rem);background:rgba(var(--color-foreground),.04)}.staff-rota__offer-when{font-weight:600;font-variant-numeric:tabular-nums}.staff-rota__offer-actions{display:inline-flex;align-items:center;gap:1.2rem;justify-self:end}.staff-rota__offer-accept{margin:0;min-height:0;padding:.8rem 1.6rem;font-size:1.4rem}.staff-rota__offer-decline{background:none;border:0;padding:.4rem .2rem;font-size:1.4rem;cursor:pointer;color:rgb(var(--color-foreground));opacity:.75;text-decoration:underline}.staff-rota__offer-decline:disabled{opacity:.4;cursor:default}@media screen and (max-width:480px){.staff-rota__offer{grid-template-columns:1fr}.staff-rota__offer-actions{justify-self:start}}.staff-rota__calendar{max-width:34rem;margin:0 0 .4rem}.staff-rota__cal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.staff-rota__cal-title{font-weight:600;font-size:1.6rem}.staff-rota__cal-nav{width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:1;cursor:pointer;color:rgb(var(--color-foreground));background:none;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .6rem)}.staff-rota__cal-nav:disabled{opacity:.3;cursor:default}.staff-rota__cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.staff-rota__cal-dow{text-align:center;font-size:1.1rem;text-transform:uppercase;letter-spacing:.03rem;opacity:.6;padding:.4rem 0}.staff-rota__cal-day{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-variant-numeric:tabular-nums;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);border:0;border-radius:var(--inputs-radius, .6rem)}.staff-rota__cal-day--empty{background:none}.staff-rota__cal-day--plain{opacity:.75}.staff-rota__cal-day--past{opacity:.3}.staff-rota__cal-day--shift{position:relative;cursor:pointer;font-weight:600;background:rgba(var(--color-button),.14);box-shadow:inset 0 0 0 .1rem rgba(var(--color-button),.55)}.staff-rota__cal-day--selected{color:rgb(var(--color-button-text));background:rgb(var(--color-button));box-shadow:none}.staff-rota__cal-day--requested{opacity:.5;text-decoration:line-through;background:rgba(var(--color-foreground),.08)}.staff-rota__form-hint--below{margin-top:1.2rem}.staff-rota__cal-day--shift[data-times]:hover:after{content:attr(data-times);position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%);z-index:2;padding:.3rem .6rem;font-size:1.1rem;font-weight:600;white-space:nowrap;color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-radius:.4rem;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-staff-rota.css.map */