#app-dialog:has(.rota-duty-panel){width:min(920px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.rota-duty-panel{display:grid;gap:18px;min-width:0}.rota-duty-hero{padding:24px;border-radius:20px;background:linear-gradient(125deg,#eaf4f0,#edf0fc 65%,#fff1e4)}.rota-duty-hero h3{margin:7px 0 10px}.rota-duty-hero p:last-child{margin:0;color:#526961}.rota-duty-panel form,.rota-duty-review{display:grid;gap:18px}.rota-duty-panel label{display:grid;gap:9px;color:#214b40;font-size:14px;font-weight:600}.rota-duty-panel input,.rota-duty-panel textarea,.rota-duty-panel select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:46px;padding:12px 13px;background:#fff;color:#173d32;border:1px solid #b9cec5;border-radius:10px;font:inherit;font-weight:400;line-height:1.5}.rota-duty-panel textarea{min-height:110px;resize:vertical}.rota-duty-panel input:focus,.rota-duty-panel textarea:focus,.rota-duty-panel select:focus{outline:2px solid #6ba68f;outline-offset:2px}.rota-duty-panel label.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6;padding:13px;border-radius:10px;background:#edf4f0}.rota-duty-panel input[type=checkbox]{width:auto;min-height:0;margin-top:5px;accent-color:#285b49;flex-shrink:0}.rota-duty-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rota-duty-person{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;background:#eef2fb;border-radius:14px}.rota-duty-person span{color:#53627b}.rota-duty-person small{width:100%;color:#526961}.rota-duty-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rota-duty-metrics article{padding:16px;background:#edf4f0;border-radius:14px;display:grid;gap:8px}.rota-duty-metrics article:nth-child(2){background:#eaf0fc}.rota-duty-metrics article:nth-child(3){background:#f2f2f2}.rota-duty-metrics article:nth-child(4){background:#fff1dc}.rota-duty-metrics strong{font-size:26px;color:#214b40}.rota-duty-rows{display:grid;gap:14px}.rota-duty-rows>article{padding:18px;border:1px solid #d2e1da;border-radius:14px;background:#fbfdfb;overflow-wrap:anywhere}.rota-duty-row-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rota-duty-chip{padding:6px 10px;border-radius:22px;background:#edf0f0;color:#4e5f58;font-size:12px;flex-shrink:0}.rota-duty-chip.assign{background:#dff1e5;color:#24583d}.rota-duty-chip.already_linked{background:#e7edfc;color:#3b5289}.rota-duty-chip.review{background:#fff0d7;color:#76500e}.rota-duty-warning{padding:12px;border-radius:10px;background:#fff0d7;color:#76500e;line-height:1.6}.rota-duty-rows p{margin:12px 0;line-height:1.6}.rota-duty-rows small{color:#526961}.rota-duty-deadline{font-weight:600;color:#24583d}.rota-duty-pages,.rota-duty-panel .sop-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rota-duty-success{display:grid;gap:15px}.rota-duty-success h4{color:#24583d}@media(max-width:540px){.rota-duty-two{grid-template-columns:1fr}.rota-duty-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rota-duty-row-heading{flex-direction:column}.rota-duty-hero,.rota-duty-rows>article{padding:16px}.rota-duty-panel .sop-actions .button{flex:1}.rota-duty-panel input[type=date]{font-size:13px}}