dialog#modal{position:relative;inset:auto;border:0;padding:0;margin:0;width:100%;max-width:none;border-radius:0;background:#fff;box-shadow:0 12px 22px rgba(40,48,44,.22),0 30px 60px rgba(38,45,41,.26);z-index:5}
dialog#modal[open]{display:block}
dialog#modal::backdrop{display:none}
dialog#modal>form{overflow:hidden}
dialog#modal .action-required{display:flex;align-items:center;gap:10px;padding:7px 3.2vw;background:#12251e;border-bottom:1px solid #29473b;color:#f4faf6}
dialog#modal .action-required>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d6a84a;color:#12251e;font-weight:800;box-shadow:0 2px 5px #07130e66}
dialog#modal .action-required strong,dialog#modal .action-required small{display:block}
dialog#modal .action-required strong{font:700 13px Manrope}
dialog#modal .action-required small{font-size:11px;color:#b9cbc2}
dialog#modal .modal-head{padding:6px 3.2vw;border-bottom:2px solid #b9d2c5;align-items:center}
dialog#modal #modalBody{padding:calc(10px + var(--child-content-offset,0px)) 3.2vw 22px;max-height:none;overflow:visible}
dialog#modal .modal-actions{padding:15px 3.2vw;border-top:2px solid #b9d2c5;justify-content:flex-start;background:#e5f2eb}
dialog#modal .modal-actions[hidden]{display:none!important}
dialog#modal .modal-head .close{color:#fff;background:#bf3f3f;border:1px solid #9d2e2e;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;line-height:1;box-shadow:0 3px 8px #7e24243d}
dialog#modal .modal-head .close:hover{background:#9f2f2f}
main.child-active #mainWorkspace{background:#eef0ed;color:#59645f;user-select:text}
main.child-active #mainWorkspace>header button,
main.child-active #mainWorkspace>header input,
main.child-active #mainWorkspace>header select,
main.child-active #mainWorkspace>header textarea,
main.child-active #mainWorkspace>header a,
main.child-active #content button,
main.child-active #content input,
main.child-active #content select,
main.child-active #content textarea,
main.child-active #content a{pointer-events:none;filter:grayscale(1);opacity:.58}
.workflow-master-detail{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.4fr);gap:16px;align-items:start}
.workflow-master-detail .selected-row{background:#e7f4ed}
.workflow-master-detail .selected-choice{color:#a9afac;background:#f5f6f5;border-color:#dde1df;box-shadow:none}
.workflow-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.workflow-toolbar button{padding:7px 10px}
.approver-editor{display:grid;grid-template-columns:minmax(240px,.8fr) 1.4fr;gap:18px}
.approver-picker{position:sticky;top:12px}
.approver-picker select{width:100%;margin:8px 0 10px}
.sequence-actions{display:flex;gap:5px;justify-content:flex-end}
@media(max-width:850px){.workflow-master-detail,.approver-editor{grid-template-columns:1fr}.approver-picker{position:static}}
@media(max-width:720px){dialog#modal .action-required,dialog#modal .modal-head,dialog#modal #modalBody,dialog#modal .modal-actions{padding-left:18px;padding-right:18px}dialog#modal #modalBody{padding-top:10px}}
.questionnaire-content{margin:14px 0;padding:16px;border-radius:10px;background:#f4f8f6;border:1px solid #cbdcd3;color:#17231f}
.questionnaire-content p{margin:0;line-height:1.6}
.questionnaire-content img{display:block;max-width:100%;max-height:620px;margin:auto;border-radius:8px}
.questionnaire-content iframe{display:block;width:100%;height:620px;border:0;border-radius:8px;background:#fff}
.assessment-question-navigation{display:flex;gap:10px;align-items:center;margin:18px 0;flex-wrap:wrap}