.shift-duty-panel{display:grid;gap:18px;min-width:0}.shift-duty-hero{padding:24px;border-radius:20px;background:linear-gradient(125deg,#eaf4f0,#edf0fc 65%,#fff1e4)}.shift-duty-hero h3{margin:6px 0 10px}.shift-duty-hero p:last-child{margin:0;color:#526961}.shift-duty-panel form{display:grid;gap:18px}.shift-duty-panel input,.shift-duty-panel textarea,.shift-duty-panel select{box-sizing:border-box;min-width:0;max-width:100%;width:100%}.shift-duty-panel input[type=checkbox]{width:auto}.shift-duty-source{padding:20px;border:1px solid #d3e4dd;border-radius:16px;background:#f4f9f6;min-width:0;overflow-wrap:anywhere}.shift-duty-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shift-duty-heading h4{margin:5px 0}.shift-duty-heading .eyebrow{margin:0}.shift-duty-pill{flex-shrink:0;padding:7px 10px;border-radius:24px;background:#dfede7;font-size:12px;color:#295c49}.shift-duty-source p{margin:12px 0;line-height:1.6}.shift-duty-source small{color:#526961;line-height:1.6}.shift-duty-warning{padding:12px;border-radius:10px;background:#fff0d7;color:#76500e}.shift-duty-colleague{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0;padding:14px 18px;border-radius:12px;background:#eef2fb}.shift-duty-colleague span{color:#53627b}.shift-duty-success{padding:24px;background:#edf7f1;border:1px solid #cee4d6;border-radius:16px}.shift-duty-panel .sop-actions{display:flex;gap:10px;flex-wrap:wrap}.shift-duty-panel label{display:grid;gap:9px}.shift-duty-panel label.check{display:flex;align-items:flex-start;gap:10px}.shift-duty-panel label.check input{margin-top:4px;flex-shrink:0}@media(max-width:480px){.shift-duty-heading{flex-direction:column}.shift-duty-hero,.shift-duty-source,.shift-duty-success{padding:16px}.shift-duty-panel input[type=datetime-local]{font-size:13px}.shift-duty-panel .sop-actions .button{flex:1}.shift-duty-panel{gap:16px}}
#app-dialog:has(.shift-duty-panel){width:min(850px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.shift-duty-panel label{font-size:14px;font-weight:600;color:#214b40}.shift-duty-panel input,.shift-duty-panel textarea,.shift-duty-panel select{border:1px solid #b9cec5;border-radius:10px;background:#fff;padding:12px 13px;color:#173d32;font:inherit;font-weight:400;line-height:1.5;min-height:46px}.shift-duty-panel input:focus,.shift-duty-panel textarea:focus,.shift-duty-panel select:focus{outline:2px solid #6ba68f;outline-offset:2px}.shift-duty-panel textarea{min-height:110px;resize:vertical}.shift-duty-panel input[type=checkbox]{min-height:auto;padding:0;accent-color:#285b49}.shift-duty-panel label.check{font-weight:400;padding:13px;background:#edf4f0;border-radius:10px;line-height:1.6}