/* La orden de reparación gratis — spec 0475.
 *
 * Se carga DESPUÉS de presupuesto.css y sólo agrega lo que la orden tiene de
 * propio: la lista de estado, las dos copias con su línea de corte, el bloque
 * de desbloqueo y la impresión de dos copias en una A4. Todo lo demás —página,
 * tarjetas, hoja, barra del teléfono— es del generador de presupuesto (0455).
 * Cero hex (regla 1.3).
 */

/* ── La lista de estado ──────────────────────────────────────── */

.or-estado {
  margin: 0; padding: 0; border: 0; min-width: 0;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tc-space-8);
}
.or-legend {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.or-estado-item {
  display: flex; align-items: center; gap: var(--tc-space-8);
  min-height: 44px; padding: 0 var(--tc-space-12);
  border: 1px solid var(--tc-border-strong); border-radius: var(--tc-radius-control);
  background: var(--tc-surface); color: var(--tc-text-strong);
  font-size: var(--tc-fs-body); cursor: pointer;
}
.or-estado-item:has(input:checked) {
  background: var(--tc-primary-soft); border-color: var(--tc-primary-200); color: var(--tc-primary-text);
}
.or-estado-item input { width: 18px; height: 18px; margin: 0; accent-color: var(--tc-primary); flex: none; }

/* ── Las dos copias ──────────────────────────────────────────── */

.or-hoja { display: flex; flex-direction: column; gap: var(--tc-space-12); }
.or-copia { gap: var(--tc-space-12); }
.or-copia-rotulo {
  font-size: var(--tc-fs-overline); font-weight: var(--tc-weight-600);
  color: var(--tc-primary-text); text-transform: uppercase; letter-spacing: 0.04em;
}
.or-corte {
  margin: 0; text-align: center;
  font-size: var(--tc-fs-overline); color: var(--tc-text-muted);
  border-top: 1px dashed var(--tc-border-strong); padding-top: var(--tc-space-4);
}
.or-desbloqueo {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--tc-space-16);
  align-items: start;
  padding: var(--tc-space-12); border: 1px solid var(--tc-border); border-radius: var(--tc-radius-control);
}
.or-codigo { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.or-patron { width: 64px; height: 64px; display: block; }
.or-patron circle { fill: var(--tc-text-muted); }
.or-condiciones { font-size: var(--tc-fs-overline); line-height: 1.45; }

@media (max-width: 560px) {
  .or-estado { grid-template-columns: minmax(0, 1fr); }
}

/* ── Impresión: dos copias en UNA A4 ─────────────────────────── */

@media print {
  .or-hoja { gap: 0; }
  /* Cada copia en su mitad y sin partirse. La tipografía de impresión baja un
     peldaño de token para que las dos entren en una hoja: se midió. */
  /* MEDIDO el 2026-09-14 con todo completo y todas las casillas marcadas: con el
     interlineado de la página (1,6) las dos copias ocupaban 283 mm contra los
     269 que deja una A4 con sus márgenes, y la del taller se partía. Una planilla
     impresa no necesita el aire de una pantalla. */
  .or-copia { break-inside: avoid; font-size: var(--tc-fs-overline); line-height: 1.35; gap: var(--tc-space-8); }
  .or-copia .pp-hoja-taller { font-size: var(--tc-fs-h2); }
  .or-copia .pp-hoja-numero { font-size: var(--tc-fs-h3); }
  .or-copia .pp-hoja-cabecera { padding-bottom: var(--tc-space-8); }
  .or-copia .pp-hoja-firmas { padding-top: var(--tc-space-16); }
  .or-copia .pp-hoja-pie { padding-top: var(--tc-space-4); }
  .or-corte { margin: var(--tc-space-8) 0; padding-top: var(--tc-space-4); }
  .or-desbloqueo { padding: var(--tc-space-8); }
  .or-patron { width: 48px; height: 48px; }
  .or-condiciones { line-height: 1.35; }
}