#app-dialog:has(.staff-rotas){width:min(980px,calc(100vw - 24px))}.staff-rotas .shift-hero{background:linear-gradient(120deg,#e4f3ef,#edf0fc 60%,#fff0d6)}.rota-cards,.rota-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rota-cards>article,.rota-occurrences>article,.rota-metrics>article{padding:18px;border:1px solid #d0e2dc;border-radius:15px;background:#fbfdfc;min-width:0;overflow-wrap:anywhere}.rota-cards>article h4{margin:12px 0 6px}.rota-metrics{margin:18px 0}.rota-metrics strong{display:block;font-size:23px;color:#184c43;margin-top:8px}.rota-metrics small{color:#58766e}.rota-metrics>article:nth-child(2){background:#eef3fc;border-color:#d8e2f5}.rota-metrics>article:nth-child(3){background:#fff4e4;border-color:#f0dfc2}.rota-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.staff-rotas .rota-weekdays .check{margin:8px 0;padding:10px 5px;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.staff-rotas fieldset{border:1px solid #ccdfd5;border-radius:14px;padding:16px;min-width:0;margin:18px 0}.rota-occurrences{display:grid;gap:12px}.rota-occurrences .rota-conflict{background:#fff4e9;border-color:#e9bf95}.rota-occurrences p{margin:8px 0}.rota-occurrences .button{display:block;margin-top:12px}.staff-rotas form>button[type=submit]{margin-top:18px}.rota-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:680px){.rota-weekdays{grid-template-columns:repeat(4,minmax(0,1fr))}.rota-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rota-cards{grid-template-columns:1fr}.rota-metrics>article:last-child{grid-column:1/-1}}@media(max-width:420px){.rota-occurrences>article,.rota-metrics>article{padding:12px}.rota-weekdays{gap:5px}.staff-rotas fieldset{padding:12px}.rota-metrics strong{font-size:19px}}

.rota-cancellation .rota-cancel-selected{background:#fff3e6;border-color:#d9a05d}.rota-cancellation .rota-cancel-result{padding:24px;border-radius:16px;border:1px solid #bddbcf;background:#edf8f2}.rota-cancellation .rota-cancel-result h3{margin-top:14px}.rota-cancellation .shift-section-heading{gap:10px;flex-wrap:wrap}

.rota-templates .rt-overview{padding:16px;border-radius:14px;background:#f1f7f5;margin:16px 0}.rota-templates .rt-time{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rota-templates .rt-time strong{font-size:20px}.rota-templates .rt-days-label{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.rota-templates .rt-days-label span{padding:5px 9px;border-radius:9px;background:#e1ebfc;color:#294d7d;font-size:12px}.rota-templates .rt-timeline{display:block;width:100%;height:20px;border-radius:7px;overflow:hidden}.rota-templates .rt-track{fill:#f2d5a3}.rota-templates .rt-work{fill:#347b6c}.rota-templates .rt-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.rota-templates .rt-days .check{margin:0;justify-content:center;flex-wrap:wrap}.rota-templates .rt-filters{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end}.rota-templates .rt-filters>button{margin:0!important}.rota-templates details{margin:15px 0}.rota-templates summary{cursor:pointer;font-weight:650}.rota-templates .shift-section-heading{gap:12px;flex-wrap:wrap}@media(max-width:680px){.rota-templates .rt-days{grid-template-columns:repeat(4,minmax(0,1fr))}.rota-templates .rt-filters{grid-template-columns:1fr}.rota-templates .rt-time strong{font-size:17px}}