:root{--primario: #1e3a5f;--acento: #4a9eff;--fondo: #f8f9fa;--alerta-deuda: #e65100;--al-dia: #2e7d32;--texto: #1a1a1a;--borde: #dde2e7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fondo);color:var(--texto)}.topbar{background:var(--primario);color:#fff;padding:14px 16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.topbar .marca{font-size:15px}.topbar .vendedor{font-size:13px;opacity:.85}.contenedor{padding:16px;max-width:480px;margin:0 auto}.contenedor.con-navbar{padding-bottom:76px}.navbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom,0)}.navbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;color:#888;text-decoration:none;font-size:12px}.navbar-item.activo{color:var(--primario);font-weight:600}.navbar-icon{font-size:20px}input,button,select,textarea{font-family:inherit;font-size:15px}input[type=text],input[type=password],input[type=search]{width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:8px;margin-bottom:12px}button.primario{width:100%;padding:12px;background:var(--primario);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}button.primario:disabled{opacity:.6;cursor:default}button.secundario{background:transparent;color:var(--primario);border:1px solid var(--primario);border-radius:8px;padding:10px;cursor:pointer}.card{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:14px;margin-bottom:10px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.deuda{background:#fdecea;color:var(--alerta-deuda)}.badge.al-dia{background:#e8f5e9;color:var(--al-dia)}.error{color:var(--alerta-deuda);font-size:14px;margin-bottom:10px}.grilla{border:1px solid var(--borde);border-radius:10px;overflow:hidden;background:#fff;margin-bottom:12px}.grilla-fila{display:grid;grid-template-columns:46px 1fr 72px 112px;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--borde)}.grilla-fila:last-child{border-bottom:none}.grilla-header{background:var(--fondo);font-size:11px;font-weight:600;color:#888;text-transform:uppercase}.grilla-codigo{font-size:12px;color:#888}.grilla-detalle{font-size:14px;line-height:1.25}.grilla-detalle .sin-precio{color:var(--alerta-deuda);font-weight:600;font-size:12px}.grilla-precio{font-size:13px;text-align:right;white-space:nowrap}.grilla-cant{display:flex;align-items:center;justify-content:flex-end;gap:4px}.grilla-cant button{width:26px;height:26px;padding:0;border-radius:6px;line-height:1}.grilla-cant span{min-width:16px;text-align:center;font-size:14px}.grilla-cant input{width:54px;text-align:center;padding:4px 0;border:1px solid var(--borde);border-radius:6px;font-size:14px;-moz-appearance:textfield}.grilla-descuento-cliente{padding:0 10px 4px;font-size:12px;color:var(--al-dia);text-align:right}.grilla-descuento{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 10px 8px;border-bottom:1px solid var(--borde);font-size:12px;color:#888}.item-carrito:last-child .grilla-descuento{border-bottom:none}.grilla-descuento input{width:54px;text-align:center;padding:3px 0;border:1px solid var(--borde);border-radius:6px;font-size:13px;-moz-appearance:textfield}.grilla-cant input::-webkit-outer-spin-button,.grilla-cant input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grilla-agregar{padding:5px 10px;font-size:13px;white-space:nowrap}.offline-banner{background:#fff3e0;color:var(--alerta-deuda);text-align:center;padding:6px;font-size:13px}.ayuda-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.ayuda-panel{background:#fff;border-radius:10px;padding:20px;max-width:420px;width:100%;max-height:80vh;overflow-y:auto;color:var(--texto)}.inicio-logo{text-align:center;margin-top:8px}.inicio-logo img{max-width:220px;width:100%;height:auto}.inicio-saludo{text-align:center;color:#666;font-size:14px;margin:10px 0 22px}.inicio-menu{display:flex;flex-direction:column;gap:14px}.inicio-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--borde);border-radius:16px;padding:14px 18px;text-decoration:none;color:var(--texto);box-shadow:0 2px 8px #1414140f;transition:transform .12s ease,box-shadow .12s ease}.inicio-card:active{transform:scale(.97)}.inicio-card .titulo{font-size:16.5px;font-weight:600}.inicio-card .desc{font-size:12.5px;color:#888;margin-top:2px}.inicio-icono{width:62px;height:62px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#fff,color-mix(in srgb,var(--c) 22%,#ffffff));box-shadow:0 8px 16px -7px color-mix(in srgb,var(--c) 75%,transparent)}.inicio-icono img{width:40px;height:40px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.22))}