:root{color-scheme:light;--purple:#593d66;--orange:#ff7010;--ink:#2d2035;--muted:#706777;--line:#e7dfea}*{box-sizing:border-box}body{margin:0;background:#f5f1f8;color:var(--ink);font:15px/1.6 system-ui,sans-serif}button,a{font:inherit}a{color:var(--purple);text-decoration:none}button{background:#fff;color:var(--purple);border:1px solid var(--line);border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ff994f;outline-offset:3px}.primary{background:var(--orange);color:var(--ink);border-color:var(--orange)}.demo-header{background:#fff;display:flex;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.demo-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;letter-spacing:-.7px}.demo-brand strong{color:#b54500;margin-left:-8px}main{max-width:1200px;margin:auto;padding:45px 24px}.eyebrow{letter-spacing:1.5px;font-size:11px;font-weight:700;color:var(--purple)}h1{font-size:clamp(32px,4vw,50px);line-height:1.15;letter-spacing:-1.8px;margin:20px 0}h1 span{color:var(--purple)}.demo-intro>p:last-child{color:var(--muted);max-width:780px}.demo-roles{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.demo-roles button[aria-pressed=true]{background:var(--purple);color:#fff;border-color:var(--purple)}.demo-guide{border:1px solid #d9cce1;background:#eee7f3;border-radius:16px;padding:22px;display:flex;justify-content:space-between;gap:25px;margin-bottom:24px;align-items:center}.demo-guide h2{margin:6px 0;font-size:23px}.demo-guide p{margin:0;color:var(--muted)}#demo-step{font-size:11px;font-weight:700;color:var(--purple)}.guide-controls{display:flex;gap:8px;flex-shrink:0}.demo-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.demo-metric,.demo-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.demo-metric span{font-size:12px;color:var(--muted);display:block}.demo-metric strong{font-size:27px;color:var(--purple);display:block;margin-top:10px}.demo-panel h2{margin:0 0 20px;font-size:22px}.demo-panel>p{color:var(--muted)}.demo-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th,td{padding:14px 10px;border-bottom:1px solid var(--line)}th{background:#faf8fc}.demo-checklist{display:grid;gap:12px;list-style:none;padding:0}.demo-checklist li{border-bottom:1px solid var(--line);padding-bottom:12px}.demo-pos{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.demo-products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.demo-products button{text-align:left;padding:24px 17px;min-height:155px;background:#faf8fc}.demo-products small,.demo-products strong,.demo-products span{display:block}.demo-products small{font-size:11px;color:var(--muted)}.demo-products strong{font-size:17px;margin:10px 0}.demo-products span{color:#b54500}.demo-cart{min-height:180px;margin:20px 0}.demo-line{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:15px 0}.demo-line strong{font-size:13px}.demo-line>div{display:flex;align-items:center;gap:10px}.demo-line button{padding:7px 12px}.demo-line b{font-size:13px}.demo-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-bottom:20px}.demo-total strong{font-size:25px}.demo-badge{border-radius:20px;background:#eee7f3;color:var(--purple);padding:6px 10px;font-size:12px}.demo-ticket{border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:12px;padding:24px;max-width:500px}.demo-ticket header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.demo-ticket aside{background:#fff4ec;padding:14px;border-radius:10px;font-size:13px}.ticket-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.demo-success{color:#27865e!important}.demo-businesses{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-businesses article{background:#faf8fc;border:1px solid var(--line);padding:24px;border-radius:12px}.demo-businesses article>span{display:grid;place-items:center;background:var(--purple);color:#fff;width:42px;height:42px;border-radius:12px;font-weight:700}.demo-businesses h3{font-size:20px}.demo-businesses small{color:var(--muted)}#demo-message{color:var(--purple);min-height:24px}.demo-end{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:25px;align-items:center}.demo-end a{font-size:13px;font-weight:700}@media(max-width:800px){.demo-guide{flex-direction:column;align-items:start}.guide-controls{flex-wrap:wrap}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pos{grid-template-columns:1fr}.demo-header{padding:17px;flex-wrap:wrap}.demo-header>a:last-child{font-size:12px}.demo-businesses{grid-template-columns:1fr}.demo-metric{padding:18px}.demo-metric strong{font-size:25px}.demo-panel{padding:20px}main{padding:30px 18px}}@media(max-width:360px){.demo-products{grid-template-columns:1fr}.demo-roles button{font-size:12px;padding:10px}.demo-line{justify-content:flex-start}}
/* R1: app-like functional showcase */
body{background:linear-gradient(145deg,#faf8fd,#f5f0fa 42%,#fff8f4)}.demo-header{align-items:center;padding-top:14px;padding-bottom:14px}.demo-brand strong{margin-left:0}.demo-brand span{white-space:nowrap}.demo-isolated{font-size:12px;font-weight:750;background:#e9f8ee;color:#1e6846;border-radius:100px;padding:6px 14px}.demo-back{font-weight:750}main{padding-top:32px;padding-bottom:30px}.demo-intro{display:flex;justify-content:space-between;align-items:center;gap:24px}.demo-intro h1{margin:12px 0;font-size:clamp(29px,3.6vw,47px)}.demo-intro p:not(.eyebrow){color:var(--muted);max-width:740px;margin-bottom:8px}.demo-signup{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;flex-shrink:0;border-radius:12px;padding:16px 20px;font-weight:800}.demo-roles{margin:25px 0 20px;background:white;padding:12px;border:1px solid var(--line);border-radius:18px;gap:8px}.demo-roles button{border-color:transparent;background:#f8f4fa;padding:12px 15px}.demo-roles button[aria-pressed=true]{background:var(--purple);border-color:var(--purple)}.demo-top{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:4px 0 20px}.demo-top h2{font-size:28px;margin:0 0 4px}.demo-top p{color:var(--muted);margin:0}.demo-top .eyebrow{margin-bottom:5px}.demo-live{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:12px;color:#1b8154;font-weight:750}.demo-live button{font-size:12px;padding:8px 11px}.demo-workspace{min-height:400px}.demo-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.demo-columns.wide-left{grid-template-columns:1.18fr 1fr}.demo-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.demo-order{border:1px solid var(--line);border-top:4px solid var(--orange);padding:22px;background:white;border-radius:15px;min-width:0}.demo-order-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.demo-order-head h3{margin:3px 0;font-size:19px}.demo-order-head small{font-size:11px;color:var(--muted)}.demo-status{display:inline-flex;border-radius:50px;padding:5px 10px;white-space:nowrap;background:#f3f0f8;color:var(--purple);font-size:11px;font-weight:800}.demo-status.preparing{background:#fff1d5;color:#98520e}.demo-status.ready{background:#ddf8e6;color:#186c39}.demo-status.delivered{background:#e1efff;color:#174e8e}.demo-order-items{margin:16px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-item{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}.demo-order-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.demo-order-foot small{color:var(--muted)}.demo-order-actions,.demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.demo-order-actions button{padding:8px 12px;font-size:12px}.demo-panel h3{font-size:20px;margin:0 0 12px}.demo-panel>p{color:var(--muted)}.demo-feature-list{list-style:none;padding:0;display:grid;gap:10px}.demo-feature-list li{padding:8px 0;border-bottom:1px solid var(--line)}.demo-table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.demo-table{background:#e9f8ee;min-height:116px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px}.demo-table.busy{background:#fff0e4}.demo-table span{font-size:22px}.demo-table strong{font-size:12px}.demo-table small{font-size:11px}.demo-role-map{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.demo-role-map button{text-align:left}.demo-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;margin:14px 0}.demo-field select,.demo-field input{background:#fff;border:1px solid #cfc3d6;color:var(--ink);font:inherit;border-radius:10px;padding:11px 13px;max-width:100%}.demo-field small{font-weight:400;color:var(--muted)}.demo-products{grid-template-columns:1fr 1fr;margin:14px 0}.demo-product{background:#fcf9ff;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:13px;min-width:0}.demo-food-emoji{font-size:30px}.demo-product>div:nth-child(2){flex:1;min-width:0}.demo-product strong,.demo-product small,.demo-product b{display:block;line-height:1.45}.demo-product strong{font-size:12px}.demo-product small{font-size:10px;color:var(--muted)}.demo-product b{font-size:13px;color:#b34d0a}.demo-qty{display:flex;align-items:center;gap:6px}.demo-qty button{font-size:14px;padding:5px 9px}.demo-qty span{font-size:12px;min-width:14px;text-align:center}.demo-waiter-order{border:1px solid var(--line);border-radius:12px;padding:13px;margin:12px 0}.demo-round{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px;flex-wrap:wrap}.demo-round>span:first-child{display:flex;align-items:center;gap:6px}.demo-round button{font-size:11px;padding:6px 10px}.demo-kds-head{margin-bottom:15px}.demo-empty{grid-column:1/-1}.demo-check{min-width:0}.demo-check>div:not(.demo-order-head){margin:10px 0}.demo-paid{padding:10px;background:#eaf9ee;border-radius:10px}.demo-beeper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.demo-beeper{background:#f5f1fa;border:1px solid var(--line);text-align:center;border-radius:16px;padding:20px 12px}.demo-beeper>span{font-size:39px}.demo-beeper h3{font-size:27px;margin:5px}.demo-beeper strong{display:block}.demo-beeper.is-called{background:#fff0db;border-color:#ffa353;box-shadow:0 0 0 3px #fff6ea}.demo-message{min-height:24px;color:#1b7247;font-weight:800;margin-top:14px}.demo-message.is-error{color:#b12e26}.demo-footer{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}.demo-footer a{font-weight:800}.demo-note{font-size:12px;color:var(--muted)}.demo-busy{cursor:progress}.demo-busy button{pointer-events:none}.demo-order-grid>*{min-width:0}#demo-receipt{display:none}
@media(max-width:1050px){.demo-intro{align-items:flex-start}.demo-columns,.demo-columns.wide-left{grid-template-columns:1fr}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-order-grid{grid-template-columns:1fr 1fr}.demo-beeper-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){main{padding:22px 12px}.demo-intro{flex-direction:column;gap:12px}.demo-signup{white-space:normal}.demo-isolated{order:4}.demo-header{gap:8px}.demo-back{margin-left:auto}.demo-roles{gap:5px;padding:8px}.demo-roles button{font-size:12px;padding:9px}.demo-top{flex-direction:column;align-items:flex-start;gap:10px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-metric{padding:12px}.demo-metric strong{font-size:19px}.demo-panel,.demo-order{padding:15px}.demo-order-grid{grid-template-columns:1fr}.demo-products{grid-template-columns:1fr}.demo-beeper-grid{grid-template-columns:1fr 1fr}.demo-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-role-map{grid-template-columns:1fr}}
@media print{body>*:not(#demo-receipt){display:none!important}#demo-receipt{display:block!important;font-family:monospace;font-size:12px;margin:0 auto;padding:6px;width:72mm;color:#000!important}#demo-receipt h2{text-align:center;font-size:18px}#demo-receipt>div{display:flex;justify-content:space-between;padding:5px 0}#demo-receipt hr{border:0;border-top:1px dashed #000}}

/* Guided functional workflow; stays legible on phones without horizontal overflow. */
.demo-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-radius:15px;margin:0 0 24px;padding:13px 15px;background:#fff7ed;border:1px solid #f4d7b8}
.demo-flow>span{font-size:12px;color:#70401c;margin-right:8px}
.demo-flow button{font-size:11px;font-weight:750;background:#fff;border:1px solid #eac9a9;color:#673c20;border-radius:10px;padding:10px}
.demo-flow button:hover,.demo-flow button:focus-visible{background:#fdf0df;border-color:#f18b39}
@media(max-width:700px){.demo-flow{padding:11px;gap:6px}.demo-flow>span{flex-basis:100%}.demo-flow button{font-size:11px;flex:1 1 125px}}

.demo-brand .platform-wordmark{width:min(230px,50vw);height:auto;max-height:68px;object-fit:contain}

/* ClickRestaurante Demo 360 — identidad de landing aprobada, sin dependencias externas. */
[hidden]{display:none!important}
:root{--brand-deep:#25162f;--brand-purple:#6b347f;--brand-orange:#ff9438;--brand-pale:#faf7ff}
body{background:linear-gradient(154deg,#f7f2fc 0%,#ffffff 54%,#fff8ef 100%);color:#2d2033}
.demo-header{position:relative;background:#fff;border-bottom:1px solid #eee6f1;padding:12px clamp(14px,4vw,54px);gap:16px}
.demo-header .demo-isolated{background:#e9f7eb;color:#256c43}.demo-header .demo-back{color:var(--brand-deep)}
main#demo-app{max-width:1480px;margin:0 auto;padding:clamp(18px,3vw,40px)}
.demo-onboard{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);background:#fff;border:1px solid #eee4f0;border-radius:30px;overflow:hidden;min-height:650px;box-shadow:0 28px 80px rgba(48,22,64,.10)}
.demo-onboard-art{position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,5vw,66px);background:radial-gradient(circle at 88% 17%,rgba(251,131,46,.30),transparent 25%),radial-gradient(circle at 28% 94%,rgba(177,93,217,.30),transparent 36%),linear-gradient(140deg,#241530,#45215f 76%,#4f2a67);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:20px}
.demo-onboard-kicker,.demo-small-label{font-size:11px;font-weight:850;letter-spacing:.13em}.demo-onboard-kicker{color:#ffb881}
.demo-onboard-art h1{color:white;font-size:clamp(38px,4.2vw,66px);line-height:1.06;margin:0;letter-spacing:-.04em;max-width:610px}
.demo-onboard-art h1 em{color:#ffa64e;font-style:normal}.demo-onboard-art>p{font-size:clamp(14px,1.3vw,18px);color:#e6d9ed;max-width:520px;line-height:1.62;margin:0}.demo-orbit{position:absolute;right:18px;top:5px;color:#ff9b4e;font-size:108px;opacity:.2;z-index:-1}
.demo-visual-chips{display:flex;gap:9px;flex-wrap:wrap}.demo-visual-chips span{border-radius:99px;padding:10px 14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;color:white;font-weight:750}
.demo-preview-board{padding:22px;background:rgba(255,255,255,.94);border-radius:20px;color:#2b1a37;box-shadow:0 15px 55px rgba(15,7,35,.23);margin-top:15px;transform:rotate(-1deg);max-width:570px}
.preview-head{display:flex;justify-content:space-between;gap:10px}.preview-head span{font-size:10px;background:#fff2df;padding:6px 10px;border-radius:30px;color:#a05a16;font-weight:900}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.preview-metrics>div{background:#f7f2fa;padding:15px;border-radius:14px}.preview-metrics strong{display:block;font-size:22px}.preview-metrics small{color:#786886}.preview-tickets{display:flex;gap:8px;flex-wrap:wrap}.preview-tickets span{border-radius:9px;padding:9px 11px;font-weight:750;font-size:11px;background:#f4ebf7}.preview-tickets span:nth-child(2){background:#fff2de}.preview-tickets span:nth-child(3){background:#e7f7e6}
.demo-config{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(23px,4vw,60px);background:#fff}.demo-config h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;margin:0;color:#301b42}.demo-config>p{margin:0 0 17px;color:#736579}.demo-config .demo-small-label{color:#a04d1b}.demo-config label{font-weight:800;color:#3d2b46;font-size:13px;margin-top:6px}
.demo-config select{width:100%;font:inherit;font-size:14px;color:#33203d;background:#fcfaff;border:1px solid #d8c9e3;border-radius:12px;padding:14px 13px;min-height:49px}
.demo-business-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-business-options button{font-size:11px;font-weight:800;line-height:1.4;padding:11px 8px;background:#fbf9fc;border:1px solid #e9e0eb;border-radius:12px;min-height:56px}.demo-business-options button.selected{border-color:#8738a6;background:#f5e7fc;color:#502263;box-shadow:inset 0 0 0 1px #8738a6}
.demo-selected-country{padding:13px 15px;background:#f7f1fc;border-radius:12px;color:#654b72;font-size:12px}.demo-start{border:0;border-radius:12px;background:#fc8433;color:#251630;font-weight:900;font-size:15px;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center;cursor:pointer}.demo-start:hover{background:#ffa150;transform:translateY(-1px)}.demo-start:disabled{opacity:.6}.demo-config>small{font-size:11px;color:#746c7c;line-height:1.5}.demo-config-error{color:#b3322b;font-weight:750;font-size:12px;min-height:10px}
.demo-intro{border-radius:22px;padding:clamp(22px,4vw,38px);background:radial-gradient(circle at 85% 5%,rgba(255,156,66,.3),transparent 28%),linear-gradient(115deg,#271632,#52306a);color:white;margin-bottom:20px}.demo-intro h1{color:#fff;margin-bottom:10px;font-size:clamp(28px,3vw,42px)}.demo-intro h1 span{color:#ffaf67}.demo-intro p:not(.eyebrow){color:#f1e7f6}.demo-intro .eyebrow{color:#ffc58d}.demo-intro-actions{display:flex;gap:12px;flex-direction:column;align-items:flex-end}.demo-intro-actions>button{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:10px 15px}.demo-intro .demo-signup{background:#ff9239;color:#301c37;border:0;font-size:12px}
.demo-guide-v2{margin:22px 0 18px;border:1px solid #e5d7ed;background:#fff;border-radius:19px;padding:22px;box-shadow:0 6px 25px rgba(57,18,73,.05)}.demo-guide-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.demo-guide-head h2{font-size:24px;margin:5px 0}.demo-guide-head p:last-child{color:#6c5d70;margin:0;font-size:13px}.demo-guide-head .eyebrow{color:#b36729;font-size:10px}.demo-progress-label{font-weight:850;background:#f5edfa;color:#652f7e;padding:9px 12px;border-radius:15px;white-space:nowrap;font-size:12px}
.demo-progress{height:8px;border-radius:9px;background:#f1e7f4;margin:17px 0 18px;overflow:hidden}.demo-progress>div{height:100%;background:linear-gradient(90deg,#80319c,#ffa34a);width:0;transition:width .35s}
.demo-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.demo-step{border:1px solid #eee7f0;border-radius:12px;padding:11px 6px;text-align:center;background:#fbfafc;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.demo-step>span{font-size:21px}.demo-step>b{font-size:10px;line-height:1.3;color:#776a7a}.demo-step.current{border-color:#ffae68;background:#fff4e7;box-shadow:inset 0 0 0 1px #ffae68}.demo-step.current>b{color:#3e2846}.demo-step.completed{background:#edf8ef;border-color:#c8e8d0}.demo-step.completed>span{color:#248456;font-weight:900}
.demo-guide-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:17px}.demo-guide-actions button{background:#6a317e;border-color:#6a317e;color:#fff;border-radius:11px;padding:11px 16px}.demo-guide-actions span{font-size:12px;color:#66566e}
.demo-roles{display:flex;flex-wrap:wrap;gap:8px;border:1px solid #e9ddec}.demo-roles button{flex:1 1 125px;font-size:12px;border-radius:10px;white-space:normal}.demo-roles button[aria-pressed=true]{background:#60247a;color:#fff}
.demo-top h2{color:#351c48}.demo-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.demo-metric{background:#fff;border:1px solid #eee2f0;border-radius:17px;padding:19px}.demo-metric strong{font-size:clamp(17px,2vw,26px);overflow-wrap:anywhere;color:#351d43}.demo-metric span{font-size:11px;font-weight:750;color:#817087}
.demo-panel{border-radius:18px;border:1px solid #eee4f0;box-shadow:0 5px 20px rgba(72,27,84,.035)}.demo-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.demo-panel-title h3{margin:0}.demo-pill{color:#793785;background:#f6eafb;border-radius:30px;font-size:10px;font-weight:900;padding:7px 10px}.demo-order{border-top:4px solid #f69b48}.demo-empty{padding:23px;color:#71677c;text-align:center}.demo-empty>span{font-size:44px}.demo-empty h3{margin:7px}.demo-insights{display:grid;gap:12px;margin:15px 0}.demo-insights>div{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;border-bottom:1px solid #eee5f0;padding:10px}.demo-insights strong{font-size:13px}.demo-insights span{grid-column:2;color:#7b6e7d;font-size:12px}
.demo-table{border:1px solid #cde7d5;color:#2d4939;cursor:pointer}.demo-table.busy{border:1px solid #f9c69d;color:#703f15}.demo-table:hover{transform:translateY(-2px)}
.demo-order-form .demo-field{max-width:230px}.demo-table-selector{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-table-selector>span{font-size:11px;color:#75677c}.demo-category-filter{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}.demo-category-filter button{font-size:10px;font-weight:850;padding:8px 11px;border-radius:99px;background:#fff;border:1px solid #e8d9eb}.demo-category-filter button.active{background:#5f2a77;color:#fff}.demo-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-product{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:11px;align-items:center;background:white;padding:10px;border-radius:14px;border:1px solid #eee5f0}.demo-food-emoji{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:30px;background:#fff0dc}.demo-food-2,.demo-food-5,.demo-food-10{background:#edfae7}.demo-food-3,.demo-food-6,.demo-food-12{background:#e8f3fc}.demo-food-7,.demo-food-9,.demo-food-11{background:#faeaf2}.demo-food-meta strong{font-size:12px;line-height:1.35}.demo-food-meta small{font-size:10px}.demo-food-meta b{font-size:12px;color:#ad5118}.demo-qty button{min-width:28px;padding:7px 9px;border-radius:9px}.demo-checkout-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;background:#fbf2e9;border:1px solid #fae1ca;border-radius:14px;margin-top:16px}.demo-checkout-strip>div{display:flex;flex-direction:column;gap:3px}.demo-checkout-strip small{color:#806d78}.demo-checkout-strip strong{font-size:19px}.demo-checkout-strip button{padding:11px 13px;border-radius:11px}.demo-phone{background:linear-gradient(#fff,#faf5fb);border:7px solid #382642;box-shadow:0 14px 28px rgba(30,12,35,.15);border-radius:35px;padding:24px 15px;max-width:400px;margin:5px auto;min-height:440px}.demo-phone-notch{width:95px;height:7px;border-radius:12px;background:#402d4a;margin:-11px auto 20px}.demo-phone>small{font-size:10px;color:#8a728e}.demo-phone h3{margin-top:12px}.demo-phone .demo-waiter-order{background:#fff}
.demo-extras{margin-top:29px;background:#fff;padding:clamp(18px,3vw,28px);border:1px solid #eee3f0;border-radius:19px}.demo-extras-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-extras-head h2{margin:0 0 14px;font-size:24px;color:#341e42}.demo-extras-head>span{font-size:11px;color:#77657f}.demo-extra-buttons{display:flex;gap:8px;flex-wrap:wrap}.demo-extra-buttons button{font-size:12px;padding:10px 13px;background:#faf7fb;border:1px solid #eee0f2;border-radius:11px}.demo-extra-buttons button[aria-pressed=true]{background:#5b286e;color:#fff}.demo-extra-panel{border-top:1px solid #ede4f0;margin-top:17px;padding-top:16px}.demo-extra-intro>p{font-size:13px;color:#716477}.demo-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-inventory>div{background:#fcf9fd;border:1px solid #eee5f1;padding:14px;border-radius:12px}.demo-inventory>div>span{display:block;font-size:12px}.demo-inventory strong{font-size:14px}.demo-stock{margin-top:10px;height:7px;border-radius:12px;background:#eee5ed;overflow:hidden}.demo-stock i{display:block;height:100%;background:#8e4ba3;border-radius:12px}.demo-recipes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-recipes article{border:1px solid #eadfeb;background:#fcfafd;padding:14px;border-radius:13px}.demo-recipes article>span{font-size:30px}.demo-recipes h4{margin:10px 0;font-size:13px}.demo-recipes p{font-size:11px}.demo-site-input{max-width:420px}.demo-site-preview{background:radial-gradient(circle at 85% 10%,#ffa661 0,transparent 30%),linear-gradient(110deg,#2e1b3a,#60377f);border-radius:15px;color:#fff;padding:26px;margin-top:14px}.demo-site-preview h3{font-size:clamp(24px,3vw,38px);color:#fff;margin:12px 0}.demo-site-preview>p{color:#f2e7f8}.demo-site-preview>div{display:flex;gap:10px;flex-wrap:wrap}.demo-site-preview>div span{padding:10px;border-radius:10px;background:#ffffff24;font-size:12px}.demo-staff{display:flex;gap:15px;align-items:center;background:#fbf7fc;padding:19px;border-radius:14px;flex-wrap:wrap}.demo-staff-avatar{font-size:35px}.demo-staff>div{flex:1}.demo-staff p{margin:5px 0;color:#78687a;font-size:12px}
.demo-paid{border:1px solid #c9e6d1}
@media(max-width:1120px){.demo-onboard{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.demo-preview-board{transform:none}.demo-steps{gap:5px}.demo-step b{font-size:9px}.demo-metrics{grid-template-columns:repeat(3,1fr)}.demo-recipes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.demo-onboard{grid-template-columns:1fr}.demo-onboard-art{padding:36px 30px}.demo-preview-board{margin-top:4px}.demo-config{padding:32px}.demo-onboard-art h1{font-size:40px}.demo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-intro-actions{align-items:flex-start}}
@media(max-width:600px){main#demo-app{padding:13px}.demo-onboard{border-radius:19px}.demo-onboard-art{padding:24px}.demo-onboard-art h1{font-size:33px}.demo-onboard-art>p{font-size:14px}.demo-visual-chips span{padding:7px 10px}.demo-preview-board{padding:13px}.preview-metrics>div{padding:10px}.preview-metrics strong{font-size:18px}.preview-metrics small{font-size:10px}.demo-config{padding:21px}.demo-config h2{font-size:28px}.demo-business-options{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-guide-v2{padding:14px}.demo-guide-head{align-items:flex-start}.demo-guide-head h2{font-size:19px}.demo-progress-label{font-size:10px}.demo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-step{padding:8px 3px}.demo-step>b{font-size:9px}.demo-guide-actions{flex-direction:column;align-items:stretch}.demo-guide-actions>span{font-size:11px}.demo-product{grid-template-columns:43px minmax(0,1fr) auto;gap:6px;padding:8px}.demo-food-emoji{width:42px;height:42px;font-size:24px}.demo-food-meta strong{font-size:11px}.demo-food-meta b{font-size:11px}.demo-checkout-strip{align-items:stretch;flex-direction:column}.demo-inventory{grid-template-columns:1fr}.demo-recipes{grid-template-columns:1fr 1fr}.demo-intro{border-radius:16px}.demo-intro-actions{align-items:stretch;width:100%}.demo-intro-actions>button,.demo-intro-actions>a{width:100%;text-align:center}.demo-table-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media print{.demo-onboard,.demo-config,.demo-guide-v2,.demo-extras{display:none!important}#demo-receipt{display:block!important}}

/* RC3-R24: robust visibility and quick-entry affordances */
#demo-onboard[hidden],#demo-main[hidden],#demo-retry[hidden]{display:none!important}
.demo-quick{display:block;width:100%;padding:12px 15px;margin:9px 0 5px;border:1px solid #b993cc;border-radius:12px;background:#fbf6ff;color:#55206f;font-weight:750;cursor:pointer}
.demo-quick:hover{background:#f2e6ff}.demo-retry{padding:11px 15px;border-radius:12px;background:#4c2068;color:#fff;cursor:pointer}
.demo-config-error:not(:empty){background:#fff1ed;color:#a12b17;padding:10px;border:1px solid #efc5bb;border-radius:9px;margin-top:9px}