.demo-app{--demo-navy:#0f2942;--demo-teal:#08b8aa;background:#f4f7fa;color:#183348;font-family:Inter,Arial,sans-serif;font-size:11px;container-type:inline-size;text-align:left;min-width:0}.demo-app *{box-sizing:border-box}.demo-app button,.demo-app select,.demo-app input{font:inherit}.demo-app button{cursor:pointer}.demo-app button:disabled{opacity:.45;cursor:default}.demo-app button:focus-visible,.demo-app input:focus-visible,.demo-app select:focus-visible{outline:2px solid #08b8aa;outline-offset:2px}.demo-app-header{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0f2942;color:#fff;padding:14px 16px}.demo-app-header>span{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:750}.demo-app-header>span>span{color:#4ae0d1}.demo-app-header img{width:29px;height:29px;object-fit:contain;border-radius:7px;background:#fff;padding:3px;margin-right:3px}.demo-app-header>small{font-size:9px;color:#c6d8e5}.demo-disclosure{font-size:8px;color:#628090;background:#e9f1f5;padding:7px 15px;letter-spacing:.025em}.demo-body{padding:15px}.demo-kpis{display:flex;gap:9px;margin-bottom:16px}.demo-kpis article{min-width:0;flex:1;background:#fff;border:1px solid #e1e8ed;border-radius:10px;padding:13px 11px}.demo-kpis small,.demo-kpis strong,.demo-kpis span{display:block}.demo-kpis small{font-size:9px;color:#7d919f}.demo-kpis strong{font-size:17px;margin:8px 0;color:#18394e;letter-spacing:-.03em}.demo-kpis span{font-size:8px;color:#369d8d}.demo-section-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin:10px 0 14px}.demo-section-title>span{font-size:8px;font-weight:500;color:#6f8a9b}.demo-chart{display:flex;align-items:flex-end;justify-content:space-around;background:#fff;border-radius:10px;padding:20px 12px 12px;margin-bottom:15px}.demo-chart>div{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-chart b{width:23px;background:linear-gradient(#11b4a4,#78d8c8);border-radius:4px 4px 0 0}.demo-chart small{font-size:8px;color:#7d919f}.demo-table-scroll{overflow:auto;background:#fff;border:1px solid #e0e8ed;border-radius:9px}.demo-app table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.demo-app th{background:#f7f9fa;padding:10px;color:#75909f;text-align:left;font-weight:600;font-size:9px}.demo-app td{padding:10px;border-top:1px solid #eef2f5}.demo-item{display:flex;align-items:center;gap:9px}.demo-item img{width:35px;height:35px;object-fit:cover;border-radius:7px}.demo-badge{display:inline-block;border-radius:20px;padding:4px 7px;background:#e6f7f1;color:#217b64;font-size:8px}.demo-alert{background:#fff6e8;border:1px solid #ffe1b9;border-radius:9px;padding:12px;color:#966116;font-size:10px;line-height:1.5;margin:13px 0}.demo-paper{background:#fff;border:1px solid #dce5eb;padding:18px;box-shadow:0 3px 12px #0f294209}.demo-paper>div:first-child{border-bottom:2px solid #214356;padding-bottom:12px;margin-bottom:12px}.demo-paper small{display:block;color:#90a1ad;margin-top:6px;font-size:9px}.demo-paper>strong{display:block;text-align:right;margin-top:14px;font-size:14px}.demo-team{display:flex;gap:10px;margin:15px 0}.demo-team article{flex:1;text-align:center;border:1px solid #dee7ed;background:#fff;border-radius:12px;padding:15px 5px}.demo-team article.selected{border:2px solid #15ac97;background:#effbf8}.demo-team article>span{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 10px;border-radius:50%;background:#244b63;color:#fff;font-size:16px;font-weight:700}.demo-team b,.demo-team small,.demo-team em{display:block}.demo-team small{margin:4px 0 10px;font-size:8px;color:#8799a7}.demo-team em{font-size:8px;color:#188e78;font-style:normal}.demo-report-footer{font-size:9px;padding:15px 0 3px;color:#448276}.demo-payment-total{text-align:center;background:#fff;border:1px solid #e0e8ed;border-radius:10px;padding:27px}.demo-payment-total small,.demo-payment-total strong{display:block}.demo-payment-total strong{font-size:30px;margin-top:10px}.demo-payment-methods{display:flex;gap:10px;margin:15px 0}.demo-payment-methods span{flex:1;padding:14px 4px;background:#fff;border:1px solid #dce5ea;border-radius:8px;text-align:center;font-size:10px}.demo-payment-methods .selected{border-color:#ff8b3c;background:#fff5ee;color:#c4611d}.demo-body>small{font-size:9px;line-height:1.6;color:#7c919f}.demo-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border:1px solid #dee6ec;border-radius:10px;padding:15px;margin-bottom:15px}.demo-settings label{font-size:8px;color:#90a0ab}.demo-settings b{display:block;border-bottom:1px solid #e0e8ed;padding:9px 0;color:#335264;font-size:10px;font-weight:500}
.explorer-mock:has(.demo-app){display:block;padding:0;min-height:0}.demo-cashier-host{overflow:hidden;min-width:0}.demo-pos-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}.demo-pos-tabs button{border:1px solid #dbe5ec;border-radius:8px;background:#fff;color:#476a80;padding:9px 10px;font-size:9px}.demo-pos-tabs button.active{background:#ff7a24;color:#183246;border-color:#ff7a24;font-weight:700}.demo-pos-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.9fr);gap:12px}.demo-categories{display:flex;gap:5px;margin-bottom:11px}.demo-categories button{font-size:9px;border:0;border-radius:20px;padding:7px 9px;background:#e8eff3;color:#56768b}.demo-categories button.active{background:#ffede0;color:#d4671d}.demo-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-products button{display:block;background:#fff;border:1px solid #dfe7ed;border-radius:10px;padding:6px;text-align:left;color:#244356}.demo-products button:hover{border-color:#ff934b;box-shadow:0 2px 8px #ff7a2420}.demo-products img{display:block;width:100%;height:105px;object-fit:cover;border-radius:6px}.demo-products b,.demo-products small{display:block;padding:0 3px}.demo-products b{font-size:10px;margin:7px 0 4px}.demo-products small{font-size:8px;color:#7a919f;margin-bottom:4px}.demo-cart{background:#fff;border:1px solid #dfe7ed;border-radius:11px;padding:11px;min-width:0}.demo-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.demo-cart-heading b{font-size:10px}.demo-cart-heading button{border:0;background:transparent;color:#c86550;font-size:8px;padding:3px}.demo-cart>label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;margin-bottom:7px;color:#879ba9}.demo-cart select{max-width:140px;border:1px solid #e0e7ec;border-radius:5px;padding:4px;color:#35586e;background:#fff;font-size:9px}.demo-cart-items{max-height:250px;overflow:auto;margin-top:10px}.demo-cart-items article{border-top:1px solid #e5edf2;padding:10px 0}.demo-cart-items article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.demo-cart-items article>div:first-child>button{border:0;background:#fff0ec;color:#b95a45;border-radius:5px;font-size:14px;width:21px;height:21px}.demo-quantity{display:flex;align-items:center;gap:7px;margin:8px 0}.demo-quantity button{width:21px;height:21px;border:1px solid #d9e5eb;background:#f6f9fa;border-radius:5px;color:#537487}.demo-quantity strong{font-size:9px;margin-left:auto}.demo-cart-items input{width:100%;border:1px solid #e5ecef;border-radius:5px;padding:6px;background:#fafcfd;font-size:8px;color:#59768a}.demo-cart-total{display:flex;justify-content:space-between;margin:13px 0;font-size:11px;padding-top:10px;border-top:1px solid #e4ebef}.demo-cart>button{width:100%;border:0;border-radius:7px;padding:10px;font-size:9px;font-weight:700}.demo-save-order{background:#ff7a24;color:#fff}.demo-cart>button.demo-pay-order{margin-top:7px;background:#eaf6f2;color:#258274}.demo-empty{color:#9badba;text-align:center;padding:20px 0;font-size:10px}.demo-queue h3{font-size:13px;margin:10px 0 15px}.demo-queue>button{display:grid;grid-template-columns:1fr auto;gap:9px;width:100%;text-align:left;background:#fff;border:1px solid #dce7ed;border-radius:10px;margin-bottom:10px;padding:15px;color:#2c4e63}.demo-queue>button>span{font-size:12px;font-weight:700}.demo-queue>button small{grid-row:2;grid-column:1/-1;font-size:9px;color:#8aa0ae}.demo-queue>button em{grid-column:1/-1;text-align:right;font-size:9px;font-style:normal;color:#208d78}.demo-live{background:#e6f7f1;color:#237967;padding:10px;border-radius:7px;font-size:10px}.demo-queue>p{color:#90a0ad}
@container(max-width:520px){.demo-pos-grid{grid-template-columns:1fr}.demo-products{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-products img{height:68px}.demo-products b{font-size:8px}.demo-products small{font-size:7px}.demo-cart-items{max-height:180px}.demo-kpis strong{font-size:13px}.demo-app-header>small{font-size:8px}}
@media(max-width:420px){.demo-body{padding:10px}.demo-kpis{gap:6px}.demo-kpis article{padding:10px 7px}.demo-kpis span{font-size:7px}.demo-settings{grid-template-columns:1fr}.demo-app-header{padding:12px}.demo-app-header>span{font-size:14px}.demo-products{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-products img{height:90px}}