.qr-admin-shell{max-width:1180px;margin:0 auto;padding:1rem}.qr-page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.qr-page-head h2{font-size:2rem;margin:.2rem 0}.qr-page-head p{color:var(--text-muted);margin:0}.eyebrow{font-size:.7rem;letter-spacing:1.5px;color:#f59e0b;font-weight:900}.qr-live-pill{color:#86efac;background:#12351e;padding:.45rem .7rem;border-radius:99px;font-size:.8rem}.qr-card{background:linear-gradient(135deg,#241211,#160c0d);border:1px solid rgba(245,158,11,.3);border-radius:24px;padding:2rem;display:flex;justify-content:center;align-items:center;gap:4rem;min-height:480px}.qr-card-copy{max-width:420px}.qr-brand-mark{font-size:2rem}.qr-card h3{font-size:1.8rem;margin:.4rem 0}.qr-kicker{font-size:1.45rem;font-weight:900;color:#fbbf24;margin:.5rem 0}.qr-help{color:#d4d4d8;line-height:1.6}.qr-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0}.qr-url{font-size:.72rem;color:#a1a1aa;word-break:break-all}.qr-image-wrap{background:#fff;padding:1rem;border-radius:18px;text-align:center;color:#17100d}.qr-image-wrap img{width:min(62vw,360px);display:block}.qr-image-wrap small{display:block;padding:.5rem 0 0;font-weight:800}.qr-orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem}.qr-order-tabs{display:flex;gap:.5rem;overflow:auto;margin-bottom:1rem}.qr-order-tab{padding:.65rem .9rem;background:rgba(255,255,255,.06);border-radius:99px;white-space:nowrap}.qr-order-tab.active{background:#7f1d1d;color:#fecaca}.qr-order-card{background:#201619;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.1rem}.qr-order-card.is-new{border-color:#f59e0b;box-shadow:0 0 0 1px rgba(245,158,11,.2)}.qr-order-top{display:flex;justify-content:space-between;gap:.5rem}.qr-order-number{font-size:.75rem;color:#fbbf24;font-weight:900}.qr-order-card h3{margin:.3rem 0;font-size:1.35rem}.qr-status{font-size:.7rem;border-radius:99px;padding:.35rem .55rem;height:max-content;background:#3f3f46}.qr-status-new{background:#713f12;color:#fde68a}.qr-order-time{color:#a1a1aa;font-size:.75rem;margin-bottom:.9rem}.qr-order-lines{border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.qr-line{display:grid;grid-template-columns:1fr auto;gap:.2rem;margin:.5rem 0}.qr-line small{grid-column:1/-1;color:#fca5a5}.qr-order-total{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:.7rem;padding-top:.8rem;font-size:1.1rem}.qr-order-actions{display:flex;gap:.5rem;margin-top:1rem}.qr-empty,.menu-empty,.menu-error{text-align:center;padding:4rem 1rem;color:#a1a1aa;grid-column:1/-1}.qr-empty div{font-size:3rem}.qr-orders-badge{background:#ef4444;color:#fff;border-radius:99px;padding:.1rem .4rem;font-size:.65rem}.qr-menu-body{background:#120b0b;color:#fff;min-height:100vh}.qr-menu-body #menuApp{max-width:900px;margin:auto;padding:1rem 1rem 6rem}.menu-header{display:flex;align-items:center;gap:.8rem;padding:1rem 0}.menu-logo{font-size:2.2rem}.menu-header h1{font-size:1.45rem;margin:0}.menu-header p{color:#a1a1aa;margin:.2rem 0;font-size:.8rem}.menu-open{margin-left:auto;color:#86efac;font-size:.7rem}.menu-search input,.notes-label input,.notes-label textarea{width:100%;box-sizing:border-box;background:#24171a;border:1px solid #4a2b2d;color:white;border-radius:12px;padding:.9rem;font:inherit}.menu-categories{display:flex;gap:.5rem;overflow:auto;padding:1rem 0;position:sticky;top:0;background:#120b0b;z-index:2}.menu-categories button{border:0;background:#2a1a1d;color:#d4d4d8;border-radius:99px;padding:.65rem 1rem;white-space:nowrap}.menu-categories button.active{background:#dc2626;color:#fff}.public-product-grid{display:grid;gap:.85rem}.public-product{display:flex;gap:.8rem;background:#201416;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:.8rem}.product-photo{width:86px;height:86px;border-radius:14px;background:#3a2020;display:grid;place-items:center;font-size:2rem;flex:none;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;min-width:0}.product-info h2{font-size:1rem;margin:.1rem 0}.product-info p{font-size:.78rem;color:#a1a1aa;line-height:1.35;margin:.3rem 0 .5rem}.product-info strong{color:#fbbf24}.product-info button,.add-cart-btn{display:block;margin:.6rem 0 0 auto;background:#dc2626;color:#fff;border:0;border-radius:10px;padding:.7rem 1rem;font-weight:900}.mobile-cart{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);width:min(92%,480px);padding:1rem;border:0;border-radius:99px;background:#f59e0b;color:#1c0f0d;font-weight:900;box-shadow:0 10px 30px #0008;z-index:5}.menu-overlay{position:fixed;inset:0;background:#000b;display:grid;place-items:end center;z-index:10}.product-modal,.cart-modal,.success-modal{background:#201416;border-radius:24px 24px 0 0;width:min(100%,560px);padding:1.3rem;box-sizing:border-box;max-height:90vh;overflow:auto;position:relative}.modal-x{position:absolute;right:1rem;top:.8rem;border:0;background:none;color:#fff;font-size:1.8rem}.modal-emoji{text-align:center;font-size:3rem}.product-modal h2,.cart-modal h2,.success-modal h2{margin:.3rem 0}.product-modal p{color:#a1a1aa}.product-modal h3{font-size:.9rem}.modifier-list{display:grid;gap:.6rem}.modifier-list label{padding:.7rem;background:#2b1a1d;border-radius:10px}.notes-label{display:block;color:#d4d4d8;font-size:.8rem;margin-top:1rem}.notes-label textarea{min-height:76px;margin-top:.4rem;resize:vertical}.qty-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1rem}.qty-row button{width:42px;height:42px;border:0;border-radius:50%;background:#3f2023;color:#fff;font-size:1.4rem}.add-cart-btn{width:100%;font-size:1rem;margin-top:1rem}.cart-row{display:grid;grid-template-columns:1fr auto;gap:.3rem;border-bottom:1px solid #3a2527;padding:.8rem 0}.cart-row small{display:block;color:#fca5a5}.cart-row button{grid-column:1/-1;justify-self:start;background:none;border:0;color:#f87171;padding:0}.cart-total{display:flex;justify-content:space-between;font-size:1.2rem;margin-top:1rem}.success-modal{text-align:center;border-radius:24px;margin:1rem;padding:2rem}.success-check{width:64px;height:64px;background:#22c55e;color:white;border-radius:50%;display:grid;place-items:center;font-size:2rem;margin:auto}.order-number{font-size:3rem;color:#fbbf24;display:block;margin:.5rem}.success-modal span{color:#a1a1aa}@media(min-width:700px){.qr-menu-body #menuApp{padding:2rem}.public-product-grid{grid-template-columns:repeat(2,1fr)}.menu-overlay{place-items:center}.product-modal,.cart-modal{border-radius:24px}.qr-card{justify-content:space-around}}@media(max-width:600px){.qr-card{flex-direction:column;gap:1.5rem;padding:1.2rem}.qr-card-copy{max-width:none}.qr-image-wrap img{width:min(70vw,280px)}.qr-page-head{align-items:flex-start;flex-direction:column}}
.menu-preview-frame{display:block;height:780px;border:0}
.menu-image-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.menu-image-actions small{grid-column:auto!important}.menu-image-actions button{min-height:34px;padding:.4rem .6rem;border:1px solid var(--border,#ddd2c8);border-radius:8px;background:#fff;color:#302721;font:inherit;font-size:.75rem;font-weight:800}
.qr-table-field { display: grid; gap: .35rem; margin: 1rem 0 .8rem; color: #fff7ed; font-size: .78rem; font-weight: 800; }
.qr-table-field input { min-height: 2.7rem; padding: .6rem .75rem; border: 1px solid var(--border, #e4d8cb); border-radius: .7rem; background: #fffdf9; color: var(--text-strong, #38231e); font: inherit; font-size: .85rem; }
.qr-table-field input:focus { outline: 2px solid rgba(200, 76, 61, .2); border-color: #c84c3d; }
.qr-table-field small { color: #d4d4d8; font-size: .68rem; font-weight: 600; }
.qr-actions { flex-wrap: wrap; }

/* Administración del menú público */
.menu-admin-nav{display:flex;gap:.55rem;overflow:auto;padding:.35rem;margin:0 0 1rem;border-bottom:1px solid var(--border,#e7ddd3)}
.menu-admin-nav button{border:0;background:transparent;color:var(--text-muted,#73645d);padding:.8rem 1rem;border-radius:.8rem .8rem 0 0;white-space:nowrap;font:inherit;font-weight:800}
.menu-admin-nav button.active{background:var(--surface,#fff);color:var(--accent,#2f6f62);box-shadow:inset 0 -3px var(--accent,#2f6f62)}
.menu-admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.8rem 0 1rem;color:var(--text-muted,#766b64);font-size:.9rem}
.menu-admin-toolbar p{max-width:760px;margin:0;line-height:1.5}.menu-admin-toolbar span{font-weight:800;white-space:nowrap;color:var(--text-strong,#2d2622)}
.menu-admin-products{display:grid;gap:.75rem}.menu-admin-product{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border,#e8ddd4);border-radius:16px;background:var(--surface,#fff)}
.menu-admin-product.is-hidden{opacity:.72}.menu-admin-product-photo{width:78px;height:78px;flex:none;display:grid;place-items:center;border-radius:13px;background:#f2eee9;overflow:hidden;font-size:1.8rem}.menu-admin-product-photo img{width:100%;height:100%;object-fit:cover}
.menu-admin-product-main{min-width:0;flex:1}.menu-admin-product-title{display:flex;align-items:center;gap:.65rem}.menu-admin-product-title h4{margin:0;font-size:1rem}.menu-admin-product-title span{font-size:.72rem;color:var(--text-muted,#766b64)}.menu-admin-product-main>p{margin:.3rem 0;color:var(--text-muted,#766b64);font-size:.85rem;overflow-wrap:anywhere}.menu-admin-product-main>small{display:block;color:var(--text-muted,#766b64);font-size:.76rem}
.menu-admin-product-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.65rem}.menu-admin-product-actions button,.menu-editor-actions button,.menu-appearance-actions button,.qr-settings-row>button{min-height:38px;padding:.45rem .75rem;border:1px solid var(--border,#ddd2c8);border-radius:9px;background:var(--surface,#fff);color:var(--text-strong,#302721);font:inherit;font-size:.8rem;font-weight:800}.menu-admin-product-actions button:last-child,.menu-editor-actions button[type=submit],.menu-appearance-actions button,.qr-settings-row>button{background:#2f6f62;border-color:#2f6f62;color:#fff}.menu-admin-product-actions button:disabled,.menu-editor-actions button:disabled,.menu-appearance-actions button:disabled{opacity:.5}
.menu-product-editor,.menu-appearance-form{margin:1rem 0;padding:1.1rem;border:1px solid var(--border,#e7ddd3);border-radius:18px;background:var(--surface,#fff);color:var(--text-strong,#302721)}.menu-editor-head{display:flex;align-items:center;justify-content:space-between}.menu-editor-head h3{margin:.1rem 0 1rem}.menu-editor-head button{border:0;background:transparent;font-size:1.5rem}.menu-editor-fields,.menu-appearance-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.menu-editor-fields label,.menu-appearance-fields label,.qr-settings-row label{display:grid;gap:.35rem;font-size:.82rem;font-weight:800}.menu-editor-fields input:not([type=checkbox]),.menu-editor-fields textarea,.menu-appearance-fields input:not([type=color]),.menu-appearance-fields select,.qr-settings-row input:not([type=color]){box-sizing:border-box;width:100%;min-height:42px;padding:.6rem .7rem;border:1px solid var(--border,#dcd1c8);border-radius:9px;background:var(--surface,#fff);color:var(--text-strong,#302721);font:inherit;font-size:.9rem}.menu-editor-fields textarea{min-height:88px;resize:vertical}.menu-available-field{display:flex!important;align-items:center;gap:.5rem}.menu-editor-fields small{grid-column:1/-1;color:var(--text-muted,#766b64)}.menu-editor-actions,.menu-appearance-actions{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1rem}.menu-appearance-form>p,.menu-appearance-actions>span{color:var(--text-muted,#766b64);font-size:.86rem;line-height:1.5}.menu-appearance-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:1.3rem;align-items:start}.menu-appearance-fields input[type=color],.qr-settings-row input[type=color]{width:60px;height:42px;padding:.2rem;border:1px solid var(--border,#ddd2c8);border-radius:9px;background:#fff}.menu-live-preview{min-width:0;padding:.8rem;border:1px solid var(--border,#e7ddd3);border-radius:16px;background:#f2eee9}.menu-preview-controls{display:flex;align-items:center;gap:.4rem;margin-bottom:.7rem}.menu-preview-controls strong{margin-right:auto;font-size:.82rem}.menu-preview-controls button{border:1px solid #d8cec6;border-radius:8px;background:#fff;padding:.4rem .55rem;color:#302721;font-size:.72rem}.menu-preview-controls button.active{background:#2f6f62;border-color:#2f6f62;color:#fff}.menu-preview-viewport{position:relative;width:100%;height:500px;overflow:hidden;border:1px solid #d9d2cb;border-radius:12px;background:#fff;contain:layout paint}.menu-preview-frame{--menu-preview-color:#2f6f62;position:absolute;top:0;left:0;display:block;box-sizing:border-box;width:360px;height:780px;max-width:none;max-height:none;min-height:0;margin:0;border:0;border-radius:12px;background:#fff;color:#222;transform-origin:left top;overflow:auto}.menu-preview-frame .menu-categories,.menu-preview-frame .mobile-cart,.menu-preview-frame button{pointer-events:none;cursor:default}.qr-settings-row{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap;margin:0 0 1rem;padding:1rem;border:1px solid var(--border,#e7ddd3);border-radius:14px;background:var(--surface,#fff)}.qr-settings-row label:first-child{flex:1;min-width:220px}.qr-brand-image{width:64px;height:64px;object-fit:cover;border-radius:50%;background:#fff}.qr-error{padding:1.5rem;border:1px solid #ef4444;border-radius:12px;color:#991b1b;background:#fff1f2}
@media(max-width:760px){.menu-appearance-grid{grid-template-columns:1fr}.menu-editor-fields,.menu-appearance-fields{grid-template-columns:1fr}.menu-admin-toolbar{align-items:flex-start;flex-direction:column}.menu-admin-product{align-items:flex-start}.menu-admin-product-photo{width:60px;height:60px}.menu-appearance-actions{align-items:stretch;flex-direction:column}.menu-appearance-actions button{min-height:46px}.qr-settings-row{align-items:stretch}.qr-settings-row label:first-child{min-width:0}.qr-settings-row>button{min-height:44px}.qr-card{min-height:0}}
.menu-catalog-intro,.menu-share-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 0 1rem;padding:1rem 1.15rem;border:1px solid var(--border,#e7ddd3);border-radius:16px;background:var(--surface,#fff)}
.qr-development-badge{display:inline-flex;align-items:center;border:1px solid var(--border,#e7ddd3);border-radius:999px;padding:.35rem .65rem;color:var(--text-muted,#766b64);font-size:.75rem;font-weight:700;white-space:nowrap}
.menu-catalog-intro h3{margin:0 0 .3rem}.menu-catalog-intro p,.menu-catalog-intro small,.menu-share-status p{display:block;margin:.2rem 0;color:var(--text-muted,#766b64);line-height:1.5}.menu-catalog-intro small{font-size:.8rem}
.menu-share-status{border-color:#a7d8bd;background:#f1fbf4}.menu-share-status.is-disabled{border-color:#f2c4a4;background:#fff8f2}.menu-share-status strong{font-size:1.02rem}.menu-public-toggle{display:flex;align-items:center;gap:.55rem;white-space:nowrap;font-weight:800}.menu-share-explainer{color:var(--text-muted,#766b64);margin:.5rem 0 1rem}.qr-link-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end}.qr-link-field input{grid-column:1/-1;box-sizing:border-box;width:100%;min-height:42px;padding:.6rem .7rem;border:1px solid var(--border,#dcd1c8);border-radius:9px;background:var(--surface,#fff);color:var(--text-strong,#302721);font:inherit;font-size:.82rem}.qr-link-field button{justify-self:start}.menu-local-link-note{display:block;color:#8a5d1d;line-height:1.45}.menu-image-field{min-width:0;margin:0;padding:.75rem;border:1px solid var(--border,#ded5ce);border-radius:12px}.menu-image-field legend{padding:0 .3rem;font-weight:800}.menu-image-field>small{display:block;color:var(--text-muted,#766b64);font-size:.75rem;line-height:1.4;margin-top:.4rem}.menu-image-field details{margin-top:.55rem;font-size:.78rem}.menu-image-field summary{cursor:pointer;color:var(--text-muted,#766b64)}.menu-image-field details label{margin-top:.5rem}.menu-image-field details input{box-sizing:border-box;width:100%;min-height:40px;padding:.55rem;border:1px solid var(--border,#dcd1c8);border-radius:8px;background:var(--surface,#fff);color:var(--text-strong,#302721);font:inherit}.menu-image-field .menu-image-actions{margin-top:.4rem}
@media(max-width:760px){.menu-catalog-intro,.menu-share-status{align-items:stretch;flex-direction:column}.menu-catalog-intro .ui-button{min-height:46px}.menu-appearance-grid{display:flex;flex-direction:column}.menu-live-preview{order:-1;width:100%;box-sizing:border-box}.menu-preview-viewport{height:520px}.menu-appearance-fields{width:100%}.qr-link-field{grid-template-columns:1fr}.qr-link-field input{grid-column:auto}.qr-card-copy{width:100%}}