/*
 * El botón "Subir factura" reutiliza el estilo de
 * ".asten-comparador__subida-rapida" (lo pone comparador.css) para que se vea
 * igual que el de "Subir CSV", en la misma fila junto a "Tu suministro". Aquí
 * solo va lo que es propio de este plugin: el botón de reintento y el aviso
 * de estado.
 */

/* Sin caja propia: los dos botones y el aviso son hijos directos de
 * ".asten-comparador__leyenda-acciones" y se colocan en su fila igual que
 * "Subir CSV". Cuando esto era un flex item más, el aviso —que ocupa el ancho
 * entero— ensanchaba el widget y empujaba "Subir factura" a la línea de abajo
 * en cuanto se leía una factura. */
.asten-factura-ocr {
	display: contents;
}

/* El botón de reintento está en el DOM desde el principio y solo se hace
 * visible: así su hueco está reservado y ningún botón cambia de sitio al leer
 * la factura. `disabled` lo saca del recorrido del tabulador mientras no se
 * ve. */
.asten-factura-ocr__boton--oculto {
	visibility: hidden;
}

.asten-factura-ocr__boton {
	font: inherit;
	font-size: 0.85rem;
	padding: 0.35rem 0.75rem;
	border: 1px solid var(--ac-borde, rgba(12, 18, 48, 0.15));
	border-radius: 999px;
	background: transparent;
	cursor: pointer;
}

.asten-factura-ocr__boton:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}

/* El aviso ocupa su propia línea, a ancho completo, para no romper la fila de
 * la cabecera cada vez que hay un mensaje largo. */
.asten-factura-ocr__estado {
	flex-basis: 100%;
	margin: 0;
	font-size: 0.85rem;
	font-weight: 400;
}

.asten-factura-ocr__estado:empty {
	display: none;
}

.asten-factura-ocr__estado--ok {
	color: #1B7A3D;
}

.asten-factura-ocr__estado--error {
	color: #B3261E;
	font-weight: 600;
}