: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 78px;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-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}