#workspaceModal .modal-dialog{width:calc(100% - 32px);max-width:760px;margin:24px auto;min-height:calc(var(--workspace-height,100dvh) - 48px)}
#workspaceModal.workspace-cashier .modal-dialog{max-width:1400px}
#workspaceModal .modal-content{border:0;border-radius:8px;overflow:hidden;max-height:calc(var(--workspace-height,100dvh) - 48px);box-shadow:0 18px 60px #152f4940}
#workspaceModal .modal-header{padding:12px 18px;min-height:60px;flex-shrink:0;background:#f2f8fc;border-bottom:1px solid #d7e6ee}
#workspaceModal .modal-title{font-size:18px;line-height:1.4;overflow-wrap:anywhere}
#workspaceModal .btn-close{flex-shrink:0;padding:12px;margin-left:auto}
#workspaceModal .modal-body{flex:0 1 auto;min-height:0;overflow:hidden}
.workspace-frame{display:block;border:0;width:100%;height:360px;background:#fff}
.workspace-loading .workspace-frame{visibility:hidden}
.workspace-loading-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#385469;background:#fff}
.workspace-loading-message[hidden]{display:none}
.workspace-embedded .sidebar,.workspace-embedded .topbar,.workspace-embedded .global-order-toast{display:none!important}
.workspace-embedded{min-height:0!important;background:#fff}
.workspace-embedded .content{margin:0!important;padding:0!important;width:100%!important;min-height:0!important}
.workspace-embedded .page-wrap{padding:18px!important;min-height:0!important}
.workspace-embedded #form,.workspace-embedded [data-workspace-entry]{display:block!important;width:100%;max-width:100%;margin:0 auto;padding:0}
.workspace-editor .panel{border:0;border-radius:0;box-shadow:none;padding:0;margin:0;background:transparent}
.workspace-editor .panel-head{display:none}
.workspace-editor .form-label{font-size:14px;font-weight:600;line-height:1.4}
.workspace-editor .form-control,.workspace-editor .form-select{min-width:0;max-width:100%;font-size:15px}
.workspace-editor .btn{min-height:40px}
.workspace-editor .row>*{min-width:0}
.workspace-context{display:grid;gap:4px;padding:12px;margin-bottom:18px;background:#f2f8fc;border-left:3px solid #d7ad37;overflow-wrap:anywhere}
.workspace-context span{font-size:14px;color:#4b6170}
.workspace-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;border-top:1px solid #e0e7ed}
.workspace-embedded .sticky-panel{position:static!important}
.workspace-embedded .pos-mobile-switch{top:0!important}
.workspace-embedded .pos-order{top:0;height:auto;max-height:none}
.workspace-ready .product-editor,.workspace-ready [data-workspace-entry]{display:none}
.settings-switcher{display:flex;gap:12px;align-items:center;margin-bottom:20px;border-bottom:1px solid #dce5ed;padding-bottom:12px}
.settings-switcher .form-select{max-width:380px}
@media(max-width:767px){.workspace-embedded .page-wrap{padding:14px!important}.workspace-editor .form-control,.workspace-editor .form-select{font-size:16px}.settings-switcher{flex-wrap:wrap}.settings-switcher .form-select{max-width:none}}
@media(max-width:575px){
    #workspaceModal .modal-dialog{width:100%;max-width:none;margin:0;min-height:0;height:var(--workspace-height,100dvh)}
    #workspaceModal .modal-content{height:100%;max-height:100%;border-radius:0}
    #workspaceModal .modal-header{padding:10px 14px;min-height:56px}
    #workspaceModal .modal-body{flex:1 1 auto}
    #workspaceModal .workspace-frame{height:100%!important}
    .workspace-actions .btn{flex:1 1 auto;min-height:44px}
    .workspace-editor input[type=file]{font-size:14px}
}
@media(max-width:359px){.workspace-editor .row>.col-5,.workspace-editor .row>.col-6,.workspace-editor .row>.col-7{width:100%}}