#app-dialog:has(.handover-assignment-panel){width:min(900px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.handover-assignment-panel{display:grid;gap:18px;min-width:0;color:#203f39}.handover-assignment-hero{padding:24px;border-radius:20px;background:linear-gradient(120deg,#e6f2ed,#edf0fb 60%,#fff0df)}.handover-assignment-hero h3{margin:7px 0 10px}.handover-assignment-hero p:last-child{margin:0;color:#52675e}.handover-assignment-source{padding:19px;border-radius:15px;background:#eef3fc;border:1px solid #dce4f3;overflow-wrap:anywhere}.handover-assignment-source h4{margin:10px 0}.handover-assignment-source p{line-height:1.6}.handover-assignment-source small{color:#4f6275}.handover-assignment-panel form{display:grid;gap:18px}.handover-assignment-panel label{display:grid;gap:9px;font-size:14px;font-weight:600}.handover-assignment-panel input,.handover-assignment-panel select,.handover-assignment-panel textarea{box-sizing:border-box;min-width:0;width:100%;max-width:100%;min-height:46px;padding:12px 13px;border:1px solid #b9cec5;border-radius:10px;background:white;color:#203f39;font:inherit;font-weight:400;line-height:1.5}.handover-assignment-panel textarea{min-height:100px;resize:vertical}.handover-assignment-panel :is(input,select,textarea):focus{outline:2px solid #6ba68f;outline-offset:2px}.handover-assignment-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.handover-assignment-panel label.check{display:flex;align-items:flex-start;gap:11px;padding:14px;border-radius:11px;background:#edf4f0;font-weight:400;line-height:1.6}.handover-assignment-panel input[type=checkbox]{width:auto;min-height:0;margin-top:5px;accent-color:#285c48;flex-shrink:0}.handover-assignment-notice{padding:16px;border-radius:12px;background:#fff1db;color:#755017;line-height:1.6}.handover-assignment-success{padding:22px;background:#e8f4ed;border-radius:16px;line-height:1.7}.handover-assignment-panel .sop-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:560px){.handover-assignment-two{grid-template-columns:1fr}.handover-assignment-hero,.handover-assignment-source{padding:16px}.handover-assignment-panel .sop-actions .button{flex:1}.handover-assignment-panel input[type=datetime-local]{font-size:13px}}

.handover-assignment-person{padding:18px;border-radius:14px;background:#edf5ee;display:grid;gap:8px}.handover-assignment-person strong{font-size:18px}.handover-assignment-person p{margin:4px 0;line-height:1.6}.handover-assignment-person small{color:#51695c}