/* NODO Facturador — piel propia sobre NODO Metro: formulario de factura y selectores segmentados. Plano, ángulos rectos. */
.emi .m-field { margin-bottom: 12px; }
.emi-seg { display: flex; gap: 6px; margin: 4px 0 14px; }
.emi-seg button { flex: 1; min-height: 44px; padding: 6px 4px; border: 2px solid var(--m-line); background: transparent; color: var(--m-ink);
  font: 400 var(--m-fs-body) var(--m-font); text-transform: lowercase; cursor: pointer; }
.emi-seg button.on { background: var(--m-accent); border-color: var(--m-accent); color: var(--m-accent-ink); }
.emi-item { border-left: 4px solid var(--m-accent); padding: 4px 0 4px 12px; margin-bottom: 18px; }
.emi-fila { display: grid; grid-template-columns: 1fr 1.6fr 1.1fr; gap: 8px; }
.emi-fila .m-field { margin-bottom: 8px; min-width: 0; }
.emi-quitar { background: none; border: 0; color: var(--m-muted); text-decoration: underline; font: inherit; min-height: 44px; padding: 0; cursor: pointer; }
.emi-total { margin: 20px 0 14px; padding: 14px; background: var(--m-surface-2); }
.emi-total .m-hero__v { font-size: clamp(32px, 11vw, 52px); }
#emi-go { margin-bottom: 24px; }
.m-btn:disabled { opacity: .45; }
select.m-input { appearance: none; border-radius: 0; }
/* el botón principal dentro de .m-acts debe verse como primario y ocupar todo el ancho */
.m-acts .m-btn.primary { grid-column: 1 / -1; background: var(--m-accent); border-color: var(--m-accent); color: var(--m-accent-ink); }
.m-acts .m-btn.danger { grid-column: 1 / -1; border-color: var(--m-danger); color: var(--m-danger); }
/* filtros del estado de envíos: buscador a lo ancho y selector debajo (a 360 px se cortaban los textos) */
#sec-estado .filtros-bar { flex-wrap: wrap; gap: 8px; }
#sec-estado .filtro-busqueda, #sec-estado .filtro-sel { flex: 1 1 100%; width: 100%; min-height: 44px; }
.emi-seg button { font-size: 15px; }