/* Etiquetas del cliente (Carlos, 2026-10-25): ficha del cliente › Condiciones, diálogo de impresión,
   aviso en la preparación de la entrega, ficha del artículo e historia de la serie. */
.customer-labels-section .customer-labels-facts dd{overflow-wrap:anywhere}
.customer-labels-template code,.customer-labels-example code,.customer-labels-url code{font-size:12px;overflow-wrap:anywhere;word-break:break-all}
.customer-labels-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.customer-labels-import{position:relative;overflow:hidden;cursor:pointer}
.customer-labels-import input{position:absolute;inset:0;opacity:0;cursor:pointer}
.customer-labels-import:focus-within{outline:2px solid var(--turquoise);outline-offset:2px}
.customer-labels-hint{margin:6px 0 0;color:var(--muted)}
.customer-labels-form{display:grid;gap:10px;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--row-selected)}
.customer-labels-form label{display:grid;gap:4px;font-size:12px;font-weight:750}
.customer-labels-form label small,.customer-labels-form fieldset small{color:var(--muted);font-weight:500}
.customer-labels-form input:not([type="checkbox"]),.customer-labels-form textarea{min-height:40px;padding:8px 10px;border:1px solid var(--line-control);border-radius:5px;background:var(--surface);font:inherit;font-size:14px}
.customer-labels-form .check-line{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.customer-labels-form fieldset{display:grid;gap:8px;margin:0;padding:10px;border:1px solid var(--line);border-radius:6px}
.customer-labels-form legend{padding:0 4px;font-size:12px;font-weight:850}
.customer-labels-form fieldset p{margin:0}
.customer-labels-form footer{display:flex;justify-content:flex-end;gap:8px}
.customer-labels-placeholders{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.customer-labels-placeholders small{flex-basis:100%;color:var(--muted)}
.customer-labels-placeholders .small-action{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.customer-labels-example{margin:0;font-size:12px;color:var(--muted)}
.customer-labels-example.is-error{color:var(--red);font-weight:700}
.customer-labels-count{display:block;font-size:12px;font-weight:400;color:var(--muted);text-align:right}
.customer-labels-count.is-over{color:var(--red);font-weight:700}
.customer-labels-article{margin:0;font-size:13px}
.customer-labels-search{position:relative}
.customer-labels-table{display:grid;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.customer-labels-table>div{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 12px;border-top:1px solid var(--line-inner);font-size:13px}
.customer-labels-table>div:first-child{border-top:0}
.customer-labels-table>div.editing{display:block;background:var(--row-selected)}
.customer-labels-table .customer-labels-form{margin:0;padding:0;border:0}
.customer-labels-head{background:var(--thead);color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.customer-labels-table span{overflow-wrap:anywhere}
.customer-labels-table small{display:block;color:var(--muted);font-size:12px}
.customer-labels-own-qr{color:var(--blue-dark)!important}
.customer-labels-row-actions{display:flex;gap:6px}
.customer-labels-prints{margin-top:10px;font-size:13px}
.customer-labels-prints summary{cursor:pointer;font-weight:750}
.customer-labels-prints ul{margin:6px 0 0;padding-left:18px;color:var(--muted)}
.customer-labels-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.customer-labels-inline input{min-height:36px;padding:0 8px;border:1px solid var(--line-control);border-radius:5px;background:var(--surface);font:inherit;font-size:13px;min-width:0;flex:1 1 120px}

/* Aviso en la cabecera del pedido y en el diálogo de la salida. */
.customer-labels-notice{margin:8px 0;padding:9px 12px;border-left:4px solid var(--amber);border-radius:4px;background:var(--amber-soft);color:var(--text);font-size:13px}
.customer-labels-order{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.customer-labels-order .customer-labels-notice{flex:1 1 320px;margin:0}
.commercial-delivery-context+.customer-labels-notice{margin:10px 20px 0}

/* Diálogo de impresión: reutiliza el de las etiquetas de artículo. */
.customer-labels-dialog .dialog-card{max-width:760px}
.customer-labels-rows li{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(170px,220px);gap:10px;align-items:end}
.customer-labels-rows li[hidden]{display:none}
.customer-labels-rows li>div{display:grid;gap:2px;min-width:0}
.customer-labels-rows li>div strong{font-size:16px;overflow-wrap:anywhere}
.customer-labels-rows label{display:grid;gap:4px;font-size:12px;font-weight:750}
.customer-labels-rows label small{color:var(--muted);font-weight:500}
.customer-labels-rows input,.customer-labels-rows textarea,.customer-labels-holder select,.customer-labels-filter input,.customer-labels-copies input{min-height:40px;padding:0 10px;border:1px solid var(--line-control);border-radius:5px;background:var(--surface);font:inherit;font-size:14px}
.customer-labels-rows textarea{padding:8px 10px;min-height:56px}
.customer-labels-serials{grid-column:1/-1}
.customer-labels-holder,.customer-labels-filter,.customer-labels-copies{display:grid;gap:4px;margin:8px 0;font-size:12px;font-weight:750}
.customer-labels-copies{max-width:220px}
.customer-labels-total{margin:4px 0;font-weight:750}
.customer-labels-previous{margin:6px 0;color:var(--muted);font-size:13px}
.customer-labels-preview{margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);overflow-x:auto}
.customer-labels-preview p{margin:0 0 8px;font-size:13px}
/* Vista previa a tamaño real: la etiqueta de la Brother (90 × 29 mm, rollo DK-11201), una debajo de otra.
   Repite, acotado a esta caja, lo que imprime customer-labels.js con LABEL_CSS de item-labels.js.
   Es el papel: blanco y negro también en modo oscuro. */
.customer-labels-roll{display:grid;gap:3mm;justify-content:start}
.customer-labels-preview .label{display:flex;align-items:center;gap:2mm;width:90mm;height:29mm;box-sizing:border-box;padding:2mm 3mm;overflow:hidden;background:white;color:black;font-family:Arial,Helvetica,sans-serif;border-radius:1.5mm;box-shadow:0 0 0 1px var(--line-control)}
.customer-labels-preview .label .qr{flex:0 0 24mm;width:24mm;height:24mm}
.customer-labels-preview .label .qr svg{display:block;width:24mm;height:24mm;shape-rendering:crispEdges}
.customer-labels-preview .label .data{display:flex;flex-direction:column;gap:0.5mm;min-width:0;flex:1;max-height:25mm;overflow:hidden}
.customer-labels-preview .label .data>*{flex:none;margin:0}
.customer-labels-preview .label .data strong{font-size:20pt;line-height:1.05;font-weight:700;white-space:nowrap;overflow:hidden;letter-spacing:0.2pt}
.customer-labels-preview .label .data strong[data-size="15"]{font-size:15pt}
.customer-labels-preview .label .data strong[data-size="12"]{font-size:12pt}
.customer-labels-preview .label .data strong[data-size="10"]{font-size:10pt}
.customer-labels-preview .label .data span{font-size:8pt;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.customer-labels-preview .label .data em{font-size:7.5pt;line-height:1.15;font-style:normal;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-labels-preview .label .data small{font-size:7pt;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-labels-url{margin:8px 0 0!important}
.customer-labels-url-hint{display:block;font-size:12px;font-weight:400;color:var(--muted);overflow-wrap:anywhere}

/* Fabricación unidad a unidad e historia de la serie. */
.unit-software{margin-top:6px}
.unit-software summary{cursor:pointer;font-size:13px;font-weight:750}
.unit-software input{min-height:40px;padding:0 10px;border:1px solid var(--line-control);border-radius:5px;background:var(--surface);font:inherit;font-size:14px;margin-top:4px}
.unit-software-version{display:block;color:var(--blue-dark);font-weight:700}
.serial-software p{margin:0}
.serial-software details{margin-top:4px;font-size:13px}
.serial-software summary{cursor:pointer;font-weight:750}
.serial-software ul{margin:4px 0 0;padding-left:18px;color:var(--muted)}

@media (max-width:640px){
  .customer-labels-table>div{grid-template-columns:1fr}
  .customer-labels-rows li{grid-template-columns:1fr minmax(150px,1fr)}
  .commercial-delivery-context+.customer-labels-notice{margin:10px 16px 0}
  .customer-labels-rows li>div{grid-column:1/-1}
}

/* Configurar desde el picking y aviso del proyecto (2026-10-25). */
.customer-labels-config{margin:8px 0;font-size:13px}
.customer-labels-config summary{cursor:pointer;font-weight:750}
.customer-labels-rows .customer-labels-inline{margin-top:4px}
.customer-labels-project{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-basis:100%;margin-top:8px}
.customer-labels-project .customer-labels-notice{flex:1 1 280px;margin:0}