/* views/alta.css · "Nuevo" (#nuevo y #nuevo-pedido) y la hoja "Cliente nuevo" · v17 (SPEC_v17 §5.1, §8.3, §8.4).
   Todos los selectores bajo .v-nuevo (o .v-clinuevo para la hoja); los resultados de la búsqueda de clientes (.v-nuevo__res,
   .v-nuevo__esnuevo) también se usan en la ficha del pedido. Tokens de la capa UPGRADE 4 de styles.css; controles de 48 px. */

.v-nuevo { --nv-sel: var(--tile-bg); --nv-sel-ink: #FFFFFF; padding-bottom: var(--sp-4); font-size: var(--fs-body); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .v-nuevo { --nv-sel: #2E2A9E; } }
:root[data-theme="dark"] .v-nuevo { --nv-sel: #2E2A9E; }

/* ---------------------------------------------------------------------------------------------- selector Trabajo / Pedido */
.v-nuevo__modo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; max-width: 620px; margin: 0 0 var(--sp-5);
  border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface); overflow: hidden; }
.v-nuevo__modo-btn { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 6px; min-height: 56px; padding: 8px 16px;
  font-size: var(--fs-body); line-height: 1.25; color: var(--text-strong); text-align: center; cursor: pointer;
  transition: background-color var(--dur-1, .15s) var(--ease, ease); }
.v-nuevo__modo-btn + .v-nuevo__modo-btn { border-left: 1px solid var(--line-strong); }
.v-nuevo__modo-btn:hover { background: var(--hover); }
.v-nuevo__modo-btn:focus-visible { outline: 2px solid var(--focus); outline-offset: -3px; }
.v-nuevo__modo-s { color: var(--text-2); }
.v-nuevo__modo-t { font-weight: 700; }
.v-nuevo__modo-btn[aria-checked="true"] { background: var(--nv-sel); color: var(--nv-sel-ink); box-shadow: inset 0 -3px 0 var(--imc-orange); }
.v-nuevo__modo-btn[aria-checked="true"] .v-nuevo__modo-s { color: inherit; opacity: .86; }

/* Viene de un pedido (Ponerle fecha) */
.v-nuevo__origen { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; max-width: 1120px; box-sizing: border-box; margin: 0 0 var(--sp-4); padding: 10px 12px 10px 14px;
  border-radius: 4px; background: var(--surface-2); box-shadow: inset 4px 0 0 var(--imc-orange); font-size: var(--fs-small); font-weight: 600; color: var(--text-strong); }
.v-nuevo__origen > span { flex: 1 1 220px; min-width: 0; }
.v-nuevo__origen .ico { flex: none; color: var(--text-2); }

/* ---------------------------------------------------------------------------------------------- tarjeta */
.v-nuevo__card { display: grid; gap: var(--sp-6); max-width: 1120px; min-width: 0; box-sizing: border-box; padding: var(--sp-6);
  background: var(--surface); border-radius: var(--r-lg); border-top: 3px solid var(--card-top); box-shadow: var(--sh-card); }
.v-nuevo.is-pedido .v-nuevo__card { max-width: 820px; gap: var(--sp-5); }
.v-nuevo.is-pedido .v-nuevo__modo { max-width: 820px; }
.v-nuevo__fila1, .v-nuevo__fila2 { display: grid; gap: var(--sp-5); align-items: start; min-width: 0; }
/* Las dos filas comparten la misma grilla (Nº · Lugar · Inicio / Cliente · CUIT · Tarea): los bordes coinciden */
@container main (min-width: 700px) {
  .v-nuevo__fila1, .v-nuevo__fila2 { grid-template-columns: 150px minmax(0, 1fr) 170px 220px; }
  .v-nuevo__fila1 > :nth-child(2) { grid-column: 2 / 4; }
  .v-nuevo__fila2 > :nth-child(1) { grid-column: 1 / 3; }
}
@container main (min-width: 900px) {
  .v-nuevo__fila1, .v-nuevo__fila2 { grid-template-columns: 180px minmax(0, 1fr) 210px 290px; }
}

.v-nuevo .campo__label { margin: 0; font-size: var(--fs-small); }
.v-nuevo .campo__input { min-height: 48px; font-size: var(--fs-input, 1rem); }
.v-nuevo select.campo__input { padding-right: 32px; }
.v-nuevo textarea { font-size: var(--fs-input, 1rem); min-height: 88px; }
.v-nuevo__nro .campo__input { font: 600 1.25rem/1 var(--font-ui); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.v-nuevo__auto, .v-nuevo__auto:focus { background: var(--bg-sunken); border-color: transparent; box-shadow: none; color: var(--text-strong); font-weight: 600; cursor: default; }
.v-nuevo__auto::placeholder { color: var(--text-2); font-weight: 400; opacity: 1; }
.v-nuevo__err { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 2px 6px; font-size: var(--fs-small); line-height: 1.35; }
.v-nuevo__err[hidden], .v-nuevo .campo__ayuda[hidden], .v-nuevo__aviso[hidden] { display: none; }
.v-nuevo__err .ico { flex: none; margin-top: 2px; }
.v-nuevo__err .btn { grid-column: 2; justify-self: start; margin-left: -6px; padding-inline: 6px; }
/* Aviso que deja seguir (§8.1): lugar parecido, fecha vieja, fila fuera del rango del Excel, CUIT raro */
.v-nuevo__aviso { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 2px 6px; margin: 0; font-size: var(--fs-small); line-height: 1.35; color: var(--warn); }
.v-nuevo__aviso .ico { margin-top: 2px; }
.v-nuevo__aviso .btn { grid-column: 2; justify-self: start; margin-left: -6px; padding-inline: 6px; }

/* Nº en el modo Pedido: se asigna después */
.v-nuevo__nropedido { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0; padding: 0 0 var(--sp-4); border-bottom: 1px solid var(--line); font-size: var(--fs-small); }
.v-nuevo__nropedido-t { font-weight: 600; color: var(--text-strong); }
.v-nuevo__nropedido-v { color: var(--text-2); }

/* Atajos (lugares y clientes más usados) */
.v-nuevo__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.v-nuevo__mini { margin: 0; font: 600 11px/1.3 var(--font-caps); font-stretch: 125%; letter-spacing: .14em; text-transform: uppercase; color: var(--oro); }
.v-nuevo__chips .v-nuevo__mini { flex-basis: 100%; margin-top: 2px; }
.v-nuevo__chip { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; max-width: 100%; min-height: 44px; padding: 6px 14px;
  border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); font-size: var(--fs-small); font-weight: 500; color: var(--text-strong);
  cursor: pointer; overflow-wrap: anywhere; transition: background-color var(--dur-1, .15s) var(--ease, ease), border-color var(--dur-1, .15s) var(--ease, ease); }
.v-nuevo__chip:hover { background: var(--hover); border-color: var(--rule); }
.v-nuevo__chip:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.v-nuevo__chip[aria-pressed="true"] { background: var(--nv-sel); border-color: var(--nv-sel); color: var(--nv-sel-ink); font-weight: 600; }

/* Cliente: resultados (también en la ficha del pedido), elegido y cliente nuevo */
.v-nuevo__resultados { display: grid; gap: 8px; }
.v-nuevo__resultados:empty { display: none; }
.v-nuevo__res { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.v-nuevo__res > li.is-variante { margin-top: -4px; padding-left: 18px; }
.v-nuevo__resbtn { all: unset; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; width: 100%;
  min-height: 48px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); cursor: pointer; }
.is-variante .v-nuevo__resbtn { min-height: 44px; padding-block: 8px; border-style: dashed; }
.v-nuevo__resbtn:hover { background: var(--hover); border-color: var(--rule); }
.v-nuevo__resbtn:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.v-nuevo__res-t { min-width: 0; font-weight: 600; color: var(--text-strong); overflow-wrap: anywhere; }
.v-nuevo__res-s { font-size: var(--fs-small); color: var(--text-2); }
.v-nuevo__nada { margin: 0; }
.v-nuevo__esnuevo { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; justify-self: start; min-height: 44px; padding: 0 6px; margin-left: -6px;
  border-radius: 4px; font-size: var(--fs-small); font-weight: 600; color: var(--accent); cursor: pointer; }
.v-nuevo__esnuevo:hover span { text-decoration: underline; }
.v-nuevo__esnuevo:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.v-nuevo__elegido { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-height: 48px; box-sizing: border-box;
  padding: 6px 6px 6px 12px; border: 1px solid var(--line-strong); border-left: 4px solid var(--imc-orange); border-radius: 4px; background: var(--surface-2); }
.v-nuevo__elegido .logo { flex: none; }
.v-nuevo__elegido-n { flex: 1 1 160px; min-width: 0; font-weight: 600; color: var(--text-strong); overflow-wrap: anywhere; }
.v-nuevo__elegido-s { display: block; margin-top: 2px; font-size: var(--fs-small); font-weight: 500; color: var(--warn); }
.v-nuevo__elegido-acc { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.v-nuevo__clinuevo { display: grid; gap: 10px; justify-items: start; padding: 12px 14px; border-radius: 4px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); }
.v-nuevo__clinuevo > .campo__label { color: var(--text-strong); }
.v-nuevo__clinuevo-g { display: grid; gap: var(--sp-4); width: 100%; }
@container main (min-width: 700px) { .v-nuevo__clinuevo-g { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); } }

/* Descripción técnica / Qué quiere: tipos de trabajo, armador de contenedores y el texto final */
.v-nuevo__desc { gap: 10px; padding-top: var(--sp-5); border-top: 1px solid var(--line); }
.v-nuevo.is-pedido .v-nuevo__desc { padding-top: 0; border-top: 0; }
.v-nuevo__tipos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@container main (min-width: 1100px) { .v-nuevo:not(.is-pedido) .v-nuevo__tipos { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .v-nuevo__chip { min-height: 40px; padding: 4px 12px; } }
.v-nuevo__tipo { all: unset; box-sizing: border-box; display: flex; align-items: center; min-width: 0; min-height: 56px; padding: 10px 14px;
  border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); font-weight: 600; line-height: 1.25; color: var(--text-strong);
  cursor: pointer; overflow-wrap: anywhere; transition: background-color var(--dur-1, .15s) var(--ease, ease), border-color var(--dur-1, .15s) var(--ease, ease); }
.v-nuevo__tipo:hover { background: var(--hover); border-color: var(--rule); }
.v-nuevo__tipo:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.v-nuevo__tipo[aria-pressed="true"] { background: var(--nv-sel); border-color: var(--nv-sel); color: var(--nv-sel-ink); box-shadow: inset 4px 0 0 var(--imc-orange); }
.v-nuevo__tipo--otro { border-style: dashed; }
.v-nuevo__tipo--otro[aria-pressed="true"] { border-style: solid; }

.v-nuevo__armador { display: grid; gap: 8px; justify-items: start; padding: 12px 14px; border-radius: 4px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); }
.v-nuevo__cont { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; min-width: 0; }
.v-nuevo__cont + .v-nuevo__cont { justify-self: stretch; padding-top: 10px; border-top: 1px solid var(--line); }
.v-nuevo__ctl { display: grid; gap: 4px; min-width: 0; }
.v-nuevo__ctl-t { font-size: var(--fs-caption); font-weight: 500; line-height: 1.2; color: var(--text-2); }
.v-nuevo__n { width: 76px; text-align: center; padding: 0 6px; }
.v-nuevo__x { display: inline-grid; place-items: center; height: 48px; font-size: 1.125rem; color: var(--text-2); }
.v-nuevo__seg { background: var(--bg-sunken); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.v-nuevo__seg::-webkit-scrollbar { display: none; }
.v-nuevo__seg .seg__btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 48px; padding: 0 12px; border-radius: 3px; font-size: var(--fs-small); }
.v-nuevo__seg .seg__btn:has(input:checked) { background: var(--nv-sel); color: var(--nv-sel-ink); box-shadow: none; }
.v-nuevo__quitar { align-self: flex-end; min-height: 48px; }
.v-nuevo__desctxt { margin-top: 2px; }

/* Responsable: los cuatro emblemas */
.v-nuevo__resp { margin: 0; padding: 0; border: 0; min-width: 0; }
.v-nuevo__resp > legend { padding: 0; margin-bottom: 6px; }
.v-nuevo__personas { display: flex; flex-wrap: wrap; gap: 8px; }
.v-nuevo__persona { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 4px 14px 4px 6px; box-sizing: border-box;
  border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); font-size: var(--fs-small); font-weight: 600; color: var(--text-strong); cursor: pointer; }
.v-nuevo__persona input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.v-nuevo__persona:hover { background: var(--hover); }
.v-nuevo__persona:has(input:checked) { border-color: var(--nv-sel); box-shadow: inset 0 0 0 2px var(--nv-sel); background: var(--surface-2); }
.v-nuevo__persona:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.v-nuevo__persona .emb { flex: none; }

/* Fotos y archivos del pedido */
.v-nuevo__archs { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.v-nuevo__arch { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 2px 4px 2px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.v-nuevo__arch .ico { flex: none; color: var(--text-2); }
.v-nuevo__arch-n { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-small); color: var(--text-strong); }
.v-nuevo__arch-s { flex: none; font-size: var(--fs-caption); color: var(--text-2); }
.v-nuevo__adjuntar { position: relative; justify-self: start; min-height: 48px; cursor: pointer; }
.v-nuevo__adjuntar.is-off { opacity: var(--disabled-opacity, .5); cursor: not-allowed; }
.v-nuevo__file { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; opacity: 0; }
.v-nuevo__adjuntar:has(.v-nuevo__file:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }

/* Más datos (D, E, L, M, P · en el pedido, Lugar) */
.v-nuevo__mas { border-top: 1px solid var(--line); padding-top: var(--sp-2); }
.v-nuevo__mas > summary { width: max-content; max-width: 100%; gap: 4px; list-style: none; }
.v-nuevo__mas > summary::-webkit-details-marker { display: none; }
.v-nuevo__mas > summary .ico { transition: transform var(--dur-1, .15s) var(--ease, ease); }
.v-nuevo__mas[open] > summary .ico { transform: rotate(180deg); }
.v-nuevo__mas > summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 3px; }
.v-nuevo__mas-g { display: grid; gap: var(--sp-4); min-width: 0; }
@container main (min-width: 700px) { .v-nuevo:not(.is-pedido) .v-nuevo__mas-g { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container main (min-width: 900px) { .v-nuevo:not(.is-pedido) .v-nuevo__mas-g { grid-template-columns: minmax(0, 1.4fr) 160px minmax(0, 1fr) minmax(0, 1fr); } }

/* ---------------------------------------------------------------------------------------------- renglón del Excel */
.v-nuevo__hoja { display: grid; gap: 8px; max-width: 1120px; margin-top: var(--sp-5); }
.v-nuevo__hoja-t { margin: 0; }
.v-nuevo__fila { display: grid; grid-template-columns: 64px minmax(0, 1fr) 56px minmax(0, 1fr) 96px minmax(0, 1.4fr) 120px 52px minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.8fr);
  margin: 0; padding: 0; list-style: none; border: 1px solid var(--line-strong); border-radius: 3px; background: var(--surface); overflow: hidden; }
.v-nuevo__celda { display: grid; grid-template-rows: auto 1fr; min-width: 0; border-left: 1px solid var(--line); }
.v-nuevo__celda:first-child { border-left: 0; }
.v-nuevo__cab { display: flex; align-items: baseline; gap: 6px; min-width: 0; padding: 5px 8px; background: var(--bg-sunken); border-bottom: 1px solid var(--line); }
.v-nuevo__letra { flex: none; font: 600 11px/1.2 var(--font-caps); font-stretch: 125%; color: var(--oro); }
.v-nuevo__cnom { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-caption); color: var(--text-2); }
.v-nuevo__val { min-height: 22px; padding: 7px 8px; font-size: var(--fs-small); font-variant-numeric: tabular-nums; color: var(--text-strong); overflow-wrap: anywhere; }
.v-nuevo__celda:is([data-col="C"], [data-col="G"], [data-col="J"], [data-col="K"]) .v-nuevo__val { white-space: nowrap; overflow-wrap: normal; }
/* ancho medio: el renglón en dos tandas (C–I y J–N) */
@container main (min-width: 600px) and (max-width: 1099.98px) {
  .v-nuevo__fila { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .v-nuevo__celda:nth-child(6n + 1) { border-left: 0; }
  .v-nuevo__celda:nth-child(n + 7) { border-top: 1px solid var(--line); }
}

/* ---------------------------------------------------------------------------------------------- botón Crear / Guardar (fijo abajo) */
.v-nuevo__nav { position: sticky; bottom: env(safe-area-inset-bottom, 0px); z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;
  gap: 10px 12px; max-width: 1120px; margin-top: var(--sp-5); padding: 12px 0; background: var(--material); -webkit-backdrop-filter: var(--material-blur); backdrop-filter: var(--material-blur);
  border-top: 1px solid var(--line); }
.v-nuevo.is-pedido .v-nuevo__nav { max-width: 820px; }
.v-nuevo__navmsg { flex: 1 1 220px; margin: 0; font-size: var(--fs-small); font-weight: 600; color: var(--danger); }
.v-nuevo__navmsg:empty { flex: 1 1 0; }
.v-nuevo__lectura { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: var(--fs-small); color: var(--text-2); }
.v-nuevo__lectura:focus { outline: none; }
.v-nuevo__crear { min-width: 220px; }
.v-nuevo__crear .spinner { flex: none; }

/* ---------------------------------------------------------------------------------------------- tablet y celular */
@media (max-width: 1023.98px) {
  .v-nuevo__nav { margin-inline: -4px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; box-shadow: var(--sh-float); }
  .v-nuevo .btn.v-nuevo__crear { border-radius: 3px; }
}
@media (max-width: 599.98px) {
  .v-nuevo__modo { max-width: none; margin-bottom: var(--sp-4); }
  .v-nuevo__modo-btn { flex-direction: column; gap: 0; padding: 6px 8px; }
  .v-nuevo__modo-sep { display: none; }
  .v-nuevo__modo-s { font-size: var(--fs-small); }
  .v-nuevo__card { gap: var(--sp-5); padding: var(--sp-4) var(--sp-4) var(--sp-5); }
  .v-nuevo__tipos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v-nuevo__tipo { padding: 10px 12px; }
  .v-nuevo__armador { padding: 10px; }
  .v-nuevo__cont { justify-self: stretch; }
  .v-nuevo__cont > :nth-child(4) { order: 2; }                 /* el Tipo baja a su línea; «Quitar» queda arriba, a la derecha */
  .v-nuevo__quitar { order: 1; margin-left: auto; }
  .v-nuevo__personas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v-nuevo__seg .seg__btn { min-width: 42px; padding: 0 8px; }
  /* en el celular se carga desde el campo: el renglón del Excel no se muestra (sin letras, §1) */
  .v-nuevo__hoja { display: none; }
  .v-nuevo__navmsg { flex-basis: 100%; }
  .v-nuevo__navmsg:empty { display: none; }
  .v-nuevo__crear { flex: 1 1 auto; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .v-nuevo__chip, .v-nuevo__tipo, .v-nuevo__modo-btn { transition: none; } }

/* En el celular el formulario no lleva la barra de pestañas; la salida es "‹ Trabajos" arriba (H48). */
.v-nuevo__volver { display: none; }
@media (max-width: 1023.98px) {
  .app:has(.vista > .v-nuevo) .tabbar { display: none; }
  .app:has(.vista > .v-nuevo) .main { padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
  .v-nuevo__nav { bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
  .v-nuevo__volver { display: inline-flex; align-items: center; gap: 2px; min-height: 44px; margin: 0 0 var(--sp-1) -6px; padding: 0 6px;
    font-size: var(--fs-body); font-weight: 500; color: var(--accent); text-decoration: none; border-radius: var(--r-xs); }
  .v-nuevo__volver:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
}

/* ---------------------------------------------------------------------------------------------- hoja «Cliente nuevo» (§8.4) */
.v-clinuevo { display: grid; gap: var(--sp-5); }
.v-clinuevo .campo__input { min-height: 48px; }
.v-clinuevo__ext { min-height: 44px; }
.v-clinuevo__iva { margin: 0; padding: 0; border: 0; min-width: 0; }
.v-clinuevo__iva > legend { padding: 0; margin-bottom: 6px; }
.v-clinuevo__seg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; box-sizing: border-box; }
.v-clinuevo__seg .seg__btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 4px 10px; white-space: normal; text-align: center; line-height: 1.2; }
.v-clinuevo__avisos { display: grid; gap: 6px; padding: 10px 12px; border-radius: 4px; background: var(--warn-bg); box-shadow: inset 3px 0 0 var(--warn-fill); }
.v-clinuevo__avisos[hidden] { display: none; }
.v-clinuevo__aviso { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; margin: 0; font-size: var(--fs-small); font-weight: 600; color: var(--warn); }
.v-clinuevo__aviso .ico { margin-top: 2px; }
.v-clinuevo__usar { margin: 0; }

/* v20 (pedido 9) · Punto de venta (T): tres opciones con su número y la explicación en criollo. Lo usan la hoja Cliente nuevo
   y la hoja de factura de la ficha (IMC.alta.pvCampo); en «Cambiar» de la factura va compacto, sin la explicación. */
.v-pv { margin: 0; padding: 0; border: 0; min-width: 0; }
.v-pv > legend { padding: 0; margin-bottom: 6px; }
.v-pv__ops { display: grid; gap: 6px; }
.v-pv__op { display: grid; grid-template-columns: auto 1.75rem minmax(0, 1fr); align-items: center; gap: 10px; min-height: 48px; margin: 0; padding: 8px 12px; box-sizing: border-box;
  border: 1px solid var(--line-strong); border-radius: var(--r-md); background: var(--surface); cursor: pointer; }
.v-pv__op:hover { background: var(--hover); }
.v-pv__op input { width: 18px; height: 18px; margin: 0; accent-color: var(--sel); }
.v-pv__op:has(input:checked) { border-color: var(--sel); box-shadow: inset 0 0 0 1px var(--sel); background: var(--accent-soft); }
.v-pv__op:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.v-pv__n { font: 400 1.625rem/1 var(--font-display); color: var(--text-strong); text-align: center; }
.v-pv__t { display: grid; gap: 2px; min-width: 0; }
.v-pv__nom { font: 600 var(--fs-body)/1.3 var(--font-ui); color: var(--text-strong); }
.v-pv__ex { font-size: var(--fs-small); line-height: 1.35; color: var(--text-2); }
.v-pv--compacto .v-pv__ops { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.v-pv--compacto .v-pv__op { grid-template-columns: auto 1.25rem minmax(0, 1fr); gap: 8px; min-height: 44px; padding: 6px 10px; }
.v-pv--compacto .v-pv__n { font-size: 1.25rem; }
.v-pv--compacto .v-pv__nom { font-size: var(--fs-small); line-height: 1.25; }
.v-pv .campo__ayuda { margin-top: 6px; }
/* al pasar o con la opción elegida, la explicación sube de contraste (en modo noche el fondo se aclara) */
.v-pv__op:hover .v-pv__ex, .v-pv__op:has(input:checked) .v-pv__ex { color: var(--text); }