.demo-banner{display:flex;gap:20px;align-items:center;background:#fff6e7;border-bottom:1px solid #e8c58d;color:#603c0b;padding:13px 36px;font-size:14px}.demo-banner strong{white-space:nowrap}.demo-nav{display:flex;gap:8px;padding:22px 36px 14px;flex-wrap:wrap;border-bottom:1px solid var(--ow-line,#dce3ef)}.demo-nav-end{display:flex;gap:8px;margin-left:auto}.demo-nav [aria-current=page]{background:#4f4dd6;color:white;border-color:#4f4dd6}.demo-policy{padding:16px 36px 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.demo-policy label{display:flex;align-items:center;gap:8px}.demo-policy small{color:#687895}.demo-message{margin:12px 36px;min-height:1.5em}.demo-message.error{color:#a42222}.demo-message.success{color:#176c49}#demo-retry{margin:16px 36px;border:1px solid #e1b56e;padding:16px}#demo-content{padding:12px 36px 56px}.demo-intro{max-width:750px;padding:32px 0}.demo-intro h2{font-size:28px;line-height:1.25}.demo-intro p{line-height:1.6;color:#5b6b85}.demo-intro ol{padding-left:22px;line-height:2}.demo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 22px;flex-wrap:wrap}.demo-heading h2{font-size:26px;margin:0}.demo-heading p{margin:5px 0;color:#687895}.demo-table-wrap{overflow:auto;border:1px solid #dce3ef;border-radius:5px;max-width:100%}.demo-table{border-collapse:collapse;width:100%;font-size:14px}.demo-table td,.demo-table th{padding:13px 15px;border-bottom:1px solid #dce3ef;text-align:left;vertical-align:top}.demo-table th{background:#f6f7f9;color:#1b2840;font-weight:500;white-space:nowrap}.demo-table tr:last-child td{border-bottom:0}.demo-table .num{text-align:right;font-variant-numeric:tabular-nums}.demo-table .mono{font-family:'IBM Plex Mono',monospace;font-size:12px;white-space:nowrap}.demo-table button{white-space:nowrap}.demo-empty{padding:36px 12px;color:#66748e}.demo-review{border-top:1px solid #dce3ef;padding:22px 0}.demo-review h3{margin:0 0 8px}.demo-review textarea{width:min(700px,100%);min-height:65px;display:block;margin-top:14px}.demo-order-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:18px;margin:22px 0}.demo-order-form label{display:flex;flex-direction:column;gap:7px}.demo-order-form .wide{grid-column:1/-1}.demo-order-form input,.demo-order-form select,.demo-order-form textarea,.demo-table input,#demo-reset-confirm{font:inherit;padding:9px 11px;border:1px solid #c9d2e3;border-radius:4px;background:white;color:#1b2840}.demo-order-form textarea{min-height:75px}.demo-table input{width:110px}.demo-search{display:flex;gap:10px;align-items:center}.demo-search input{font:inherit;padding:10px;border:1px solid #c9d2e3;border-radius:4px;min-width:260px}.demo-status{color:#687895}.demo-doc-note{padding:14px 18px;background:#fff6e7;border-left:3px solid #bc7824;margin:18px 0}#demo-reset-dialog{max-width:520px;border:1px solid #ccd5e4;border-radius:7px;padding:28px;color:#1b2840}#demo-reset-dialog::backdrop{background:#10203966}#demo-reset-dialog label{display:block;margin:18px 0 8px}#demo-reset-confirm{width:100%}#demo-user{max-width:230px;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#65738b}[hidden]{display:none!important}.demo-history{padding-left:20px}.demo-history li{padding:10px 0}.demo-history time{display:block;color:#687895;font-size:12px}@media(max-width:750px){.demo-banner{align-items:flex-start;gap:7px;flex-direction:column;padding:12px 16px}.demo-nav{padding:16px;gap:6px}.demo-nav-end{margin-left:0}.demo-policy{padding:14px 16px 0;gap:8px}.demo-message{margin:12px 16px}#demo-content{padding:8px 16px 42px}.demo-table{min-width:680px}.demo-order-form{grid-template-columns:1fr 1fr}.demo-search{width:100%}.demo-search input{min-width:0;width:100%}.demo-heading h2{font-size:23px}#demo-user{display:none}.demo-table td,.demo-table th{padding:10px}.demo-policy label{align-items:flex-start;font-size:13px}.demo-doc-note{font-size:13px}}