:root {
	/* --- Paleta de Colores Ejecutiva Mejorada --- */
	--invagr-color-primario: #0056b3; /* Azul ejecutivo */
	--invagr-color-primario-hover: #003d80;
	--invagr-color-acento: #ffb300;   /* Dorado para acentos */
	--invagr-color-exito: #43a047;
	--invagr-color-peligro: #e53935;

	--invagr-bg-componente: #fff;         /* Fondo blanco para componentes */
	--invagr-bg-contenedor: #f4f6fa;      /* Fondo general gris azulado claro */

	--invagr-texto-principal: #1a237e;    /* Azul oscuro para títulos */
	--invagr-texto-secundario: #546e7a;
	--invagr-texto-sobre-primario: #fff;

	--invagr-btn-border: var(--invagr-color-primario);
	--invagr-btn-text: var(--invagr-color-primario);
	--invagr-btn-bg: #fff;
	--invagr-btn-hover-bg: #fbe9e7; /* Suave naranja para hover */
	--invagr-btn-selected-bg: var(--invagr-color-primario);
	--invagr-btn-selected-text: var(--invagr-texto-sobre-primario);

	--invagr-tabla-borde: #e0e0e0;
	--invagr-tabla-header-bg: #A9A9A9;           /* Encabezado blanco */
	--invagr-tabla-header-text: #1a237e;      /* Azul oscuro */
	--invagr-tabla-header-border: #ffb300;    /* Borde dorado */
	--invagr-tabla-fila-impar-bg: #fff;       /* Filas impares blancas */
	--invagr-tabla-fila-par-bg: #f7f7fa;      /* Filas pares gris muy claro */
	--invagr-tabla-fila-hover-bg: #fff8e1;    /* Hover amarillo suave */
}

.inventario-agrupado-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--invagr-bg-contenedor);
	padding: 1rem;
	gap: 2rem;
}

.inventory-group-table {
	height: 100%;
	min-height: 0;
}

#inventario-agrupado .selector-zona {
	border-color: 1px solid var(--invagr-btn-border);
	border-radius: 0.4rem;
}

/* Botones Toggle */
.selector-zona button:not(.mud-toggle-item-selected) {
	background-color: var(--invagr-btn-bg);
	color: var(--invagr-btn-text);
	transition: background-color 0.2s, color 0.2s;
}
.selector-zona button:not(.mud-toggle-item-selected):hover {
	background-color: var(--invagr-btn-hover-bg);
}
.selector-zona button.mud-toggle-item-selected {
	background-color: var(--invagr-btn-selected-bg);
	color: var(--invagr-btn-selected-text);
}
.selector-zona button.mud-toggle-item-selected span {
	color: var(--invagr-btn-selected-text);
}

/* Tabla */
.inventory-group-table .mud-table-container {
	border: 1px solid var(--invagr-tabla-borde);
	border-radius: 0.4rem;
	min-height: 0;
}

#inventario-agrupado .mud-table {
	height: 100%;

}

#inventario-agrupado table {
	table-layout: fixed;
}

#inventario-agrupado .inventory-group-table {
	max-width: 84rem;
}

#inventario-agrupado table .col-button {
	width: 3rem;
}

#inventario-agrupado table .col-grupo {
	width: auto;
	width: auto;
}

#inventario-agrupado table .col-t2 {
	width: 6rem;
}

#inventario-agrupado table .col-t3 {
	width: 15rem;
}

/* Cabecera de la tabla */
#inventario-agrupado thead th {
	background-color: var(--invagr-color-acento);
	color: var(--invagr-tabla-header-text);
	border-bottom: 3px solid var(--invagr-tabla-header-border);
	font-weight: 700;
	font-size: 1.05rem;
	letter-spacing: 0.02em;
}

/* Filas de la tabla */
.inventory-group-table .mud-table-body .mud-table-row .mud-table-cell {
	background-color: var(--invagr-tabla-fila-impar-bg);
	color: var(--invagr-texto-principal);
	transition: background-color 0.2s;
}

/* Filas pares (striped) */
.inventory-group-table .mud-table-striped .mud-table-body .mud-table-row:nth-of-type(even) .mud-table-cell {
	background-color: var(--invagr-tabla-fila-par-bg);
}

/* Hover sobre las filas */
.inventory-group-table .mud-table-body .mud-table-row:hover .mud-table-cell {
	background-color: var(--invagr-tabla-fila-hover-bg);
}

/* Opcional: resalta el texto de la fila seleccionada */
.inventory-group-table .mud-table-body .mud-table-row.mud-table-row-selected .mud-table-cell {
	background-color: var(--invagr-tabla-fila-hover-bg) !important;
	color: var(--invagr-color-primario);
	font-weight: 600;
}

#inventario-agrupado .sub-table-inventory thead th {
	background-color: var(--invagr-bg-contenedor);
}

#inventario-agrupado table td.right-text {
	text-align: end;
}

#inventario-agrupado .buttons-bar {
	display: flex;
}

#inventario-agrupado .sub-table-consumo thead th {
	background-color: var(--invagr-bg-contenedor);
}