.pagewrapper-teamfreeagent{
	max-width:1284px;
	margin:0 auto;
	padding:24px 18px 40px;
}

.teamfreeagents-shell{
	background:#ffffff;
	border:1px solid #dbe3ec;
	border-radius:22px;
	box-shadow:0 18px 40px rgba(15,23,42,.08);
	padding:24px;
	color:#111827;
}

.teamfreeagents-shell .STHSWebClient_Form{
	margin:0 0 20px;
}

.teamfreeagents-shell select{
	min-width:240px;
	max-width:100%;
	padding:8px 12px;
	border:1px solid #cbd5e1;
	border-radius:10px;
	background:#ffffff;
	color:#0f172a;
}

/* Section jump nav */
.fa-section-nav{
	margin:0 0 22px;
}

.fa-section-nav__list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
}

.fa-section-nav__link{
	display:inline-block;
	padding:8px 14px;
	border:1px solid #cbd5e1;
	border-radius:999px;
	background:#f8fafc;
	color:#0f172a;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	transition:background .15s ease, border-color .15s ease;
}

.fa-section-nav__link:hover{
	background:#e2e8f0;
	border-color:#94a3b8;
	text-decoration:none;
}

/* Section grid */
.fa-sections-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:20px;
}

.fa-section{
	background:#f8fafc;
	border:1px solid #e2e8f0;
	border-radius:18px;
	padding:18px 20px;
	scroll-margin-top:16px;
}

.fa-section__title{
	margin:0 0 14px;
	color:#0f172a;
	font-size:18px;
	font-weight:800;
	line-height:1.25;
}

.fa-section__body{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.fa-info-line{
	padding:10px 12px;
	border-radius:10px;
	background:#ffffff;
	border:1px solid #e2e8f0;
	color:#334155;
	font-size:14px;
	line-height:1.45;
}

/* Player cards */
.fa-player-card{
	padding:12px 14px;
	border-radius:12px;
	background:#ffffff;
	border:1px solid #e2e8f0;
}

.fa-player-card__head{
	display:flex;
	align-items:flex-start;
	gap:12px;
}

.fa-player-card--simple .fa-player-card__head{
	align-items:center;
}

.fa-player-card__info{
	flex:1 1 auto;
	min-width:0;
	padding-top:2px;
}

.fa-player-detail{
	display:block;
	color:#334155;
	font-size:14px;
	line-height:1.45;
}

.teamfreeagents-shell a.fa-player-toggle{
	display:block;
	cursor:pointer;
	color:#0f172a;
	font-size:14px;
	font-weight:600;
	line-height:1.45;
	text-decoration:none;
}

.teamfreeagents-shell a.fa-player-toggle:hover{
	text-decoration:underline;
}

.teamfreeagents-shell a.fa-player-toggle::after{
	content:" (show ratings)";
	color:#64748b;
	font-size:12px;
	font-weight:500;
}

.teamfreeagents-shell a.fa-player-toggle[aria-expanded="true"]::after{
	content:" (hide ratings)";
}

/* Offer buttons */
.fa-offer-btn{
	flex:0 0 auto;
	display:inline-block;
	min-width:108px;
	padding:8px 12px;
	border:0;
	border-radius:8px;
	color:#ffffff;
	font-size:12px;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
}

.fa-offer-btn--primary{
	background:#151e2d;
}

.fa-offer-btn--primary:hover{
	background:#0f172a;
}

.fa-offer-btn--success{
	background:#15803d;
}

.fa-offer-btn--success:hover{
	background:#166534;
}

.fa-offer-btn--danger{
	background:#b91c1c;
}

.fa-offer-btn--danger:hover{
	background:#991b1b;
}

/* Ratings — hidden until player name clicked */
.teamfreeagents-shell .fa-ratings-panel{
	display:none !important;
	margin:10px 0 0;
	padding-top:10px;
	border-top:1px solid #e2e8f0;
}

.teamfreeagents-shell .fa-ratings-panel.is-open{
	display:block !important;
}

.fa-ratings-table{
	width:100%;
	max-width:100%;
	margin:0 auto;
	table-layout:fixed;
	border-collapse:collapse;
	font-size:12px;
}

.fa-ratings-table th,
.fa-ratings-table td{
	padding:6px 2px;
	border:1px solid #e2e8f0;
	text-align:center;
}

.fa-ratings-table thead th{
	background:#f1f5f9;
	color:#475569;
	font-size:11px;
	font-weight:800;
	letter-spacing:.03em;
}

.fa-ratings-table tbody td{
	background:#ffffff;
	color:#0f172a;
	font-weight:600;
}

@media (max-width: 980px){
	.pagewrapper-teamfreeagent{
		padding:16px 10px 28px;
	}

	.teamfreeagents-shell{
		padding:16px;
		border-radius:16px;
	}

	.fa-sections-grid{
		grid-template-columns:1fr;
	}

	.fa-section{
		padding:16px;
	}

	.fa-player-card__head{
		flex-direction:column;
		align-items:stretch;
	}

	.fa-offer-btn{
		width:100%;
	}

}