:root{--dd-width:44vw;--dd-height:46dvh}
.dd-toggle[hidden],.dd-panel[hidden],.dd-panel [hidden]{display:none!important}.dd-toggle{position:fixed;right:0;top:42%;z-index:1040;display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 9px;background:#6957d9;color:#fff;border:1px solid #5946c2;border-right:0;border-radius:11px 0 0 11px;box-shadow:-3px 4px 18px #3e2f6e22;font-size:var(--sp-text-sm);cursor:pointer}.dd-toggle>span:first-of-type{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;letter-spacing:.04em}.dd-toggle [data-document-count]{font-size:var(--sp-text-xs);background:#ffffff25;border-radius:5px;padding:2px 5px}.dd-toggle:hover{background:#5845c1}.dd-panel{position:fixed;right:0;top:72px;bottom:0;width:var(--dd-width);z-index:1040;display:flex;flex-direction:column;background:#f4f5f8;box-shadow:-9px 0 30px #24314f15;border-left:1px solid #d9ddea;color:#344054;animation:dd-enter .2s ease-out}.dd-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:white;border-bottom:1px solid #e7eaf1;flex-shrink:0}.dd-header>div>span{display:block;font-size:var(--sp-text-xs);font-weight:800;letter-spacing:.08em;color:#98a2b3}.dd-header h2{font-size:18px;font-weight:800;color:#26364c;margin:6px 0 0}.dd-panel .dd-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:33px;border:1px solid #dde2ec;border-radius:7px;background:#fff;color:#7967c1;font-size:var(--sp-text-sm);cursor:pointer}.dd-panel .dd-icon:hover{background:#f2effa}.dd-controls{padding:14px 20px 10px;background:#fff;flex-shrink:0}.dd-controls label{display:block;font-size:var(--sp-text-xs);color:#72809a;margin-bottom:6px}.dd-select-row{display:flex;gap:8px;align-items:center}.dd-select-row select{width:100%;min-width:0;border:1px solid #d9dfea;border-radius:7px;height:37px;font-size:var(--sp-text-sm);color:#40506c;background:white;padding:6px 9px}.dd-controls p{font-size:var(--sp-text-xs);color:#8390a6;overflow-wrap:anywhere;margin:8px 0 0}.dd-status{font-size:var(--sp-text-xs);color:#8b651f;background:#fff5df;padding:9px 20px;flex-shrink:0}.dd-status:empty{display:none}.dd-viewer{position:relative;flex:1;min-height:0;padding:10px}.dd-viewer iframe{border:1px solid #d9dfeb;border-radius:7px;width:100%;height:100%;display:block;background:#fff}.dd-viewer #document-drawer-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;color:#8c96aa;font-size:var(--sp-text-sm)}.dd-viewer #document-drawer-empty>i{font-size:35px;color:#b4a6d4;margin-bottom:16px}.dd-viewer strong{font-size:var(--sp-text-base);color:#53617b}.dd-viewer p{max-width:290px;line-height:1.65;margin-top:9px}.dd-panel .dd-footer{background:#fff;color:#8a94a6;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid #e3e7ee;font-size:var(--sp-text-xs);text-align:left;flex-shrink:0}.dd-footer button{background:none;border:0;color:#7661b9;font-size:var(--sp-text-xs);font-weight:700;cursor:pointer}.dd-resize{position:absolute;top:0;bottom:0;left:-5px;width:9px;cursor:ew-resize;touch-action:none;z-index:1}.dd-resize:after{content:'';position:absolute;top:45%;left:3px;height:44px;width:3px;border-radius:3px;background:#c5b5e0}.dd-resize:hover:after,.dd-resize:focus:after{background:#8563be}.dd-resizing{cursor:ew-resize!important;user-select:none}.dd-resizing iframe{pointer-events:none}.dd-panel :is(button,a,select):focus-visible,.dd-toggle:focus-visible{outline:3px solid #b9a7e4;outline-offset:3px}.dd-resize:focus-visible{outline:2px solid #9f80ce;outline-offset:-2px}
body.document-drawer-open:not(.document-drawer-modal) .wrapper{padding-right:var(--dd-width)}
body.document-drawer-modal .modal.show>.modal-dialog{max-width:none!important;width:calc(100% - var(--dd-width) - 32px);margin:16px}.document-drawer-modal .dd-panel{top:16px;bottom:16px;border-radius:12px 0 0 12px;z-index:1060}.document-drawer-modal .dd-toggle{z-index:1060}.dd-launcher{padding:22px;border:1px dashed #d8d0e9;background:#faf9fd;border-radius:10px;text-align:left;color:#7c7390}.dd-launcher>i{font-size:25px;color:#ac98cc;margin-bottom:12px}.dd-launcher h6{font-size:var(--sp-text-sm);font-weight:750;color:#5b5075;margin:0 0 8px}.dd-launcher p{font-size:var(--sp-text-sm);line-height:1.7;margin:0 0 13px}
#order-editor,[data-deployment-editor]{container-type:inline-size;container-name:document-form}
@container document-form (max-width:900px){#order-editor .oe-card-grid,#order-editor .oe-requirements,.de-layout{grid-template-columns:minmax(0,1fr)}.de-sidebar{position:static;grid-row:auto}#order-editor .oe-header{flex-wrap:wrap}#order-editor .order-document-layout{grid-template-columns:minmax(0,1fr)}}
@container document-form (max-width:620px){#order-editor .oe-fields,#order-editor .oe-fields-three,.de-fields,.de-sidebar{grid-template-columns:minmax(0,1fr)}#order-editor .oe-card{padding:18px}#order-editor .oe-savebar{flex-wrap:wrap}#order-editor .oe-savebar p{max-width:none}.de-save{flex-wrap:wrap}}
@keyframes dd-enter{from{transform:translateX(30px);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(max-width:1049px){.dd-panel{top:auto;bottom:0;width:100%;height:var(--dd-height);border-left:0;border-top:1px solid #d6dce8;border-radius:12px 12px 0 0}.dd-toggle{padding:12px 7px}.dd-header{padding:10px 14px}.dd-header h2{font-size:var(--sp-text-base);margin-top:3px}.dd-header>div>span{display:none}.dd-controls{padding:8px 14px}.dd-controls label{display:none}.dd-controls p{display:none}.dd-panel .dd-footer{padding:7px 14px;font-size:var(--sp-text-xs)}.dd-resize{display:none}.dd-viewer{padding:7px}.dd-status{padding:5px 14px}.document-drawer-open:not(.document-drawer-modal) .wrapper{padding-right:0!important;padding-bottom:calc(var(--dd-height) + 20px)}body.document-drawer-open #order-editor .oe-savebar{position:static}.document-drawer-modal .dd-panel{top:auto;bottom:0;width:100%;border-radius:12px 12px 0 0}body.document-drawer-modal .modal.show>.modal-dialog{width:auto;margin:8px 8px calc(var(--dd-height) + 20px)}}
@media(prefers-reduced-motion:reduce){.dd-panel{animation:none}}