/* .table-container — палитра сайта: #16192b / #1e223a, розовый акцент, без «золота» */
.table-container {
	overflow-x: auto;
	margin: 2em 0;
	-webkit-overflow-scrolling: touch;
}

.table-container table {
	width: 100%;
	min-width: 280px;
	border-collapse: collapse;
	font-family: 'Montserrat', Arial, sans-serif;
	background: #1e223a;
	color: #b4bfd9;
	border: 1px solid rgba(255, 45, 120, 0.35);
	border-radius: 10px;
	overflow: hidden;
	box-shadow:
		0 0 0 1px rgba(255, 45, 120, 0.18),
		0 8px 32px rgba(8, 10, 22, 0.5);
}

.table-container table thead tr {
	background: #16192b;
}

.table-container table thead th {
	padding: 16px 20px;
	text-align: left;
	font-weight: 700;
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	border-bottom: 2px solid rgba(255, 45, 120, 0.88);
	white-space: nowrap;
}

.table-container table tbody td {
	padding: 16px 20px;
	font-size: 0.9rem;
	line-height: 1.55;
	text-align: left;
	border: none;
	border-bottom: 1px solid rgba(42, 48, 72, 0.95);
	vertical-align: top;
}

.table-container table tbody td:first-child {
	color: #ffffff;
	font-weight: 600;
}

.table-container table tbody td:first-child b,
.table-container table tbody td:first-child strong {
	font-weight: 700;
	color: #ffb3e4;
}

.table-container table tbody td:nth-child(n + 2) {
	color: #b4bfd9;
	font-weight: 400;
}

.table-container table tbody tr:last-child td {
	border-bottom: none;
}

.table-container table tbody tr:hover td {
	background-color: rgba(255, 45, 120, 0.1);
}

.table-container table tbody tr:hover td:first-child {
	color: #ffffff;
}

.table-container table tbody tr:hover td:first-child b,
.table-container table tbody tr:hover td:first-child strong {
	color: #ffd0ef;
}

.table-container table tbody tr:hover td:nth-child(n + 2) {
	color: #d2daf0;
}

@media screen and (max-width: 921px) {
	.table-container__toggle-wrap {
		text-align: center;
		margin-top: 1.25rem;
	}

	.table-container__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		padding: 0.625rem 1.75rem;
		font-family: 'Montserrat', Arial, sans-serif;
		font-size: 0.875rem;
		font-weight: 600;
		letter-spacing: 0.02em;
		background: linear-gradient(0deg, #FF0AB6 0%, #FFB3E4 100%) !important;
		border: 1px solid #FF0AB6 !important;
		box-shadow: 0px 0px 30.8px 0px #FF0AB5 !important;
		color: #fff !important;
		border-radius: 999px;
		cursor: pointer;
		transition: filter 0.2s ease, transform 0.15s ease;
	}

	.table-container__toggle:hover {
		filter: brightness(1.06);
	}

	.table-container__toggle:active {
		transform: scale(0.98);
	}

	.table-container__toggle:focus-visible {
		outline: 2px solid #ff0ab6;
		outline-offset: 3px;
	}
}