*,:before,:after{box-sizing:border-box}:root{--azul:#34a8e0;--azul-borde:#5fbcea;--verde:#57be2c;--verde-borde:#86d05e;--rojo:#e5342a;--gris-bg:#f4f6f9;--gris-borde:#d1d5db;--ink:#111;--label-color:#6b7280;color:var(--ink);background:var(--gris-bg);font-family:Helvetica Neue,Arial,sans-serif;font-size:15px}body{margin:0}#app{min-height:100dvh}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;transition:filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--azul);color:#fff}.btn-verde{background:var(--verde);color:#fff}.btn-rojo{background:var(--rojo);color:#fff}.btn-gris{color:#374151;background:#e5e7eb}.btn-sm{padding:5px 12px;font-size:13px}.btn-icon{padding:6px 10px}.page-shell{max-width:900px;margin:0 auto;padding:16px 16px 80px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #00000014}.form-group{margin-bottom:12px}.form-label{color:var(--label-color);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--gris-borde);border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--azul)}.form-textarea{resize:vertical;min-height:80px}.tabla-wrapper{overflow-x:auto}table.tabla{border-collapse:collapse;width:100%;font-size:13.5px}table.tabla thead th{background:var(--azul);color:#fff;text-align:left;padding:8px 10px;font-style:italic;font-weight:700}table.tabla tbody td{border-bottom:1px solid #eef2f7;padding:7px 10px}table.tabla tbody tr:hover{background:#f0f8ff}.badge{border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-pendiente{color:#92400e;background:#fef3c7}.badge-aceptada{color:#065f46;background:#d1fae5}.badge-rechazada{color:#991b1b;background:#fee2e2}.badge-vendida{color:#1e40af;background:#dbeafe}.badge-pagada{color:#065f46;background:#d1fae5}.badge-nota{color:#0369a1;background:#e0f2fe}.badge-cotizacion{color:#166534;background:#dcfce7}.bottom-nav{padding:6px 0 env(safe-area-inset-bottom,6px);z-index:100;background:#fff;border-top:1px solid #e5e7eb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--label-color);flex-direction:column;flex:1;align-items:center;min-width:0;padding:4px;font-size:9px;text-decoration:none;display:flex}.bottom-nav a.router-link-active{color:var(--azul)}.bottom-nav .nav-icon{font-size:20px;line-height:1.2}.alerta{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.alerta-error{color:#991b1b;background:#fee2e2}.alerta-exito{color:#065f46;background:#d1fae5}.alerta-info{color:#0369a1;background:#e0f2fe}.autocomplete{position:relative}.autocomplete-list{z-index:200;border:1.5px solid var(--azul-borde);background:#fff;border-radius:8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.autocomplete-item{cursor:pointer;padding:8px 12px;font-size:13.5px}.autocomplete-item:hover,.autocomplete-item.activo{background:#e0f2fe}@media (width<=480px){.page-shell{padding:12px 10px 80px}.btn{padding:7px 14px;font-size:13px}}