@import url('/native-demo/editor.css');
/* Frame-only containment. Product selectors, typography and colours come from campaigns.css. */
/* Isolate the original contextual card; no restyling of its internal controls. */
body[data-scene=form] .btn-delete-fixed{display:none}
body[data-focus=referral] .step-card-compact:not(:has(#referralToggle)),body[data-focus=refill] .step-card-compact:not(:has(#spinRefillToggle)),body[data-focus=contact] .step-card-compact:not(:has(#contactVerifyRow)){display:none}
body[data-focus=referral] .page-header,body[data-focus=referral] .step-header,body[data-focus=refill] .page-header,body[data-focus=refill] .step-header,body[data-focus=contact] .page-header,body[data-focus=contact] .step-header{display:none}
body[data-scene=email] .email-modal{transform:none;opacity:1;max-width:100%;box-sizing:border-box}body[data-scene=notifications]{padding-top:30px}
html,body{margin:0;min-height:100%;background:#f4f5f6}body{padding:12px;box-sizing:border-box}#app{max-width:100%;margin:0;padding:0}#demo-feedback{display:none;position:sticky;bottom:0;padding:10px;background:#e8f5e9;color:#285d37;font-size:13px;border-radius:8px}#demo-feedback:not(:empty){display:block}body[data-scene=form] .campaign-form-step{display:none!important}body[data-scene=form] .campaign-form-step.demo-visible{display:block!important}.campaign-form-container{padding:0!important;max-width:100%!important}.campaign-form-header,.stepper-container,.campaign-stepper,.step-navigation,.campaign-form-actions{display:none!important}input:disabled,button:disabled,select:disabled{cursor:default}body[data-scene^=crm] .crm-global-grid{grid-template-columns:1fr}body[data-scene=leads]{overflow-x:auto}a{overflow-wrap:anywhere}
body[data-scene=editor],body[data-focus=refill],body[data-focus=referral]{min-height:0!important;height:auto!important;overflow:hidden!important}
html:has(body[data-scene=editor]),html:has(body[data-focus=refill]),html:has(body[data-focus=referral]){height:auto!important;min-height:0!important;overflow:hidden!important}
body[data-scene=editor] .control-row{display:flex;flex-wrap:wrap;gap:12px}body[data-scene=editor] .weight-badge{flex:1 1 200px;min-width:0;max-width:100%}body[data-scene=editor] .weight-input{min-width:0;width:100%;max-width:180px}body[data-scene=editor] .sector-count-control{flex-wrap:wrap;max-width:100%}body[data-scene=editor] .sector-header{flex-wrap:wrap}body[data-scene=editor] .sector-card{max-width:100%;box-sizing:border-box}body[data-focus=refill] .step-card-compact,body[data-focus=referral] .step-card-compact{min-height:0!important;padding-bottom:20px!important}
