.myristbl 
{
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	font-size: 0.95rem;
}

.myristbl thead tr.tit 
{
	background: linear-gradient(145deg, #1e2a3a, #244d9b);
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.8rem;
}
.myristbl thead tr.tit th
{
	background-color: #244d9b;
}
.myristbl thead tr.tit th,
.myristbl thead tr.tit td 
{
	padding: 14px 16px;
	border-bottom: none;
}

.myristbl th,
.myristbl td 
{
	padding: 12px 14px;
	border-bottom: 1px solid #eef2f6;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;
}

.myristbl tbody tr:nth-child(even) td 
{
	background-color: #f9fbfd;
}

.myristbl tbody tr:hover td 
{
	background-color: #f0f5fe;
	transition: background 0.15s ease;
}

.myristbl.noblu 
{
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.myristbl.noblu thead tr.tit 
{
	background: #eef2f6;
	color: #1e2a3a;
}

.giofilter-btn 
{
	background: #ecf0f1;
	border: none;
	border-radius: 30px;
	padding: 8px 22px;
	font-weight: 500;
	font-size: 0.85rem;
	color: #244d9b;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, box-shadow 0.2s;
	box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.giofilter-btn
{
	background: #f0f0f0;
	color: #333;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	border:none;
	padding:8px 20px;
	border-radius:25px;
	font-weight:600;
	font-size:14px;
	cursor:pointer;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	transition:all 0.3s ease;
}

.giofilter-btn.active
{
	background: #004485;
	color: white;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.myristbl input[type="checkbox"] 
{
	width: 18px;
	height: 18px;
	accent-color: #244d9b;
	cursor: pointer;
}

.cpc_payed 
{
	background: #27ae60;
	color: #fff;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 0.7rem;
	font-weight: 600;
}
.cpc 
{
	background: #f39c12;
	color: #fff;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 0.7rem;
	font-weight: 600;
}

td a[href*="atleta.php"] 
{
	color: #1e2a3a;
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px dotted #b0c4de;
	transition: border-color 0.2s;
}
td a[href*="atleta.php"]:hover 
{
	border-bottom: 1px solid #244d9b;
}

@media (max-width: 768px) 
{
	.responstable 
	{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

.ex1 
{
	overflow: hidden;
	max-height: 100%;
	transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, padding 0.4s ease;
	padding: 10px 0;
}

.ex1.collapsed 
{
	max-height: 0 !important;
	opacity: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

#exp-trigger 
{
	display: inline-block;
	padding: 8px 20px;
	border-radius: 30px;
	cursor: pointer;
	font-size: 0.95rem;
	font-weight: 500;
	color: #2c3e50;
	transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
	user-select: none;
	margin: 10px 0;
}
#exp-trigger:hover 
{
	transform: scale(1.02);
}
#exp-trigger:active 
{
	transform: scale(0.98);
}
#exp-trigger u 
{
	text-decoration: none;
	border-bottom: 2px solid #2c3e50;
	font-weight: 600;
}