:root{
  --pt:#10a08f;--pt-hover:#0c8a7b;--pt-dark:#0b5d55;--pt-soft:#e7f6f3;--pt-soft-2:#d3efea;
  --pt-lime:#a6c94a;--pt-night:#0f3b44;
  --bg:#f3f5f8;--card:#fff;--dark:#1f2a37;--muted:#6b7785;--line:#e3e8ee;
  --primary:#10a08f;--success:#16a34a;--danger:#e5484d;--warning:#f59e0b;
  --side-w:250px;--top-h:58px;--radius:12px;--side-bg:#10a08f;
  --side-text:#fff;--side-text-2:rgba(255,255,255,.85);--side-muted:rgba(255,255,255,.6);
  --side-hover:rgba(255,255,255,.12);--side-line:rgba(255,255,255,.15);--side-active-bg:#fff;--side-active-text:var(--pt-dark);
  --tile:#d3efea;--tile-text:var(--pt-dark);--pay:#16a34a;--void:#e5484d
}
/* Temas: se eligen con el botón de la paleta en la barra superior. */
html[data-tema="morado"]{
  --pt:#6d28d9;--pt-hover:#5b21b6;--pt-dark:#4c1d95;--pt-soft:#f3edff;--pt-soft-2:#e2d5fb;
  --pt-night:#3b0f75;--primary:#6d28d9;--side-bg:#4a1d8f;--bg:#f6f4fb;--tile:#e2d5fb
}
html[data-tema="rosa"]{
  --pt:#d61f7c;--pt-hover:#b8166a;--pt-dark:#8e0f4f;--pt-soft:#fde8f2;--pt-soft-2:#f8c6dd;
  --pt-night:#6e0b3d;--primary:#d61f7c;--side-bg:#7d0e47;--bg:#fbf5f8;--tile:#f8c6dd
}
html[data-tema="celeste"]{
  --pt:#1b8cc4;--pt-hover:#1577a8;--pt-dark:#0e5a82;--pt-soft:#e3f4fb;--pt-soft-2:#bfe6f5;
  --pt-night:#1d2733;--primary:#1b8cc4;--side-bg:#1d2733;--bg:#eef5f9;--tile:#b3dff2;--pay:#9bc53d;--void:#ef6b6b
}
/* Windows: grises de programa de escritorio, menú claro, acento azul y esquinas casi rectas. */
html[data-tema="windows"]{
  --pt:#0067c0;--pt-hover:#005aa8;--pt-dark:#003e73;--pt-soft:#e5f1fb;--pt-soft-2:#cce4f7;
  --pt-night:#3a3a3a;--primary:#0067c0;--bg:#ececec;--line:#d0d0d0;--muted:#5f5f5f;--dark:#1b1b1b;--radius:4px;
  --side-bg:#e3e3e3;--side-text:#1b1b1b;--side-text-2:#333;--side-muted:#6b6b6b;--side-hover:rgba(0,0,0,.06);
  --side-line:#cfcfcf;--side-active-bg:#cce4f7;--side-active-text:#003e73;--tile:#dcdcdc;--tile-text:#1b1b1b
}
html[data-tema="windows"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:13px}
html[data-tema="windows"] .side{border-right:1px solid var(--line)}
html[data-tema="windows"] .brand-mark{background:var(--pt);color:#fff}
html[data-tema="windows"] :is(.btn,.form-control,.form-select,.input-group-text,.cardx,.metric,.kpi-card,.prod,.pt-cat,.pay-method,.pt-vender,.quick-pay button,.company-pill,.nav-links a,.nav-group>button,.modal-content,.dropdown-menu,.tq-tile,.tq-big,.prod-img,.kpi-ico,.seg){border-radius:3px!important}
html[data-tema="windows"] .top{background:#f7f7f7}
html[data-tema="windows"] .prod{box-shadow:none;border:1px solid var(--line)}
html[data-tema="windows"] .prod.in-cart{border:2px solid var(--pt)}
body{background:var(--bg);font-family:"Segoe UI",Roboto,Arial,sans-serif;color:var(--dark);font-size:14px}
a{color:var(--pt-dark)}
.btn-primary,.btn-success{background:var(--pt);border-color:var(--pt)}
.btn-primary:hover,.btn-success:hover,.btn-primary:focus,.btn-success:focus{background:var(--pt-hover);border-color:var(--pt-hover)}
.btn-outline-primary{color:var(--pt-dark);border-color:var(--pt)}
.btn-outline-primary:hover{background:var(--pt);border-color:var(--pt);color:#fff}
.btn-brand{background:var(--pt);color:#fff;border:0}.btn-brand:hover{background:var(--pt-hover);color:#fff}
.btn-outline-brand{color:var(--pt-dark);border:1px solid var(--pt);background:#fff}.btn-outline-brand:hover{background:var(--pt-soft);color:var(--pt-dark)}
.form-control:focus,.form-select:focus{border-color:var(--pt);box-shadow:0 0 0 .2rem var(--pt-soft-2)}
.form-check-input:checked{background-color:var(--pt);border-color:var(--pt)}

/* Estructura: menú lateral + barra superior + contenido */
.shell{display:flex;min-height:100vh}
.side{position:fixed;inset:0 auto 0 0;width:var(--side-w);background:var(--side-bg);color:var(--side-text);overflow-y:auto;z-index:20;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;height:var(--top-h);padding:0 18px;border-bottom:1px solid var(--side-line);flex:none}
.brand-mark{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--pt);display:grid;place-items:center;font-size:19px;flex:none}
.brand-text b{display:block;font-size:17px;letter-spacing:.2px}.brand-text small{display:block;color:var(--side-muted);font-size:11px}
.nav-links{padding:10px 10px 24px}
.nav-links a,.nav-group>button{display:flex;align-items:center;gap:12px;width:100%;color:var(--side-text);text-decoration:none;padding:9px 12px;border-radius:9px;font-size:13.5px;background:none;border:0;text-align:left}
.nav-links a i,.nav-group>button i{font-size:17px;width:20px;text-align:center;flex:none}
.nav-links a:hover,.nav-group>button:hover{background:var(--side-hover);color:var(--side-text)}
.nav-links a.active{background:var(--side-active-bg);color:var(--side-active-text);font-weight:600}
.nav-group>button .chev{margin-left:auto;font-size:12px;transition:transform .2s}
.nav-group>button[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav-sub{padding:2px 0 6px 32px}
.nav-sub a{font-size:13px;padding:7px 12px;color:var(--side-text-2)}
.menu-section-title{color:var(--side-muted);font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:16px 12px 4px}
.side-foot{margin-top:auto;padding:12px 18px;font-size:11px;color:var(--side-muted)}
.main{margin-left:var(--side-w);width:calc(100% - var(--side-w));min-width:0}
.top{height:var(--top-h);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:10}
.top .menu-toggle{border:0;background:none;font-size:22px;color:var(--muted);padding:0 4px}
.top-title{font-size:16px;font-weight:600;color:var(--dark);margin:0}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.top-actions .icon-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--muted);text-decoration:none;font-size:17px}
.top-actions .icon-btn:hover{background:var(--bg);color:var(--pt-dark)}
.company-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 14px;font-size:13px;font-weight:600;color:var(--dark);text-decoration:none}
.company-pill .avatar{width:28px;height:28px;border-radius:50%;background:var(--pt-night);color:#fff;display:grid;place-items:center;font-size:12px}
.content{padding:24px}
.content.flush{padding:0}
.shell.menu-collapsed .side{width:64px}
.shell.menu-collapsed .main{margin-left:64px;width:calc(100% - 64px)}
.shell.menu-collapsed .brand-text,.shell.menu-collapsed .nav-links span,.shell.menu-collapsed .nav-sub,.shell.menu-collapsed .chev,.shell.menu-collapsed .menu-section-title,.shell.menu-collapsed .side-foot{display:none}
.shell.menu-collapsed .nav-links a,.shell.menu-collapsed .nav-group>button{justify-content:center;padding:10px 0}

/* Piezas comunes que usan todas las páginas */
.title{margin-bottom:18px}.title h2{font-size:22px;font-weight:600;margin:0}.title p{color:var(--muted);margin:4px 0 0}
.cardx{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.metric{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;height:100%}
.metric span{display:block;color:var(--muted);font-size:12.5px}.metric b{display:block;font-size:24px;font-weight:600;margin-top:4px}
.metric.danger b{color:var(--danger)}.metric.ok b{color:var(--pt-dark)}
.metric small{color:var(--muted);font-size:12px}
.table>:not(caption)>*>*{padding:.6rem .6rem}
.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;border-bottom-width:1px}

/* Acceso */
.login{min-height:100vh;display:grid;place-items:center;background:var(--pt-soft)}
.login-card{width:min(420px,92vw);background:#fff;border-radius:18px;padding:34px;text-align:center;border:1px solid var(--line)}
.login-card label{display:block;text-align:left;font-size:13px;color:var(--muted);margin-bottom:4px}
.logo{width:48px;height:48px;border-radius:14px;background:var(--pt);display:grid;place-items:center;font-weight:700;color:#fff}
.big{width:64px;height:64px;margin:0 auto 12px;font-size:28px}

/* Pantalla de venta */
.pt-pos{display:grid;grid-template-columns:minmax(0,1fr) 400px;height:calc(100vh - var(--top-h));background:var(--bg)}
.pt-pos-left{display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px 18px 0}
.pt-pos-alerts .alert{margin-bottom:10px}
.pt-pos-search{display:flex;gap:10px;margin-bottom:12px}
.pt-pos-search .input-group-text{background:var(--pt);color:#fff;border-color:var(--pt)}
.pt-pos-search .input-group-text.scan{background:#fff;color:var(--pt-dark);border-color:var(--pt)}
.pt-pos-search .form-control{border-color:var(--pt)}
.pt-cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px;flex:none}
.pt-cat{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 14px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.pt-cat.on{background:var(--pt);border-color:var(--pt);color:#fff}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;overflow-y:auto;padding:12px 12px 18px 4px;align-content:start;flex:1;min-height:0}
.prod{position:relative;border:2px solid transparent;background:#fff;border-radius:12px;padding:10px;text-align:center;box-shadow:0 1px 3px rgba(16,24,40,.08);transition:border-color .15s,transform .1s}
.prod:hover{border-color:var(--pt-soft-2)}.prod:active{transform:scale(.98)}
.prod.in-cart{border-color:var(--pt)}
.prod-top{display:flex;justify-content:space-between;font-size:11px;color:var(--pt-dark);margin-bottom:4px;min-height:16px}
.prod-img{width:100%;height:84px;object-fit:contain;border-radius:10px;margin-bottom:8px;background:#f7f9fb}
.prod-img.empty{display:grid;place-items:center;color:var(--pt-dark);background:var(--pt-soft);font-weight:700;font-size:22px}
.prod b{display:block;font-size:12.5px;font-weight:600;line-height:1.25;min-height:32px;color:var(--dark)}
.prod .price{display:block;color:var(--dark);font-weight:700;font-size:14px;margin-top:2px}
.prod .stock{font-size:11px;color:var(--muted)}.prod .stock.low{color:var(--warning)}
.prod-qty{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--pt);color:var(--pt-dark);font-weight:700;font-size:12px;display:none;place-items:center}
.prod.in-cart .prod-qty{display:grid}
.pt-ticket{background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.pt-ticket-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.pt-ticket-head b{font-size:16px}
.pt-ticket-head .icon-btn{border:0;background:none;color:var(--muted);font-size:18px;padding:2px 6px;border-radius:8px}
.pt-ticket-head .icon-btn:hover{background:var(--bg);color:var(--pt-dark)}
.pt-ticket-fields{padding:12px 18px;border-bottom:1px solid var(--line)}
.pt-ticket-fields label{font-size:12px;color:var(--muted);margin-bottom:2px}
.cart{flex:1;overflow-y:auto;padding:4px 18px;min-height:120px}
.cart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;gap:8px;padding:30px 10px}
.cart-empty i{font-size:34px;color:var(--pt-soft-2)}
.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto 86px 26px;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}
.ci-name b{display:block;font-size:12.5px;font-weight:600;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-name small{color:var(--muted);font-size:11.5px}
.ci-qty{display:flex;align-items:center;gap:4px}
.ci-qty button{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);line-height:1;padding:0}
.ci-qty input{width:34px;height:26px;border:2px solid var(--pt);border-radius:50%;text-align:center;font-size:12px;font-weight:700;color:var(--pt-dark);padding:0;-moz-appearance:textfield}
.ci-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.ci-total{text-align:right;font-size:13px}
.ci-del{border:0;background:none;color:var(--muted);padding:0}.ci-del:hover{color:var(--danger)}
.tot{padding:8px 18px;border-top:1px solid var(--line);font-size:13px}
.tot div{display:flex;justify-content:space-between;padding:3px 0;color:var(--muted)}
.tot div b{color:var(--dark);font-weight:600}
.tot input{width:110px;height:28px;text-align:right}
.pt-vender{margin:6px 18px 0;display:flex;justify-content:space-between;align-items:center;background:var(--pt);color:#fff;border:0;border-radius:10px;padding:14px 18px;font-size:18px;font-weight:600}
.pt-vender:hover{background:var(--pt-hover)}.pt-vender:disabled{background:#c5d3d1}
.pt-ticket-foot{display:flex;justify-content:space-between;padding:10px 18px 14px;font-size:12.5px;color:var(--muted)}
.pt-ticket-foot a{color:var(--pt-dark);text-decoration:none;cursor:pointer}
.pay-total{text-align:center;font-size:22px;font-weight:600;margin:4px 0 14px}
.pay-sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;margin:10px 0}
.pay-sep::before,.pay-sep::after{content:"";flex:1;border-top:1px solid var(--line)}
.pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pay-method{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px 6px;text-align:center;font-size:13px;color:var(--dark)}
.pay-method i{display:block;font-size:24px;color:var(--pt);margin-bottom:4px}
.pay-method.on{border:2px solid var(--pt);background:var(--pt-soft)}
.pay-cash{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.pay-cash .cambio{font-size:20px;font-weight:600;color:var(--pt-dark)}
@media(max-width:1100px){.pt-pos{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:900px){.side{transform:translateX(-100%);transition:transform .2s}.shell.menu-open .side{transform:none}.main,.shell.menu-collapsed .main{margin-left:0;width:100%}.pt-pos{grid-template-columns:1fr;height:auto}.pt-ticket{border-left:0;border-top:1px solid var(--line)}.kpi{border-right:0;border-bottom:1px solid var(--line)}}

/* Imágenes y bloques de otras páginas */
.mini-img{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#fff}
.empty-mini{display:grid;place-items:center;color:var(--pt-dark);background:var(--pt-soft);font-weight:700}
.logo-preview{max-width:140px;max-height:80px;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff}
.ri-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.ri-grid div{border:1px solid var(--line);border-radius:12px;padding:18px;background:#f9fafb}
.ri-grid b{display:block;color:var(--pt-dark);margin-bottom:8px}.ri-grid span{color:var(--muted)}
.modal .form-control,.modal .form-select{border-radius:8px}
.modal-header .modal-title{color:var(--pt-dark);font-size:17px}

/* Panel de inicio */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px}
.kpi{padding:16px 18px;text-align:center;border-right:1px solid var(--line)}.kpi:last-child{border-right:0}
.kpi span{display:block;color:var(--muted);font-size:12.5px}.kpi b{display:block;font-size:22px;font-weight:600;margin-top:4px}
.kpi b.up{color:var(--pt)}.kpi b.down{color:var(--danger)}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.panel-head h5{font-size:13px;text-transform:uppercase;letter-spacing:.4px;margin:0;font-weight:600}
.legend{display:flex;gap:14px;font-size:12px;color:var(--muted)}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.kpi-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;height:100%}
.kpi-ico{width:42px;height:42px;border-radius:10px;background:var(--pt-soft);color:var(--pt-dark);display:grid;place-items:center;font-size:20px;flex:none}
.kpi-card span{display:block;color:var(--muted);font-size:12.5px}
.kpi-card b{display:block;font-size:20px;font-weight:700;line-height:1.35;color:var(--dark);white-space:nowrap}
.kpi-card small{font-size:11.5px;color:var(--muted)}
.delta-up{color:var(--success);font-weight:600}.delta-down{color:var(--danger);font-weight:600}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg button{border:0;background:#fff;padding:5px 12px;font-size:12px;color:var(--muted)}.seg button.on{background:var(--pt);color:#fff}

/* Total a pagar, atajos de pago y selector de tema */
.tot .a-pagar{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;color:var(--dark);font-size:15px;font-weight:600;align-items:center}
.tot .a-pagar b{font-size:22px;color:var(--pt-dark);font-weight:700}
.pt-vender small{font-size:11px;opacity:.85;margin-left:6px;font-weight:400}
.quick-pay{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 18px 0}
.quick-pay button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 4px;font-size:12px;color:var(--dark)}
.quick-pay button i{display:block;font-size:18px;color:var(--pt)}
.quick-pay button small{display:block;color:var(--muted);font-size:10.5px}
.quick-pay button:hover{border-color:var(--pt);background:var(--pt-soft)}
.pt-status{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);background:#fff;margin:0 -18px;padding:7px 18px;font-size:12px;color:var(--muted);flex:none}
.pt-status kbd{background:var(--pt-soft);color:var(--pt-dark);border-radius:5px;padding:1px 6px;font-size:11px;font-weight:600;margin-right:4px}
.pt-status .sep{margin-left:auto}
.pt-status .on-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-right:5px}
.tema-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px}
.top-actions .dropdown-item.on{font-weight:600;color:var(--pt-dark)}

/* Vista táctil de caja (views/pos/tactil.php) */
.tq{display:grid;grid-template-columns:minmax(330px,38%) minmax(0,1fr);height:calc(100vh - var(--top-h));background:var(--bg)}
.tq-left{display:flex;flex-direction:column;min-height:0;background:#fff;border-right:1px solid var(--line);padding:12px 14px}
.tq-search{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.tq-cliente{display:flex;align-items:center;gap:10px;background:var(--pt-soft);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px}
.tq-avatar{width:44px;height:44px;border-radius:50%;background:#fff;color:var(--pt-dark);display:grid;place-items:center;font-size:22px;flex:none}
.tq-cliente-txt{min-width:0;flex:1}.tq-cliente-txt b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tq-cliente-txt small{color:var(--muted)}
.tq-cliente select{width:auto;max-width:50%}
.tq-tabla-head,.tq-linea{display:grid;grid-template-columns:minmax(0,1fr) 98px 78px 86px 22px;gap:6px;align-items:center}
.tq-tabla-head{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;padding:6px 4px;border-bottom:2px solid var(--line)}
.tq-tabla-head span:nth-child(3),.tq-tabla-head span:nth-child(4){text-align:right}
.tq-lineas{flex:1;overflow-y:auto;min-height:80px}
.tq-linea{padding:8px 4px;border-bottom:1px solid var(--line);font-size:13px}
.tq-linea .n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tq-linea .p,.tq-linea .t{text-align:right}
.tq-tot{border-top:2px solid var(--line);padding-top:8px;font-size:13px}
.tq-tot>div{display:flex;justify-content:space-between;align-items:center;padding:2px 0;color:var(--muted)}
.tq-tot>div b{color:var(--dark)}
.tq-tot input{width:110px;height:28px;text-align:right}
.tq-total{margin-top:4px;padding-top:6px!important;border-top:1px solid var(--line)}
.tq-total span{font-size:18px;font-weight:700;color:var(--dark)}.tq-total span small{font-size:11.5px;font-weight:400;color:var(--muted);margin-left:6px}
.tq-total b{font-size:30px;font-weight:700;color:var(--pt-dark)!important}
.tq-right{display:flex;flex-direction:column;min-height:0;padding:12px 14px;gap:8px}
.tq-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tq-tile{min-height:62px;border:0;border-radius:8px;background:var(--tile);color:var(--tile-text);font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;text-decoration:none;padding:6px}
.tq-tile:hover{filter:brightness(.96);color:var(--tile-text)}
.tq-tile.pt-cat{border:0;border-radius:8px;background:var(--tile);color:var(--tile-text);font-size:13px;white-space:normal;padding:6px}
.tq-tile.pt-cat.on{background:var(--pt);color:#fff}
.tq-add{background:var(--pt-lime);color:#fff;font-size:26px}
.tq-prods{flex:1;overflow-y:auto;align-content:start;padding:10px 10px 4px 2px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tq-prod{padding:6px;border-radius:8px;min-height:118px}
.tq-prod .prod-img{height:58px;margin-bottom:4px}
.tq-prod b{font-size:12px;min-height:30px}
.tq-prod .price{font-size:13px;color:var(--pt-dark)}
.tq-fn{background:var(--pt-soft);font-weight:500;font-size:12.5px;color:var(--dark)}
.tq-fn i{font-size:20px;color:var(--pt)}
.tq-bottom{display:grid;grid-template-columns:1fr 1fr 1.2fr 2.6fr;gap:8px}
.tq-big{min-height:70px;border:0;border-radius:8px;background:var(--pt-soft-2);color:var(--pt-dark);font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font-size:14px}
.tq-big i{font-size:22px}
.tq-big:hover{filter:brightness(.96);color:var(--pt-dark)}
.tq-anular,.tq-anular:hover{background:var(--void);color:#fff}
.tq-pagar,.tq-pagar:hover{background:var(--pay);color:#fff;flex-direction:row;justify-content:space-between;padding:0 22px;font-size:22px}
.tq-pagar small{font-size:11px;opacity:.85;font-weight:400}
.tq-pagar:disabled{background:#c9d1d6}
@media(max-width:1250px){.tq-grid,.tq-prods{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.tq{grid-template-columns:1fr;height:auto}.tq-search{grid-template-columns:1fr}}