.root-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin-bottom:24px;background:#e6f1f6;border:1px solid #bbd2df;border-radius:12px;color:#244d67}.root-mode-banner strong,.root-mode-banner span{display:block}.root-mode-banner span{font-size:13px;margin-top:4px}.root-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.root-demo-fields small{display:block;font-weight:400;color:#617384;font-size:12px;margin-top:6px}.root-demo-modal .modalbody{display:block}.root-demo-modal .modalbody>div,.root-demo-modal form{margin-bottom:24px}.root-demo-modal #root-demo-error[hidden]{display:none}.root-demo-modal .tablewrap{max-height:300px;overflow:auto}.root-demo-modal td{overflow-wrap:anywhere;max-width:420px}.root-demo-modal{overflow:auto}label[hidden]{display:none!important}@media(max-width:760px){.root-mode-banner{align-items:flex-start;flex-direction:column}.root-demo-fields{grid-template-columns:1fr}.root-mode-banner .btn{width:100%}}

.root-demo-modal{display:flex;flex-direction:column;overflow:hidden}.root-demo-modal>.modalbody{flex:1;min-height:0;overflow:auto}.root-demo-modal>.modalhead,.root-demo-modal>.modalfoot{flex:none}

.root-demo-badge{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;padding:3px 8px;border:1px solid #b7d0dd;border-radius:20px;background:#e6f1f6;color:#244d67;font-size:11px;font-weight:600;line-height:1.5}