.panel-root{--brand: #F5B301;--brand-hover: #E09E00;--brand-soft: #FFF6DE;--ink-900: #1C1917;--ink-700: #44403C;--ink-600: #57534E;--ink-400: #A8A29E;--ink-300: #D6D3D1;--bg: #F7F6F3;--surface: #FFFFFF;--surface-2: #FBFAF8;--border: #E7E5E4;--success: #16A34A;--success-soft: #E7F6EC;--warning: #D97706;--warning-soft: #FEF3E2;--danger: #DC2626;--danger-soft: #FDECEC;--info: #2563EB;--info-soft: #E8F0FE;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--elev-1: 0 1px 2px rgba(28, 25, 23, .06);--elev-2: 0 6px 20px rgba(28, 25, 23, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--touch: 48px;--font-heading: "Playfair Display", Georgia, serif;--font-script: "Satisfy", "Playfair Display", cursive;--font-body: "Poppins", "Work Sans", system-ui, sans-serif;font-family:var(--font-body);color:var(--ink-900);font-variant-numeric:tabular-nums}.panel-root .app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.panel-root .app-main{flex:1;padding:var(--space-4) var(--space-4) 96px;max-width:760px;margin:0 auto;width:100%}@media(min-width:900px){.panel-root .app-main{padding-bottom:var(--space-7);max-width:1080px}}.panel-root .topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px var(--space-4);padding-top:max(10px,env(safe-area-inset-top));background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.panel-root .topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.panel-root .logo-dot{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--brand);display:block;flex-shrink:0}.panel-root .topbar-title{font-family:var(--font-script);font-weight:400;font-size:1.5rem;color:var(--ink-900);white-space:nowrap}.panel-root .topbar-right{display:flex;align-items:center;gap:var(--space-2);min-width:0}.panel-root .badge-rol{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--brand-soft);color:#8a6d00;border:1px solid #F2DFA0;white-space:nowrap}.panel-root .topbar-user{font-size:13px;color:var(--ink-600);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.panel-root .topbar-user{display:none}}.panel-root .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-around;align-items:stretch;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.panel-root .tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;min-height:var(--touch);text-decoration:none;color:var(--ink-400);font-size:10.5px;font-weight:600;letter-spacing:.2px;transition:color .15s ease}.panel-root .tabbar-item svg{width:22px;height:22px}.panel-root .tabbar-item:hover{color:var(--ink-600)}.panel-root .tabbar-item.active{color:var(--brand-hover)}.panel-root .tabbar-item.active svg{stroke-width:2.4}@media(min-width:900px){.panel-root .tabbar{position:static;justify-content:flex-start;gap:var(--space-1);padding:8px var(--space-4);max-width:1080px;margin:0 auto;border-top:none}.panel-root .tabbar-item{flex:0 0 auto;flex-direction:row;gap:8px;padding:8px 14px;border-radius:var(--r-pill);font-size:13px}.panel-root .tabbar-item.active{background:var(--brand-soft)}}.panel-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-md);min-height:44px;padding:11px 18px;font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1;cursor:pointer;background:var(--brand);color:var(--ink-900);transition:background .15s ease,transform .1s ease,box-shadow .15s ease,border-color .15s ease}.panel-root .btn svg{width:18px;height:18px}.panel-root .btn:hover{background:var(--brand-hover)}.panel-root .btn:active{transform:scale(.98)}.panel-root .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.panel-root .btn-block{width:100%}.panel-root .btn-sm{min-height:38px;padding:8px 13px;font-size:13.5px}.panel-root .btn-sm svg{width:16px;height:16px}.panel-root .btn-lg{min-height:var(--touch);font-size:16px}.panel-root .btn-ghost{background:transparent;color:var(--ink-600)}.panel-root .btn-ghost:hover{background:#1c19170f}.panel-root .btn-outline{background:var(--surface);border-color:var(--border);color:var(--ink-900)}.panel-root .btn-outline:hover{background:var(--surface-2);border-color:var(--ink-300)}.panel-root .btn-verde{background:var(--success);color:#fff}.panel-root .btn-verde:hover{background:#128a3e}.panel-root .btn-rojo{background:var(--danger);color:#fff}.panel-root .btn-rojo:hover{background:#b91c1c}.panel-root .btn-naranja{background:var(--warning);color:#fff}.panel-root .btn-naranja:hover{background:#b45309}.panel-root .btn-dark{background:var(--ink-900);color:#fff}.panel-root .btn-dark:hover{background:var(--ink-700)}.panel-root .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--ink-700);cursor:pointer;transition:background .15s ease,border-color .15s ease}.panel-root .icon-btn svg{width:20px;height:20px}.panel-root .icon-btn:hover{background:var(--surface-2);border-color:var(--ink-300)}.panel-root .icon-btn.sm{width:38px;height:38px}.panel-root .icon-btn.sm svg{width:17px;height:17px}.panel-root .card{background:var(--surface);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--elev-1);margin-bottom:var(--space-3);border:1px solid var(--border)}.panel-root .card-title{font-family:var(--font-body);font-weight:700;font-size:15px;margin-bottom:var(--space-3);color:var(--ink-900);display:flex;align-items:center;gap:8px}.panel-root .field{margin-bottom:var(--space-3)}.panel-root .field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink-600)}.panel-root .field input,.panel-root .field select,.panel-root .field textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:15px;font-family:var(--font-body);background:var(--surface);color:var(--ink-900);transition:border-color .15s ease,box-shadow .15s ease}.panel-root .field input:focus,.panel-root .field select:focus,.panel-root .field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #f5b30138}.panel-root .error-text{color:var(--danger);font-size:12px;margin-top:4px}.panel-root .chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-600);border:1px solid var(--border);white-space:nowrap}.panel-root .chip svg{width:13px;height:13px}.panel-root .chip.tone-success{background:var(--success-soft);color:#127a37;border-color:#bfe6cc}.panel-root .chip.tone-warning{background:var(--warning-soft);color:#9a5200;border-color:#f5d9ae}.panel-root .chip.tone-danger{background:var(--danger-soft);color:#b91c1c;border-color:#f5c6c6}.panel-root .chip.tone-info{background:var(--info-soft);color:#1d4ed8;border-color:#c3d6f7}.panel-root .chip.tone-neutral{background:#eceff1;color:#546e7a;border-color:#d8dee2}.panel-root .canal-chip{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.3px;background:#eceff1;color:#455a64}.panel-root .canal-salon{background:var(--info-soft);color:#1d4ed8}.panel-root .canal-delivery{background:var(--warning-soft);color:#9a5200}.panel-root .canal-recojo{background:#f3e8ff;color:#7e22ce}.panel-root .pago-chip{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill)}.panel-root .pago-pendiente{background:#eceff1;color:#546e7a}.panel-root .pago-porverificar{background:var(--warning-soft);color:#9a5200}.panel-root .pago-pagado{background:var(--success-soft);color:#127a37}.panel-root .pago-contraentrega{background:#efebe9;color:#5d4037}.panel-root .pago-cancelado{background:var(--danger-soft);color:#b91c1c}.panel-root .estado-chip{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill)}.panel-root .chip-prep{background:var(--warning-soft);color:#9a5200}.panel-root .chip-list{background:var(--success-soft);color:#127a37}.panel-root .item-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.panel-root .item-row:last-child{border-bottom:none}.panel-root .orden-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--elev-1);border-left:5px solid var(--rail, var(--ink-300))}.panel-root .orden-card.tone-ok{--rail: var(--success)}.panel-root .orden-card.tone-warn{--rail: var(--warning)}.panel-root .orden-card.tone-late{--rail: var(--danger)}.panel-root .orden-card.delivery{--rail: var(--info)}.panel-root .orden-card.listo{--rail: var(--success)}.panel-root .orden-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.panel-root .orden-numero{font-family:var(--font-body);font-size:20px;font-weight:800;color:var(--ink-900);letter-spacing:-.3px}.panel-root .orden-tiempo{font-size:12px;font-weight:700;color:var(--ink-600);display:inline-flex;align-items:center;gap:4px}.panel-root .orden-tiempo svg{width:14px;height:14px}.panel-root .orden-tiempo.tone-ok{color:var(--success)}.panel-root .orden-tiempo.tone-warn{color:var(--warning)}.panel-root .orden-tiempo.tone-late{color:var(--danger)}.panel-root .orden-cliente{font-size:13px;color:var(--ink-700);background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:10px;border:1px solid var(--border)}.panel-root .orden-espera-reparto{font-size:13px;font-weight:700;color:var(--info);display:inline-flex;align-items:center;gap:6px}.panel-root .stock-control{display:flex;align-items:center;gap:8px}.panel-root .stock-input{width:68px;min-height:40px;padding:6px;border:1px solid var(--border);border-radius:var(--r-sm);text-align:center;font-weight:700}.panel-root .plato-stock{font-size:12px;color:var(--success);font-weight:700}.panel-root .plato-stock.sin{color:var(--danger)}.panel-root .kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media(min-width:700px){.panel-root .kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.panel-root .kpi-grid{grid-template-columns:repeat(4,1fr)}}.panel-root .kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--elev-1)}.panel-root .kpi-label{font-size:12px;font-weight:600;color:var(--ink-600);display:flex;align-items:center;gap:5px}.panel-root .kpi-label svg{width:14px;height:14px}.panel-root .kpi-value{font-family:var(--font-body);font-size:24px;font-weight:800;color:var(--ink-900);margin-top:4px;letter-spacing:-.5px}.panel-root .kpi.primary{background:var(--ink-900);border-color:var(--ink-900)}.panel-root .kpi.primary .kpi-label{color:#ffffffb3}.panel-root .kpi.primary .kpi-value{color:var(--brand)}.panel-root .kpi.small .kpi-value{font-size:18px}.panel-root .filtros-canal,.panel-root .tabs-scroll{display:flex;gap:8px;margin-bottom:var(--space-3);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.panel-root .filtros-canal::-webkit-scrollbar,.panel-root .tabs-scroll::-webkit-scrollbar{display:none}.panel-root .filtro-chip{border:1px solid var(--border);background:var(--surface);color:var(--ink-700);border-radius:var(--r-pill);padding:8px 15px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.panel-root .filtro-chip:hover{border-color:var(--ink-300)}.panel-root .filtro-chip.active{background:var(--ink-900);border-color:var(--ink-900);color:#fff}.panel-root .total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.panel-root .total-row.final{font-family:var(--font-body);font-size:18px;font-weight:800;border-top:1px solid var(--border);margin-top:6px;padding-top:10px;color:var(--ink-900)}.panel-root .dias-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.panel-root .dia-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);min-height:42px;font-weight:700;font-size:12px;cursor:pointer;transition:all .15s ease}.panel-root .dia-btn:hover{border-color:var(--brand)}.panel-root .dia-btn.active{border-color:var(--brand);background:var(--brand-soft);color:#8a6d00}.panel-root .table-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:600px){.panel-root .table-list{grid-template-columns:repeat(6,1fr)}}.panel-root .mesa-btn{border:1px solid var(--border);border-radius:var(--r-md);min-height:var(--touch);background:var(--surface);font-weight:800;font-size:15px;cursor:pointer;transition:all .15s ease}.panel-root .mesa-btn:hover{border-color:var(--brand)}.panel-root .mesa-btn.selected{border-color:var(--brand);background:var(--brand-soft)}.panel-root .plato-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:560px){.panel-root .plato-grid{grid-template-columns:repeat(3,1fr)}}.panel-root .plato-item{border:1px solid var(--border);border-radius:var(--r-md);padding:12px;cursor:pointer;background:var(--surface);text-align:left;transition:all .15s ease}.panel-root .plato-item:hover{border-color:var(--brand);box-shadow:var(--elev-1)}.panel-root .plato-item.selected{border-color:var(--brand);background:var(--brand-soft)}.panel-root .plato-item.sinstock{opacity:.45;cursor:not-allowed}.panel-root .plato-nombre{font-weight:700;font-size:13.5px}.panel-root .plato-precio{font-size:12px;color:var(--ink-600)}.panel-root .plato-cat{font-size:10px;color:var(--ink-400)}.panel-root .cant-controller{display:flex;align-items:center;gap:8px}.panel-root .cant-btn{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink-900);font-weight:800;font-size:17px;cursor:pointer;transition:all .15s ease}.panel-root .cant-btn:hover{background:var(--brand-soft);border-color:var(--brand)}.panel-root .pago-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panel-root .pago-option{border:1px solid var(--border);border-radius:var(--r-md);padding:12px 8px;text-align:center;cursor:pointer;background:var(--surface);font-weight:700;font-size:13px;transition:all .15s ease}.panel-root .pago-option.selected{border-color:var(--brand);background:var(--brand-soft)}.panel-root .login-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,#FFF6DE 0%,var(--bg) 55%)}.panel-root .login-card{background:var(--surface);border-radius:var(--r-lg);padding:32px 26px;width:100%;max-width:400px;box-shadow:var(--elev-2);border:1px solid var(--border)}.panel-root .login-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--brand);display:block;margin:0 auto 14px;box-shadow:0 0 22px #f5b3014d}.panel-root .login-title{font-family:var(--font-script);text-align:center;font-size:2.6rem;font-weight:400;color:var(--ink-900);margin-bottom:2px}.panel-root .login-sub{text-align:center;color:var(--ink-600);font-size:13px;margin-bottom:22px;letter-spacing:.5px}.panel-root .centered{display:grid;place-items:center;min-height:40vh;color:var(--ink-600);text-align:center;padding:24px}.panel-root .page-title{font-family:var(--font-script);font-size:2.1rem;font-weight:400;margin-bottom:var(--space-3);color:var(--ink-900);letter-spacing:0}.panel-root .seccion-title{font-size:12px;font-weight:700;margin:16px 0 10px;color:var(--ink-400);text-transform:uppercase;letter-spacing:1px}.panel-root .toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--ink-900);color:#fff;padding:11px 20px;border-radius:var(--r-pill);font-weight:600;font-size:14px;z-index:300;box-shadow:var(--elev-2);animation:pDown .25s;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px)}.panel-root .toast svg{width:16px;height:16px}@keyframes pDown{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.panel-root .mapa-wrap{height:60vh;border-radius:var(--r-lg);overflow:hidden}.panel-root .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px 20px;color:var(--ink-600);background:var(--surface);border:1px dashed var(--border);border-radius:var(--r-lg)}.panel-root .empty svg{width:34px;height:34px;color:var(--ink-300)}.panel-root .empty-title{font-weight:700;color:var(--ink-700)}.panel-root .empty-sub{font-size:13px}.panel-root .skeleton{background:linear-gradient(90deg,#efedea 25%,#f6f5f3 37%,#efedea 63%);background-size:400% 100%;animation:pShimmer 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes pShimmer{0%{background-position:100% 0}to{background-position:0 0}}.panel-root .sheet-overlay{position:fixed;inset:0;z-index:3000;background:#1c191780;display:flex;justify-content:center;align-items:flex-end;animation:pFade .2s}.panel-root .sheet{background:var(--bg);width:100%;max-width:560px;max-height:92vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px #00000040;animation:pSheetUp .25s ease}.panel-root .sheet-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.panel-root .sheet-head strong{font-weight:800;font-size:1.1rem;color:var(--ink-900)}.panel-root .sheet-body{flex:1;overflow-y:auto;padding:16px}.panel-root .sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-top:1px solid var(--border);background:var(--surface);padding-bottom:max(14px,env(safe-area-inset-bottom))}@keyframes pFade{0%{opacity:0}to{opacity:1}}@keyframes pSheetUp{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(min-width:640px){.panel-root .sheet-overlay{align-items:center;padding:24px}.panel-root .sheet{border-radius:var(--r-lg);max-height:min(760px,82vh);animation:pFade .2s}}.panel-root .sheet:before{content:"";flex:0 0 auto;width:44px;height:5px;border-radius:3px;background:var(--ink-300);margin:8px auto 0}@media(min-width:640px){.panel-root .sheet:before{display:none}}.panel-root .cli-cat-tabs{position:sticky;top:0;z-index:6;display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;background:var(--bg);scrollbar-width:none}.panel-root .cli-cat-tabs::-webkit-scrollbar{display:none}.panel-root .cli-dish{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;margin-bottom:8px}.panel-root .cli-dish.sinstock{opacity:.6}.panel-root .cli-cat{scroll-margin-top:58px}.panel-root .cli-dish-thumb{position:relative;flex-shrink:0}.panel-root .cli-dish-img{width:64px;height:64px;border-radius:var(--r-sm);object-fit:cover;display:block}.panel-root .cli-dish-ph{width:64px;height:64px;border-radius:var(--r-sm);display:grid;place-items:center;background:linear-gradient(135deg,#fdf3dc,#f7e4b0);color:var(--brand-hover)}.panel-root .cli-dish-ph svg{width:26px;height:26px}.panel-root .cli-dish-badge{position:absolute;inset:0;border-radius:var(--r-sm);background:#1c19178c;color:#fff;display:grid;place-items:center;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.panel-root .cli-dish-info{flex:1;min-width:0}.panel-root .cli-dish-name{font-weight:600;font-size:15px;line-height:1.25;color:var(--ink-900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.panel-root .cli-dish-desc{font-size:12px;color:var(--ink-600);margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.panel-root .cli-dish-price{font-weight:700;font-size:14px;color:var(--ink-900);margin-top:4px}.panel-root .cli-add-btn{width:40px;height:40px;flex-shrink:0;border:none;border-radius:var(--r-md);background:var(--brand);color:var(--ink-900);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .1s ease}.panel-root .cli-add-btn svg{width:20px;height:20px}.panel-root .cli-add-btn:hover{background:var(--brand-hover)}.panel-root .cli-add-btn:active{transform:scale(.94)}.panel-root .cli-add-btn:disabled{opacity:.4;cursor:not-allowed}.panel-root .cli-estado{border-radius:var(--r-md);padding:10px 14px;font-weight:700;font-size:13px;margin-bottom:16px}.panel-root .cli-estado.abierto{background:var(--success-soft);color:#127a37}.panel-root .cli-estado.cerrado{background:var(--danger-soft);color:#b91c1c}.panel-root .cli-abierto{display:flex;align-items:center;gap:8px;background:var(--success-soft);color:#127a37;border:1px solid #BFE6CC;border-radius:var(--r-pill);padding:8px 14px;font-weight:700;font-size:13px;margin-bottom:14px}.panel-root .cli-abierto .cli-dot{margin-right:0}.panel-root .cli-cerrado{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 18px;margin-bottom:16px;box-shadow:var(--elev-1)}.panel-root .cli-cerrado-icon{width:54px;height:54px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-hover)}.panel-root .cli-cerrado-icon svg{width:26px;height:26px}.panel-root .cli-cerrado-title{font-weight:800;font-size:1.15rem;color:var(--ink-900)}.panel-root .cli-cerrado-sub{font-size:13px;color:var(--ink-600);margin-top:4px}.panel-root .cli-cerrado-next{display:inline-block;margin-top:10px;padding:5px 12px;background:var(--brand-soft);color:#8a6d00;border-radius:var(--r-pill);font-size:12.5px;font-weight:700}.panel-root .cli-cerrado-note{font-size:12px;color:var(--ink-400);margin-top:12px;border-top:1px dashed var(--border);padding-top:10px}.panel-root .cli-plato{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;margin-bottom:8px}.panel-root .cli-plato.sinstock{opacity:.5}.panel-root .cli-plato-nombre{font-weight:700;font-size:15px}.panel-root .cli-plato-precio{font-size:13px;color:var(--ink-600);margin-top:2px}.panel-root .cli-plato-agotado{font-size:12px;font-weight:700;color:var(--danger)}.panel-root .cli-add{width:42px;height:42px;border-radius:var(--r-md);border:none;background:var(--brand);color:var(--ink-900);font-weight:900;font-size:17px;cursor:pointer;transition:all .15s ease}.panel-root .cli-add:hover{background:var(--brand-hover)}.panel-root .cli-add:disabled{opacity:.4}.panel-root .cli-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.panel-root .cli-item-nombre{font-weight:700}.panel-root .cli-item-precio{font-size:12px;color:var(--ink-600)}.panel-root .cli-item-cant{font-weight:800;min-width:20px;text-align:center}.panel-root .cli-item-quitar{border:none;background:none;color:var(--danger);font-size:16px;cursor:pointer;margin-left:4px}.panel-root .cli-canal{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-root .cli-canal-opt{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;font-weight:800;text-align:left;transition:all .15s ease}.panel-root .cli-canal-opt small{font-weight:600;font-size:11px;color:var(--ink-600)}.panel-root .cli-canal-opt.sel{border-color:var(--brand);background:var(--brand-soft)}.panel-root .cli-pago-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panel-root .cli-pago-opt{padding:14px 6px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-weight:800;cursor:pointer;transition:all .15s ease}.panel-root .cli-pago-opt.sel{border-color:var(--brand);background:var(--brand-soft)}.panel-root .cli-qr{margin-top:16px;text-align:center}.panel-root .cli-qr-img{width:210px;height:210px;object-fit:contain;border:1px solid var(--border);border-radius:var(--r-md)}.panel-root .cli-qr-placeholder{width:210px;height:210px;margin:0 auto;display:grid;place-items:center;border:2px dashed var(--border);border-radius:var(--r-md);color:var(--ink-600);font-weight:700}.panel-root .cli-qr-num{margin-top:10px;font-size:14px}.panel-root .cli-qr-help{font-size:13px;color:var(--ink-600);margin:8px 0}.panel-root .cli-efectivo{margin-top:12px;font-size:14px;color:var(--ink-600)}.panel-root .cli-legal{font-size:12px;color:var(--ink-600);text-align:center;margin-top:14px}.panel-root .cli-vacio{text-align:center;padding:40px 0;color:var(--ink-600)}.panel-root .cli-codigo{text-align:center;font-size:14px;color:var(--ink-600);margin-bottom:10px}.panel-root .cli-codigo strong{font-family:var(--font-body);font-size:22px;letter-spacing:2px;color:var(--ink-900)}.panel-root .cli-pago-chip{display:inline-block;color:#fff;font-weight:800;font-size:13px;padding:6px 14px;border-radius:var(--r-pill);margin:0 auto 14px}.panel-root .cli-timeline{display:flex;justify-content:space-between;gap:4px}.panel-root .cli-paso{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.35;flex:1;transition:opacity .3s ease}.panel-root .cli-paso.activo{opacity:1}.panel-root .cli-paso-icon{font-size:22px}.panel-root .cli-paso-label{font-size:11px;font-weight:700;text-align:center}.panel-root .cli-item-simple{padding:4px 0;font-size:14px}.panel-root .cli-dato{padding:3px 0;font-size:14px}.panel-root .cli-dato span{color:var(--ink-600)}.panel-root .cli-cancelado{color:var(--danger);font-weight:700;text-align:center}.panel-root .cli-warn{background:var(--warning-soft);border:1px solid #F5D9AE;border-left:4px solid var(--warning);color:#8a4b00;border-radius:var(--r-md);padding:12px 14px;font-size:14px;font-weight:600;margin-bottom:14px;display:flex;gap:8px;align-items:flex-start}.panel-root .cli-leyenda{display:flex;gap:16px;margin-bottom:12px;font-size:13px;color:var(--ink-600)}.panel-root .cli-leyenda span{display:inline-flex;align-items:center;gap:6px}.panel-root .cli-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.panel-root .cli-dot.verde{background:var(--success)}.panel-root .cli-dot.rojo{background:var(--danger)}.panel-root .cli-plato-left{display:flex;gap:10px;align-items:center;min-width:0}.panel-root .cli-plato-img{width:48px;height:48px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0}.panel-root .cli-plato-img.ph{background:#ececec}.panel-root .cli-stepper{display:flex;align-items:center;gap:6px;flex-shrink:0}.panel-root .cli-step-btn{width:36px;height:36px;border-radius:var(--r-sm);border:none;background:var(--brand);color:var(--ink-900);font-weight:900;font-size:18px;cursor:pointer;transition:all .15s ease}.panel-root .cli-step-btn:hover{background:var(--brand-hover)}.panel-root .cli-step-btn:disabled{opacity:.35;cursor:not-allowed}.panel-root .cli-step-num{min-width:22px;text-align:center;font-weight:800}.panel-root .verpedido-fab{position:fixed;left:16px;bottom:84px;z-index:1500;background:var(--surface);color:var(--ink-900);border:1px solid var(--border);border-radius:var(--r-pill);padding:12px 20px;font-family:var(--font-body);font-weight:700;font-size:14px;cursor:pointer;box-shadow:var(--elev-2);transition:all .15s ease}.panel-root .verpedido-fab:hover{background:var(--brand-soft)}.panel-root .pedir-overlay{position:fixed;inset:0;z-index:3000;background:#1c19178c;display:flex;justify-content:center;align-items:flex-end;animation:pFade .2s}.panel-root .pedir-panel{background:var(--bg);width:100%;max-width:560px;height:92vh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px #00000040}.panel-root .pedir-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--ink-900);color:#fff}.panel-root .pedir-head strong{font-family:var(--font-body);font-size:1.2rem;font-weight:800;color:var(--brand)}.panel-root .pedir-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm)}.panel-root .pedir-close:hover{background:#ffffff1f}.panel-root .pedir-body{flex:1;overflow-y:auto;padding:16px}.panel-root .pedir-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-top:1px solid var(--border);background:var(--surface)}.panel-root .pedir-foot-info{display:flex;flex-direction:column}.panel-root .pedir-foot-info small{font-size:11px;color:var(--ink-600)}.panel-root .pedir-foot-info strong{font-family:var(--font-body);font-size:19px;font-weight:800}@media(min-width:640px){.panel-root .pedir-overlay{align-items:center;padding:24px}.panel-root .pedir-panel{border-radius:var(--r-lg);height:auto;max-height:min(760px,82vh);box-shadow:0 20px 60px #0000004d}}.panel-root .mesa-abierta{border:1px solid var(--border);border-radius:var(--r-md);padding:12px;margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--surface)}.panel-root .mesa-abierta-num{font-weight:800}.panel-root .mesa-abierta-items{font-size:12px;color:var(--ink-600);margin-top:2px}.panel-root .mesa-abierta-right{display:flex;align-items:center;gap:10px}.panel-root .mesa-abierta-total{font-family:var(--font-body);font-weight:800;font-size:18px}.panel-root .mesa-cobro{width:100%;margin-top:8px;border-top:1px dashed var(--border);padding-top:10px}.panel-root .verificar-block{background:var(--warning-soft);border:1px solid #F5D9AE;border-left:5px solid var(--warning);border-radius:var(--r-md);padding:14px;margin-bottom:14px}.panel-root .verificar-title{font-weight:800;color:#9a5200;margin-bottom:10px;font-size:14px;display:flex;align-items:center;gap:6px}.panel-root .verificar-item{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--surface);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:8px}.panel-root .verificar-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600}.panel-root .verificar-monto{font-weight:800}.panel-root .verificar-ref{font-size:12px;color:var(--ink-600);margin-top:2px}.panel-root .shiny-text{background:linear-gradient(90deg,#1c1917 0% 35%,#f5b301 50%,#1c1917 65% 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:panel-shine linear infinite}@keyframes panel-shine{0%{background-position:200% center}to{background-position:-200% center}}.panel-root .barchart{display:flex;align-items:flex-end;gap:10px;padding:8px 4px 0}.panel-root .barchart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.panel-root .barchart-value{font-size:12px;font-weight:800;color:var(--ink-900);margin-bottom:4px}.panel-root .barchart-track{flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end}.panel-root .barchart-bar{width:100%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#f5b301,#e09e00);box-shadow:0 4px 12px #e09e004d;transform-origin:bottom;animation:barGrow .8s cubic-bezier(.25,.46,.45,.94) both}@keyframes barGrow{0%{transform:scaleY(0);opacity:.3}to{transform:scaleY(1);opacity:1}}.panel-root .barchart-label{font-size:11px;color:var(--ink-600);margin-top:6px;white-space:nowrap}.panel-root .gauge{display:inline-block}.panel-root .gauge-track{stroke:#f1e9dc}.panel-root .gauge-fill{transition:stroke-dasharray 1s ease}.panel-root .gauge-text{font-family:var(--font-body);font-size:30px;font-weight:800;fill:var(--ink-900)}.panel-root .gauge-sub{font-family:var(--font-body);font-size:12px;fill:var(--ink-600)}.panel-root .row{display:flex;align-items:center;gap:8px}.panel-root .row-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel-root .spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-root .muted{color:var(--ink-600)}.panel-root .faint{color:var(--ink-400)}.panel-root .text-sm{font-size:13px}.panel-root .text-xs{font-size:12px}.panel-root .mt-1{margin-top:var(--space-1)}.panel-root .mt-2{margin-top:var(--space-2)}.panel-root .mt-3{margin-top:var(--space-3)}.panel-root .mb-2{margin-bottom:var(--space-2)}.panel-root .mb-3{margin-bottom:var(--space-3)}.panel-root .grow{flex:1;min-width:0}.panel-root .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-root .divider{height:1px;background:var(--border);margin:var(--space-3) 0}.panel-root .cli-step-btn svg{width:18px;height:18px}.panel-root .cant-btn svg{width:16px;height:16px}.panel-root .cli-item-quitar svg{width:16px;height:16px}.panel-root .cart-bar{position:fixed;left:0;right:0;z-index:45;bottom:calc(56px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto;background:var(--ink-900);color:#fff;padding:10px 16px;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--elev-2)}.panel-root .cart-bar .pedir-foot-info strong{color:#fff}@media(min-width:900px){.panel-root .cart-bar{bottom:16px;border-radius:var(--r-lg);max-width:1080px}}.panel-root .gal-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:560px){.panel-root .gal-admin-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.panel-root .gal-admin-grid{grid-template-columns:repeat(4,1fr)}}.panel-root .gal-admin-item{position:relative;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface-2)}.panel-root .gal-admin-item.off{opacity:.5}.panel-root .gal-admin-item img{width:100%;height:110px;object-fit:cover;display:block}.panel-root .gal-admin-cat{display:block;padding:5px 8px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-600)}.panel-root .gal-admin-actions{display:flex;gap:4px;padding:0 6px 8px}.panel-root .gal-admin-actions .icon-btn.sm{flex:1;width:auto}.panel-root :focus-visible{outline:2px solid var(--brand-hover);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.panel-root *,.panel-root *:before,.panel-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
