table tbody tr:hover td {
	background-color: #e7f1ff !important;
	cursor: pointer;
}

.filter-box {
	border: 1px solid #ced4da;
	padding: 10px;
	border-radius: 8px;
	background-color: #f8f9fa;
	margin-bottom: 1.5rem; /* Equivale a mb-4 en Bootstrap */
}

.btn-accion {
	width:100px !important;
}

.td-auto-width {
	width: 1%;
	white-space: nowrap;
}

/* --- Estils personalitzats per fer que el select sembli un form-control --- */

	/* Estil general per semblar-se a form-control */
	.select2-container--bootstrap4 .select2-selection {
		border: 1px solid #ced4da;
		padding: 0.375rem 0.75rem;
		height: auto;
		min-height: calc(1.5em + 0.75rem + 2px);
		font-size: 1rem;
		border-radius: 0.375rem;
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.006 2.345 4 3.204 4h9.592c.86 0 1.32 1.006.753 1.658l-4.796 5.482a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 0.75rem center;
		background-size: 16px 16px;
	}

	/* Ajust per no solapar text i fletxa */
	.select2-container--bootstrap4 .select2-selection__rendered {
		line-height: 1.5;
		padding-right: 2rem;
	}

	/* Amaguem la fletxa de Select2 per evitar duplicats */
	.select2-container--bootstrap4 .select2-selection__arrow {
		display: none;
	}
	
	/* Posicionar la "X" de netejar correctament */
	.select2-container--bootstrap4 .select2-selection--single .select2-selection__clear {
		position: absolute;
		right: 2.5rem;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10;
		cursor: pointer;
		color: #6c757d;
	}

	/* Ajustos visuals perquè no desquadri el height */
	.select2-container--bootstrap4.select2-container--open .select2-selection {
		box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
	}

	.select2-container--bootstrap4 .select2-selection--single {
		position: relative; /* Important per a posicionar el clear button */
		padding-right: 2.5rem; /* Espai per a la X */
		box-sizing: border-box;
	}
	
	/* Tabs: no seleccionadas = borde gris claro + texto azul */
	#equipTabs.nav.nav-pills .nav-link {
	  border: 1px solid #dee2e6;       /* gris claro */
	  color: #0d6efd;                  /* azul Bootstrap */
	  background: #fff;
	  border-radius: .5rem;
	  margin: 0 1rem 1rem;             /* más separación entre pestañas */
	  font-weight: 600;
	  transition: all .2s ease-in-out;
	  padding: .6rem 1.2rem;
	}

	/* Hover en pestañas no activas */
	#equipTabs.nav.nav-pills .nav-link:hover,
	#equipTabs.nav.nav-pills .nav-link:focus {
	  background: #f8f9fa;             /* gris muy suave */
	  color: #0b5ed7;                  /* azul más intenso */
	  text-decoration: none;
	  outline: none;
	  box-shadow: 0 0 0 .15rem rgba(13,110,253,.15);
	}

	/* Activa: fondo azul + letras blancas */
	#equipTabs.nav.nav-pills .nav-link.active,
	#equipTabs.nav.nav-pills .show > .nav-link {
	  color: #fff;
	  background: #0d6efd;
	  border-color: #0d6efd;
	  box-shadow: inset 0 0 0 1px rgba(13,110,253,.2);
	}

	/* Contenedor del contenido de las pestañas */
	#equipTabsContent.tab-content {
	  border: 1px solid #dee2e6;
	  border-radius: .75rem;
	  padding: 1rem;
	  background: #fff;
	}

	/* Mejor adaptabilidad en pantallas pequeñas */
	#equipTabs {
	  flex-wrap: wrap;
	}
	#equipTabs .nav-link {
	  min-width: 120px;                /* evita que se aplasten demasiado */
	  text-align: center;
	}