/* ═══════════════════════════════════════════════════════════════════════
   VECTRA — Ajustes sobre vectra-ui.css
   Carga DESPUÉS de vectra-ui.css. Aquí van las desviaciones respecto al
   handoff, para no editar su archivo y poder recibir actualizaciones suyas.
   Cada bloque dice qué corrige y por qué.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Aprovechar el ancho de la pantalla ────────────────────────────────
   El handoff fija `max-width:1420px`, pensado para un monitor de ~1440. En
   pantallas anchas dejaba casi un tercio vacío a la derecha. Se libera el
   ancho y solo se pone un tope alto para que las líneas de texto no se
   vuelvan ilegibles en monitores muy grandes. */
.v-page{
  max-width:none;
  width:100%;
  padding:32px clamp(20px,2.4vw,44px) 64px;
}
@media (min-width:2100px){ .v-page{max-width:2000px;} }

/* Las pantallas que aún no se han portado usan .main: mismo criterio */
body.v-app .main{max-width:none;margin:0;}

/* ── 2. Filtros en una sola fila ──────────────────────────────────────────
   Las apps declaran `input,select,textarea{width:100%}` desde su hoja
   original, así que cada filtro ocupaba un renglón entero. */
.v-filters{align-items:center;}
.v-filters .v-input{flex:1 1 260px;width:auto;min-width:220px;}
.v-filters .v-select{flex:0 0 auto;width:auto;min-width:180px;}
.v-filters .v-input,.v-filters .v-select{height:38px;}

/* ── 3. Legibilidad de rótulos y encabezados ──────────────────────────────
   El handoff usa 8.5–9 px con tracking muy abierto en --v-text-5 (#565D57).
   Sobre el fondo real queda por debajo del contraste mínimo. Se sube un paso
   la escala de color y un punto el tamaño; el carácter técnico se mantiene
   porque el tracking abierto no cambia. */
.v-eyebrow{font-size:10px;letter-spacing:.22em;color:var(--v-text-3);}
.v-label{font-size:9.5px;letter-spacing:.18em;color:var(--v-text-3);}
.v-list-head > *{font-size:9.5px;letter-spacing:.16em;color:var(--v-text-3);}
.v-rule > span{font-size:10px;letter-spacing:.22em;color:var(--v-text-3);}
.v-cell-sub{font-size:11px;color:var(--v-text-3);}
.v-muted{font-size:11.5px;color:var(--v-text-3);}
.v-chart-label{font-size:9px;color:var(--v-text-4);}
.v-badge{font-size:9.5px;letter-spacing:.08em;}
.v-num-unit{color:var(--v-text-3);}

/* Sub-pestañas y contadores del menú: mismo problema de contraste */
.v-subnav-item{font-size:12px;color:var(--v-text-3);}
.v-nav-item .v-nav-count,.v-subnav-item .v-nav-count{font-size:10px;color:var(--v-text-4);}

/* ── 4. Tabla más cómoda en pantallas anchas ──────────────────────────── */
.v-list-row{padding:13px clamp(16px,1.4vw,24px);}
.v-list-head{padding:11px clamp(16px,1.4vw,24px);}
.v-cell-title{font-size:13.5px;}

/* ── 5. Indicadores de esquina: que no se pisen entre sí ─────────────── */
#vectra-sync-tag{bottom:20px;}
#vectra-build-tag{bottom:6px;}

/* ── 6. Impresión: el menú lateral no va al papel ─────────────────────── */
@media print{
  #vectra-sidebar{display:none !important;}
  body.v-app{display:block;}
  body.v-app > .v-main{width:100%;}
}