/* ======================================================
RESET & BASE
====================================================== */
* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	background: #080c14;
	color: #c8d6e5;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
}

/* ======================================================
WRAPPER
====================================================== */
.sevenm-wrap {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 0 20px;
}

.sevenm-wrap h2 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2px;
	background: linear-gradient(135deg, #0d1525 0%, #111827 100%);
	padding: 16px 20px;
	border-radius: 12px 12px 0 0;
	margin-bottom: 0;
	border-bottom: 1px solid #1e2d45;
}

/* ======================================================
MAIN TABLE - TRANG CHỦ
====================================================== */
.sevenm-table {
	width: 100%;
	border-collapse: collapse;
	background: #0d1525;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
	border-radius: 0 0 12px 12px;
}

.sevenm-table thead {
	background: linear-gradient(135deg, #060e1c 0%, #0a1628 100%);
}

.sevenm-table th {
	padding: 14px 10px;
	text-align: center;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 13px;
	color: #4a90b8;
	border-bottom: 2px solid #00d4ff22;
}

.sevenm-table td {
	padding: 10px 8px;
	border-bottom: 1px solid #111f33;
	text-align: center;
	color: #c8d6e5;
	vertical-align: middle;
}

.sevenm-table tbody tr {
	background: #0d1525;
	transition: background 0.15s;
}

.sevenm-table tbody tr:hover {
	background: #111f33;
}

.sevenm-table tr.tbg1 {
	background: #0d1525;
}

.sevenm-table tr.tbg2 {
	background: #0a1020;
}

.sevenm-table tr.tbg1:hover,
.sevenm-table tr.tbg2:hover {
	background: #111f33;
}

/* DATE HEADER ROW */
.sevenm-date-header {
	background: linear-gradient(90deg, #00d4ff15 0%, transparent 100%) !important;
	color: #ff0068 !important;
	font-weight: 500 !important;
	text-align: left !important;
	padding: 10px 20px !important;
	font-size: 12px !important;
	letter-spacing: 1px;
	border-top: 1px solid #00d4ff22 !important;
}

/* ======================================================
LEAGUE BADGE
====================================================== */
.sevenm-td-league {
	padding: 8px !important;
	min-width: 100px;
}

.sevenm-league-badge {
	display: inline-block;
	width: 100%;
	padding: 4px;
	font-size: 10px;
	letter-spacing: 0.5px;
	border-radius: 4px;
	background: linear-gradient(135deg, #1a2744 0%, #0d1b33 100%);
	color: #8ab4cc;
	font-weight: 500;
}

/* ======================================================
TEAM CELL
====================================================== */
.sevenm-team-cell {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 0;
}

.sevenm-team-logo {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #0d1525;
	padding: 2px;
	object-fit: contain;
	flex-shrink: 0;
}

.sevenm-team-name {
	color: #dde6f0;
	font-weight: 600;
	font-size: 13px;
}


.sevenm-td-home { text-align: left; }
.sevenm-td-away { text-align: right; }
.sevenm-team-cell-home { justify-content: flex-start; }
.sevenm-team-cell-away { flex-direction: row-reverse; justify-content: flex-start; }

.sevenm-red-card {
	color: #ff4757;
	font-weight: 700;
	font-size: 11px;
	margin-left: 4px;
}

/* ======================================================
STATUS & SCORE
====================================================== */
.sevenm-status-cell {
	font-weight: 700;
	color: #00ff88;
	font-size: 13px;
}

/* Live match pulse */
.sevenm-status-cell[data-status="1"],
.sevenm-status-cell[data-status="2"],
.sevenm-status-cell[data-status="3"] {
	color: #00ff88;
	text-shadow: 0 0 8px #00ff8877;
	animation: live-pulse 2s ease-in-out infinite;
}

@keyframes live-pulse {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.6;
	}
}

.sevenm-score-cell {
	font-weight: 700;
	color: #ffffff;
	font-size: 15px;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

/* ======================================================
ODDS CELL
====================================================== */
.sevenm-odds-cell {
	font-size: 11px;
	padding: 6px 4px !important;
}

.sevenm-odds-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	padding: 2px 0;
}

.sevenm-odds-row+.sevenm-odds-row {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid #111f33;
}

.sevenm-odds-home {
	color: #ff6b7a;
	min-width: 34px;
	text-align: right;
	font-weight: 700;
}

.sevenm-odds-away {
	color: #2ed573;
	min-width: 34px;
	text-align: left;
	font-weight: 700;
}

.sevenm-odds-line {
	padding: 2px 6px;
	font-weight: 700;
	color: #fff;
	background: #00d4ff11;
	border-radius: 3px;
	font-size: 10px;
}

/* ======================================================
ACTION BUTTONS
====================================================== */
.btn-sevenm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 3px;
	padding: 3px;
	background: #0d1525;
	color: #98c5df;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 600;
	font-size: 10px;
	transition: all 0.2s;
	border: 1px solid #1e2d45;
	white-space: nowrap;
}

.btn-sevenm:hover {
	background: #98c5df;
	color: #000;
	border-color: #98c5df;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 212, 255, 0.3);
}

.btn-sevenm img {
	max-width: 18px;
	height: auto;
	display: block;
}

.btn-sevenm.primary {
	background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
	color: #000;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 700;
	border: none;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);
}

.btn-sevenm.primary:hover {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);
}

/* ======================================================
SHARED MATCH HEADER (sm-header) - dùng cho analyse/odds/chart
====================================================== */
.sm-header {
	background: linear-gradient(180deg, #0d1b33 0%, #080c14 100%);
	border: 1px solid #1e2d45;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 0;
}

.sm-header-top {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 14px 20px 10px;
	border-bottom: 1px solid #111f33;
	flex-wrap: wrap;
}

.sm-league-badge {
	display: inline-block;
	background: rgba(0, 212, 255, 0.1);
	color: #00d4ff;
	padding: 5px 16px;
	font-weight: 700;
	border-radius: 20px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1.5px;
	border: 1px solid #00d4ff33;
}

.sm-kickoff {
	font-size: 12px;
	color: #6a8aaa;
	font-weight: 500;
}

.sm-header-teams {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 20px 16px;
	gap: 0;
}

.sm-team {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
	max-width: 220px;
}

.sm-team-logo {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: contain;
	background: #0a1628;
	padding: 2px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.sm-team-name {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.3;
	max-width: 180px;
}

.sm-score-block {
	width: 140px;
	text-align: center;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.sm-score {
	font-size: 42px;
	font-weight: 800;
	color: #ffffff;
	letter-spacing: 3px;
	line-height: 1;
	text-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
}

.sm-status-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
}

.sm-status-live {
	color: #00ff88;
	animation: livepulse 2s infinite;
}

.sm-status-kt {
	color: #ff4757;
}

.sm-status-upcoming {
	color: #7a9cbf;
}

.sm-venue-info {
	margin-top: 8px;
	font-size: 11px;
	color: #4a6a8a;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.sm-venue-name {
	font-weight: 600;
	color: #6a8aaa;
}

.sm-form-icons {
	display: flex;
	justify-content: center;
	gap: 4px;
	margin-top: 8px;
}

.sm-form-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.sm-nav-tabs {
	display: flex;
	border-top: 1px solid #111f33;
	justify-content: center;
	flex-wrap: wrap;
}

.sm-tab {
	width: 15%;
	padding: 13px 10px;
	background: transparent;
	color: #4a90b8;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	transition: all 0.2s;
	text-align: center;
}

.sm-tab:last-child {
	border-right: none;
}

.sm-tab:hover {
	background: #111f33;
	color: #00d4ff;
}

.sm-tab.active {
	color: #00d4ff;
	background: linear-gradient(180deg, #00d4ff12 0%, transparent 100%);
	border-bottom: 2px solid #00d4ff;
}

@keyframes livepulse {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}
}

@media (max-width: 600px) {
	.sm-team-logo {
		width: 44px;
		height: 44px;
	}

	.sm-score {
		font-size: 28px;
		letter-spacing: 2px;
	}

	.sm-score-block {
		width: 90px;
	}

	.sm-team-name {
		font-size: 13px;
	}

	.sm-tab {
		width: 24%;
		font-size: 10px;
		padding: 6px;
	}
}

/* ======================================================
MATCH HEADER (Detail pages)
====================================================== */
.sevenm-match-header {
	position: relative;
	text-align: center;
	margin-bottom: 0;
	background: linear-gradient(180deg, #0d1b33 0%, #080c14 100%);
	border: 1px solid #1e2d45;
	border-bottom: none;
	border-radius: 12px 12px 0 0;
	padding: 24px 20px 20px;
	overflow: hidden;
}

.sevenm-match-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, #00d4ff, transparent);
}

.sevenm-league {
	display: inline-block;
	background: rgba(0, 212, 255, 0.1);
	color: #00d4ff;
	padding: 5px 14px;
	font-weight: 700;
	margin-bottom: 12px;
	border-radius: 20px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	border: 1px solid #00d4ff44;
}

.sevenm-time {
	font-size: 13px;
	margin: 8px 0 16px;
	color: #7a9cbf;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.sevenm-score-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
}

.sevenm-team-left,
.sevenm-team-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
	max-width: 200px;
}

.sevenm-match-header .sevenm-team-logo {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: contain;
	background: #0a1628;
	padding: 4px;
	border: 2px solid #1e2d45;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.sevenm-match-header .sevenm-team-name {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.3;
}

.sevenm-team-id {
	color: #4a6a8a;
	font-size: 11px;
}

.sevenm-score-center {
	font-size: 40px;
	font-weight: 800;
	color: #ffffff;
	width: 120px;
	text-align: center;
	letter-spacing: 2px;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
}

.sevenm-vs {
	font-size: 28px;
	font-weight: 700;
	color: #4a6a8a;
	width: 100px;
	text-align: center;
}

/* ======================================================
NAV TABS
====================================================== */
.sevenm-nav-tabs {
	display: flex;
	width: 100%;
	gap: 0;
	margin-bottom: 20px;
	background: #0a1020;
	border: 1px solid #1e2d45;
	border-top: none;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

.sevenm-tab {
	flex: 1;
	padding: 13px 10px;
	background: transparent;
	color: #6a8aaa;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.2s;
	text-align: center;
	border-right: 1px solid #1e2d45;
	position: relative;
}

.sevenm-tab:last-child {
	border-right: none;
}

.sevenm-tab:hover {
	background: #111f33;
	color: #00d4ff;
}

.sevenm-tab.active {
	background: linear-gradient(180deg, #00d4ff1a 0%, transparent 100%);
	color: #00d4ff;
	border-bottom: 2px solid #00d4ff;
}

/* ======================================================
3-COLUMN ANALYSE LAYOUT
====================================================== */
.sevenm-analyse {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
}

.sevenm-analyse-left {
	grid-column: 1;
}

.sevenm-analyse-center {
	grid-column: 2;
}

.sevenm-analyse-right {
	grid-column: 3;
}

.sevenm-analyse-full-width {
	grid-column: 1 / -1;
}

@media (max-width: 1100px) {
	.sevenm-analyse {
		grid-template-columns: 1fr 1fr;
	}

	.sevenm-analyse-left {
		grid-column: 1;
	}

	.sevenm-analyse-center {
		grid-column: 2;
	}

	.sevenm-analyse-right {
		grid-column: 1 / -1;
	}
}

@media (max-width: 700px) {
	.sevenm-analyse {
		grid-template-columns: 1fr;
	}

	.sevenm-analyse-left,
	.sevenm-analyse-center,
	.sevenm-analyse-right {
		grid-column: 1;
	}
}

/* ======================================================
GLASS CARD BASE
====================================================== */
.sevenm-card-title {
	font-size: 13px;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0 0 14px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #1e2d45;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* ======================================================
AI CARD (LEFT COLUMN)
====================================================== */
.sevenm-ai-card {
	background: linear-gradient(145deg, #0d1b33 0%, #0a1020 100%);
	border: 1px solid #1e3a5a;
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 212, 255, 0.05);
}

.sevenm-ai-section {
	margin-bottom: 16px;
}

.sevenm-ai-section-title {
	font-weight: 700;
	margin-bottom: 8px;
	font-size: 11px;
	color: #4a90b8;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.sevenm-ai-badge {
	display: inline-block;
	background: rgba(255, 71, 87, 0.15);
	color: #ff6b7a;
	font-size: 10px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 20px;
	border: 1px solid #ff475733;
}

.sevenm-ai-pills {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.sevenm-ai-pill {
	flex: 1;
	min-width: 60px;
	text-align: center;
	padding: 10px 2px;
	border: 1px solid #1e2d45;
	border-radius: 8px;
	font-weight: 600;
	font-size: 12px;
	color: #6a8aaa;
	background: #080c14;
	transition: all 0.2s;
	line-height: 1.3;
}

.sevenm-ai-pill:hover {
	border-color: #00d4ff44;
	color: #00d4ff;
}

.sevenm-ai-pill.active {
	border-color: #ffc1074f;
	background: rgba(0, 255, 136, 0.08);
	color: #ffc107;
	box-shadow: 0 0 12px rgba(0, 255, 136, 0.15);
}

/* ======================================================
TIPS BOX (CENTER COLUMN)
====================================================== */
.sevenm-tips-box {
	background: linear-gradient(145deg, #0d1b33 0%, #0a1020 100%);
	border: 1px solid #1e3a5a;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.sevenm-tips-box .sevenm-card-title {
	padding: 14px 16px 12px;
	margin: 0;
	border-bottom: 1px solid #1e2d45;
	color: #ffc107;
	border-radius: 0;
}

.sevenm-tips-table {
	width: 100%;
	border-collapse: collapse;
}

.sevenm-tips-table th {
	background: #060e1c;
	padding: 10px 14px;
	text-align: left;
	border-bottom: 1px solid #1e2d45;
	color: #4a90b8;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.5px;
}

.sevenm-tips-table td {
	padding: 10px 14px;
	vertical-align: top;
	width: 50%;
	border-right: 1px solid #1e2d45;
	color: #c8d6e5;
	font-size: 12px;
	border-bottom: 1px solid #1e2d45;
}

.sevenm-tips-table td:last-child {
	border-right: none;
}

.sevenm-tips-confidence {
	padding: 10px 14px;
	color: #ffc107;
	font-weight: 700;
	font-size: 13px;
}

.sevenm-tips-h2h {
	padding: 10px 14px;
	border-top: 1px solid #1e2d45;
	color: #c8d6e5;
	font-size: 12px;
}

.sevenm-tips-text {
	padding: 10px 14px;
	margin: 0;
	border-top: 1px solid #1e2d45;
	line-height: 1.7;
	color: #8aa8c0;
	font-size: 12px;
}

.sevenm-tips-disclaimer {
	padding: 8px 14px;
	font-size: 11px;
	color: #4a6a8a;
	border-top: 1px solid #1e2d45;
	font-style: italic;
}

/* ======================================================
STATS BOX (RIGHT COLUMN)
====================================================== */
.sevenm-stats-box {
	background: linear-gradient(145deg, #0d1b33 0%, #0a1020 100%);
	border: 1px solid #1e3a5a;
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.sevenm-stats-box .sevenm-card-title {
	color: #00ff88;
}

.sevenm-stats-table {
	width: 100%;
	border-collapse: collapse;
}

.sevenm-stats-table th {
	background: #060e1c;
	padding: 10px 8px;
	text-align: center;
	color: #4a90b8;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #1e2d45;
}

.sevenm-stats-table td {
	padding: 10px 8px;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #0d1525;
	color: #c8d6e5;
	font-weight: 600;
}

.sevenm-stats-table tbody tr:nth-child(odd) {
	background: #080c14;
}

.sevenm-stats-table tbody tr:nth-child(even) {
	background: #0a1020;
}

.sevenm-stats-table tbody tr:hover {
	background: #111f33;
}

/* ======================================================
BOX GENERIC
====================================================== */
.sevenm-box {
	background: linear-gradient(145deg, #0d1b33 0%, #0a1020 100%);
	border: 1px solid #1e2d45;
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.sevenm-box h2 {
	color: #00d4ff;
	margin: 0 0 14px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #1e2d45;
	padding-bottom: 10px;
}

/* ======================================================
NOTES / ALERTS
====================================================== */
.sevenm-note {
	padding: 10px 14px;
	margin-top: 10px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 12px;
}

.sevenm-green {
	background: rgba(0, 255, 136, 0.07);
	border: 1px solid #00ff8833;
	color: #00ff88;
}

.sevenm-blue {
	background: rgba(0, 212, 255, 0.07);
	border: 1px solid #00d4ff33;
	color: #00d4ff;
}

.sevenm-orange {
	background: rgba(255, 193, 7, 0.07);
	border: 1px solid #ffc10733;
	color: #ffc107;
}

/* ======================================================
SECTION HEADERS (H2H, Lineups, etc.)
====================================================== */
.sevenm-section-h2h,
.sevenm-section-lineups,
.sevenm-section-historic {
	max-width: 1400px;
	margin: 0 auto 20px;
	padding: 0;
}

.sevenm-section-h2h h2,
.sevenm-section-lineups h2,
.sevenm-section-historic h2 {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 1px;
	padding: 14px 16px;
	margin: 0 0 1px;
	background: linear-gradient(90deg, #00d4ff1a 0%, transparent 100%);
	border-radius: 8px 8px 0 0;
}

/* ======================================================
Historic header: title + tabs gộp 1 hàng
====================================================== */
.sevenm-historic-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(90deg, #00d4ff1a 0%, transparent 100%);
	border-radius: 8px 8px 0 0;
	padding: 10px 16px;
	margin-bottom: 1px;
}

.sevenm-historic-title {
	font-size: 15px;
	color: #ffffff;
	letter-spacing: 1px;
	white-space: nowrap;
	margin: 0;
}

.sevenm-historic-tabs {
	display: flex;
	gap: 4px;
}

.sevenm-historic-tabs .sevenm-tab-btn {
	padding: 5px 14px;
	font-size: 11px;
	border-radius: 20px;
	margin: 0;
}

/* ======================================================
Thẻ đỏ
====================================================== */
.sevenm-red-card-badge {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	vertical-align: middle;
	margin: 0 2px;
	padding-bottom: 2px;
}

.sevenm-red-card-badge .rc-num {
	font-size: 11px;
	font-weight: 700;
	color: #ff4757;
	line-height: 1;
}

.sevenm-red-card-badge .rc-card {
	display: inline-block;
	width: 9px;
	height: 13px;
	background: #e74c3c;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* ======================================================
WIDEFAT TABLES (H2H, Historic)
====================================================== */
table.widefat {
	width: 100%;
	border-collapse: collapse;
	background: #0a1020;
	border: 1px solid #1e2d45;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 4px;
}

table.widefat th {
	background: #060e1c;
	padding: 10px 10px;
	text-align: center;
	color: #5bb3e5;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.5px;
	border-bottom: 2px solid #1e2d45;
}

table.widefat td {
	padding: 9px 10px;
	border-bottom: 1px solid #111f33;
	text-align: center;
	color: #c8d6e5;
	border-color: #1e2d45;
}

table.widefat tbody tr:hover {
	background: #111f33;
}

/* ======================================================
HISTORIC TABS
====================================================== */
.sevenm-tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 10px;
}

.sevenm-tab-btn {
	padding: 8px 16px;
	background: #0a1020;
	border: 1px solid #1e2d45;
	color: #cdcdcd;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	border-radius: 4px;
	letter-spacing: 0.5px;
	transition: all 0.2s;
}

.sevenm-tab-btn:hover {
	border-color: #0e293e;
	color: #00d4ff;
}

.sevenm-tab-btn.active {
	background: #0e293e;
	color: #00d4ff;
	border-color: #0e293e;
}

/* ======================================================
LINEUPS / FORMATION
====================================================== */
.sevenm-lineups {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.sevenm-team-col {
	flex: 1;
	min-width: 280px;
}

.sevenm-formation {
	padding: 16px;
	background: repeating-linear-gradient(to bottom,
			#0d2218 0px,
			#0d2218 44px,
			#091a10 44px,
			#091a10 88px);
	border: 1px solid #1e3a1e;
	border-radius: 10px;
	margin: 10px 0;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4),
		0 4px 20px rgba(0, 0, 0, 0.3);
}

.sevenm-formation-title {
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-bottom: 12px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}

.sevenm-formation-label {
	color: #00d4ff;
	font-weight: 400;
	font-size: 12px;
}

.sevenm-pitch {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-height: 380px;
	position: relative;
}

.sevenm-pitch-row-label {
	color: rgba(255, 255, 255, 0.3);
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 4px;
	font-weight: 600;
}

.sevenm-pitch-row {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.sevenm-player-chip {
	text-align: center;
	min-width: 56px;
}

.sevenm-player-name {
	font-size: 10px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 4px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	line-height: 1.3;
	max-width: 70px;
	word-break: break-word;
}

.sevenm-jersey {
	width: 34px;
	height: 30px;
	margin: 0 auto 3px;
	color: #fff;
	font-weight: 800;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	clip-path: polygon(20% 0%, 35% 0%, 50% 15%, 65% 0%, 80% 0%,
			100% 25%, 85% 38%, 85% 100%, 15% 100%, 15% 38%, 0% 25%);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.sevenm-bench {
	padding: 12px 14px;
	background: #060e1c;
	font-size: 12px;
	border: 1px solid #1e2d45;
	border-radius: 8px;
	margin-top: 8px;
}

.sevenm-bench-title {
	font-weight: 500;
	margin-bottom: 8px;
	color: #cfcfcf;
	font-size: 14px;
	letter-spacing: 1px;
}

.sevenm-bench-list {
	margin: 0;
	padding-left: 16px;
	color: #6a8aaa;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}

.sevenm-bench-list li {
	margin-bottom: 4px;
	padding-right: 10px;
	font-size: 11px;

}

/* ======================================================
FORM ICONS
====================================================== */
.sevenm-form-icons {
	display: flex;
	justify-content: center;
	gap: 3px;
	margin-top: 6px;
}

.sevenm-form-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

/* ======================================================
ODDS PAGE
====================================================== */
.odds-wrap {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 0 20px;
}

.odds-title {
	font-size: 20px;
	font-weight: 700;
	margin: 20px 0;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.odds-subtitle {
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 12px;
	color: #00ff88;
	letter-spacing: 0.5px;
}

.odds-section {
	margin-top: 20px;
	margin-bottom: 20px;
	background: linear-gradient(145deg, #0d1b33 0%, #0a1020 100%);
	border: 1px solid #1e2d45;
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.odds-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}

.odds-table th {
	background: #060e1c;
	padding: 10px 10px;
	border: 1px solid #1e2d45;
	text-align: center;
	color: #4a90b8;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.odds-table td {
	padding: 10px 8px;
	border: 1px solid #111f33;
	text-align: center;
	color: #c8d6e5;
}

.odds-table tbody tr {
	background: #0a1020;
	transition: background 0.15s;
}

.odds-table tbody tr:nth-child(even) {
	background: #0d1525;
}

.odds-table tbody tr:hover {
	background: #111f33;
}

.odds-green,
.odds-table td.odds-green,
.odds-table td.odds-green strong {
	color: #00ff88 !important;
	font-weight: 700;
}

.odds-red,
.odds-table td.odds-red,
.odds-table td.odds-red strong {
	color: #ff6b7a !important;
	font-weight: 700;
}

.sevenm-summary {
	background: linear-gradient(145deg, #0d1b33 0%, #0a1020 100%);
	border: 1px solid #1e2d45;
	border-radius: 10px;
	padding: 16px;
	margin: 16px 0;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.sevenm-summary h2 {
	width: 100%;
	margin: 0 0 10px;
	color: #00d4ff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 13px;
	border-bottom: 1px solid #1e2d45;
	padding-bottom: 10px;
}

.sevenm-summary p {
	margin: 0;
	color: #c8d6e5;
	font-size: 13px;
	font-weight: 600;
}

.sevenm-summary p strong {
	color: #00d4ff;
	font-size: 16px;
}

/* ======================================================
CHART PAGE
====================================================== */
.chart-wrap {
	background: transparent;
	padding: 0 0 20px;
	max-width: 1400px;
	margin: 0 auto;
}

.chart-wrap h2 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	margin: 20px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.chart-tabs {
	display: flex;
	gap: 6px;
	margin: 16px 0;
	flex-wrap: wrap;
}

.chart-tabs a {
	padding: 6px 16px;
	border: 1px solid #1e2d45;
	text-decoration: none;
	border-radius: 4px;
	background: #0a1020;
	color: #6a8aaa;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.5px;
	transition: all 0.2s;
}

.chart-tabs a:hover {
	border-color: #ff0068;
	color: #ff0068;
}

.chart-tabs a.active {
	background: #ff0068;
	color: #ffffff;
	border-color: #ff0068;
}

.chart-card {
	background: linear-gradient(145deg, #0d1b33 0%, #0a1020 100%);
	border: 1px solid #1e2d45;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.chart-card h3 {
	color: #00ff88;
	font-size: 14px;
	margin: 0 0 16px;
	letter-spacing: 0.5px;
}

.chart-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	background: #0a1020;
	border: 1px solid #1e2d45;
	border-radius: 10px;
	overflow: hidden;
	font-size: 12px;
}

.chart-table th {
	background: #060e1c;
	padding: 10px 10px;
	border: 1px solid #1e2d45;
	text-align: center;
	color: #4a90b8;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.chart-table td {
	padding: 9px 8px;
	border: 1px solid #111f33;
	text-align: center;
	color: #c8d6e5;
}

.chart-table tbody tr:hover {
	background: #111f33;
}

.chart-update {
	margin-top: 12px;
	padding: 10px 14px;
	background: rgba(0, 212, 255, 0.06);
	border: 1px solid #00d4ff22;
	border-radius: 8px;
	text-align: center;
	color: #00d4ff;
	font-weight: 600;
	font-size: 12px;
}

/* ======================================================
RESULTS HEADER
====================================================== */
.results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	background: linear-gradient(135deg, #0d1525 0%, #111827 100%);
	padding: 16px 20px;
	border-radius: 12px 12px 0 0;
	margin-bottom: 0;
	border-bottom: 1px solid #1e2d45;
}

.results-title {
 	margin: 0 !important;
	padding: 0 !important;
	color: #ffffff !important;
	white-space: nowrap;
	border: none !important;
}

.sevenm-date-tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

a.date-tab {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #7a9bbf;
	background: transparent;
	border: 1px solid #1e2d45;
	text-decoration: none !important;
	transition: all 0.15s;
	white-space: nowrap;
}

a.date-tab:hover {
	color: #c8d6e5;
	border-color: #2e4a6a;
	background: #121f35;
}

a.date-tab.active {
	color: #ff0068;
	border-color: #ff00685e;
	font-weight: 500;
}

.date-picker-form {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 4px;
}

.date-picker-input {
	background: #121f35;
	border: 1px solid #1e2d45;
	border-radius: 5px;
	color: #c8d6e5;
	font-size: 12px;
	padding: 4px 8px;
	outline: none;
}

.date-picker-input:focus {
	border-color: #00d4ff55;
}

.date-picker-input::-webkit-calendar-picker-indicator {
  filter: invert(60%) sepia(80%) saturate(400%) hue-rotate(160deg) brightness(110%);
  cursor: pointer;
  opacity: 0.8;
}

.date-picker-input::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

.date-picker-btn {
	padding: 4px 12px;
	background: transparent;
	border-radius: 5px;
	border: 1px solid #ff00685e;
	color: #ff0068;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.15s;
}

.date-picker-btn:hover {
	background: #00d4ff22;
	border: 1px solid #fff;
}

/* ======================================================
SCROLLBAR
====================================================== */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background: #080c14;
}

::-webkit-scrollbar-thumb {
	background: #1e2d45;
	border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
	background: #00d4ff44;
}

/* ======================================================
GOALDATA PAGE
====================================================== */
.goaldata-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 16px;
}

.goaldata-section {
    background: #0d1b33;
    border: 1px solid #1e2d45;
    border-radius: 10px;
    overflow: hidden;
}

.goaldata-section-title {
    margin: 0;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #080c14;
    border-bottom: 1px solid #1e2d45;
    letter-spacing: 1px;
}

/* --- LINEUP --- */
.goaldata-lineup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.goaldata-lineup-team {
    padding: 14px;
    border-right: 1px solid #1e2d45;
}

.goaldata-lineup-team:last-child {
    border-right: none;
}

.goaldata-lineup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 6px;
}

.goaldata-team-name {
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
}

.goaldata-formation {
    font-size: 11px;
    color: #00d4ff;
    background: #0a2040;
    border: 1px solid #00d4ff33;
    border-radius: 4px;
    padding: 2px 8px;
}

.goaldata-player-table {
    width: 100%;
    border-collapse: collapse;
}

.goaldata-pos-header td {
    padding: 6px 6px 4px;
    font-size: 11px;
    font-weight: 700;
    color: #4a6a8a;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #1e2d45;
}

.goaldata-player-table tr:hover td {
    background: #111f33;
}

.goaldata-jersey {
    width: 28px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #00d4ff;
    padding: 5px 4px;
}

.goaldata-player {
    font-size: 13px;
    color: #c8d6e5;
    padding: 5px 6px;
}

.goaldata-pos-badge {
    width: 32px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #4a6a8a;
    padding: 5px 4px;
}

/* --- STATS --- */
.goaldata-stats-header {
    display: grid;
    grid-template-columns: 60px 1fr 60px;
    gap: 8px;
    padding: 10px 16px 4px;
    font-size: 12px;
    font-weight: 500;
    color: #00d4ff;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.goaldata-stats-header span:first-child { text-align: left; white-space: nowrap; }
.goaldata-stats-header span:last-child  { text-align: right; white-space: nowrap; }

.goaldata-stat-row {
    padding: 8px 16px;
    border-bottom: 1px solid rgba(255,255,255,.04);
}

.goaldata-stat-row:last-child { border-bottom: none; }

/* Hàng số + label */
.goaldata-stat-bar-wrap {
    display: grid;
    grid-template-columns: 60px 1fr 60px;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.goaldata-stat-val {
    font-size: 14px;
    font-weight: 700;
    color: #e8f0ff;
    line-height: 1;
}

.goaldata-stat-val.home { text-align: left; }
.goaldata-stat-val.away { text-align: right; }

.goaldata-stat-bar-label {
    text-align: center;
    font-size: 11px;
    color: #8aaac8;
    line-height: 1.2;
}

.goaldata-stat-bar {
    display: flex;
    width: 100%;
    height: 5px;
    border-radius: 3px;
    overflow: hidden;
    background: #0d1826;
    gap: 1px;
}

.goaldata-stat-bar-home {
    background: #ff0068;
    border-radius: 3px 0 0 3px;
    transition: width .6s ease;
    min-width: 2px;
}

.goaldata-stat-bar-away {
    background: #00ff88;
    border-radius: 0 3px 3px 0;
    transition: width .6s ease;
    min-width: 2px;
}

/* --- ODDS TABLE --- */
.goaldata-odds-table {
    width: 100%;
    border-collapse: collapse;
}

.goaldata-odds-table th,
.goaldata-odds-table td {
    padding: 10px 14px;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #1e2d45;
}

.goaldata-odds-table th {
    background: #060e1c;
    color: #4a90b8;
    font-weight: 600;
}

.goaldata-odds-table td {
    color: #c8d6e5;
}

.goaldata-odds-table td:first-child {
    color: #7a9bbf;
    font-weight: 600;
    text-align: left;
}

.goaldata-odds-table tbody tr:hover td {
    background: #111f33;
}

/* ======================================================
GOALDATA – BLOCK 1: BẢNG TỶ LỆ CƯỢC
====================================================== */
.gd-odds-scroll { overflow-x: auto; }

.gd-bm-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
}

.gd-bm-table th,
.gd-bm-table td {
    padding: 9px 10px;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #0f1e35;
}

/* Tab ngang nhà cái */
.gd-bm-tabbar {
    display: flex;
    gap: 4px;
    padding: 8px 10px;
    background: #070f1f;
    border-bottom: 1px solid #1e2d45;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #1e2d45 transparent;
}

.gd-bm-tab {
    flex-shrink: 0;
    padding: 5px 12px;
    background: #0a1628;
    border: 1px solid #1e2d45;
    border-radius: 5px;
    color: #7a9bbf;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}

.gd-bm-tab:hover  { background: #111f33; color: #c8d6e5; }
.gd-bm-tab.active { background: #0a2040; color: #00d4ff; border-color: #00d4ff55; }

.gd-th-label  { background: #060e1c; width: 80px; }
.gd-th-label2 { background: #0a1628; width: 80px; }

.gd-th-group {
    background: #060e1c;
    color: #00d4ff;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.5px;
    border-left: 1px solid #1e2d45;
}

.gd-th-sub {
    background: #0a1628;
    color: #7a9bbf;
    font-weight: 600;
    font-size: 11px;
}

.gd-row-label {
    color: #7a9bbf !important;
    font-size: 11px !important;
    text-align: left !important;
    padding-left: 14px !important;
    white-space: nowrap;
}

.gd-row-open td  { background: #0a1628; color: #c8d6e5; }
.gd-row-close td { background: #0d1b33; color: #c8d6e5; }

.gd-bm-table tbody tr:hover td { background: #111f33 !important; }

.gd-trend { font-size: 11px; margin-left: 4px; }
.gd-trend.up { color: #00ff88; }
.gd-trend.dn { color: #ff4757; }

/* Shared odds color classes reuse .odds-green / .odds-red */

/* ======================================================
GOALDATA – BLOCK 2: PITCH VIEW & ĐỘI HÌNH
====================================================== */
.gd-pitch-wrap {
    background: #060e1c;
    border-radius: 6px;
    overflow: hidden;
}

/* Header: tên đội + tỷ số */
.gd-pitch-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: #070f1f;
    border-bottom: 1px solid #1e2d45;
}

.gd-pitch-team {
    display: flex;
    align-items: center;
    gap: 8px;
}
.gd-pitch-team.home { justify-content: flex-start; }
.gd-pitch-team.away { justify-content: flex-end; }

.gd-team-name {
    font-weight: 700;
    font-size: 13px;
    color: #ffffff;
}

.gd-formation-badge {
    font-size: 11px;
    color: #00d4ff;
    background: #0a2040;
    border: 1px solid #1e3a5f;
    border-radius: 4px;
    padding: 2px 6px;
}

.gd-pitch-score {
    font-size: 22px;
    font-weight: 900;
    color: #ffffff;
    text-align: center;
    min-width: 60px;
}

/* Sân bóng ngang */
.gd-pitch {
    padding: 0;
    background: #060e1c;
}

.gd-pitch-bg {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 360px;
    position: relative;
    /* Sân cỏ: sọc ngang xen kẽ */
    background-color: #2d6a2d;
    background-image:
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 48px,
            rgba(0,0,0,0.08) 48px,
            rgba(0,0,0,0.08) 96px
        );
    border-left: 3px solid rgba(255,255,255,0.5);
    border-right: 3px solid rgba(255,255,255,0.5);
    border-top: 2px solid rgba(255,255,255,0.3);
    border-bottom: 2px solid rgba(255,255,255,0.3);
    overflow: hidden;
}

/* Vùng penalty home (trái) */
.gd-pitch-bg::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 50px; height: 55%;
    border: 2px solid rgba(255,255,255,0.3);
    border-left: none;
    pointer-events: none;
}
/* Vùng penalty away (phải) */
.gd-pitch-bg::after {
    content: '';
    position: absolute;
    right: 0; top: 50%;
    transform: translateY(-50%);
    width: 50px; height: 55%;
    border: 2px solid rgba(255,255,255,0.3);
    border-right: none;
    pointer-events: none;
}

/* Mỗi nửa sân = 1 half chứa các cột formation */
.gd-pitch-half {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

/* Home: GK cột trái → FW cột gần giữa */
.gd-pitch-half.home {
    flex-direction: row;
    padding-left: 6px;
}
/* Away: FW cột gần giữa → GK cột phải ngoài */
.gd-pitch-half.away {
    flex-direction: row;
    padding-right: 6px;
}

/* Mỗi cột = 1 hàng formation (GK/DF/MF/FW) */
.gd-pitch-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 10px 2px;
    gap: 4px;
}

.gd-pitch-player {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.gd-pitch-jersey {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
.gd-pitch-jersey.home {
    background: #1a4a8a;
    border: 2px solid #4a8acc;
}
.gd-pitch-jersey.away {
    background: #8a1a1a;
    border: 2px solid #cc4a4a;
}

.gd-pitch-name {
    font-size: 9px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.9);
    text-align: center;
    line-height: 1.2;
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Đường giữa sân + vòng tròn */
.gd-pitch-midline {
    width: 2px;
    background: rgba(255,255,255,0.5);
    flex-shrink: 0;
    align-self: stretch;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gd-pitch-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.5);
    background: transparent;
    position: absolute;
    pointer-events: none;
}

/* Events timeline */
.gd-events-timeline {
    border-top: 1px solid #1e2d45;
    padding: 8px 0;
}

.gd-ev-row {
    display: grid;
    grid-template-columns: 1fr 36px 20px 1fr;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    font-size: 11px;
}
.gd-ev-row:hover { background: #0a1a30; }

.gd-ev-home-info {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    flex-wrap: wrap;
}
.gd-ev-away-info {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.gd-ev-minute {
    font-weight: 700;
    color: #ffc107;
    font-size: 11px;
    text-align: center;
}

.gd-ev-player {
    color: #c8d6e5;
    font-size: 11px;
}

.gd-ev-detail {
    color: #4a6a8a;
    font-size: 10px;
}

.gd-ev-score-badge {
    color: #00ff88;
    font-weight: 700;
    font-size: 10px;
    background: #002a1a;
    padding: 1px 4px;
    border-radius: 3px;
}

/* Event icons */
.gd-ev-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 12px;
    flex-shrink: 0;
}
.gd-ev-goal   { font-size: 13px; }
.gd-ev-owngoal { opacity: 0.6; }
.gd-ev-yellow {
    background: #ffc107;
    width: 11px; height: 15px;
    border-radius: 2px;
    display: inline-block;
}
.gd-ev-red {
    background: #e74c3c;
    width: 11px; height: 15px;
    border-radius: 2px;
    display: inline-block;
}
.gd-ev-sub { color: #00d4ff; font-size: 14px; }

/* Bảng sự kiện (bàn thắng + thẻ) */
.gd-evtable-wrap {
    border-top: 1px solid #1e2d45;
    padding: 10px 12px;
    background: #060e1c;
}
.gd-evtable-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 16px;
}
.gd-evtable-col { display: flex; flex-direction: column; gap: 2px; }
.gd-evtable-row {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 4px;
}
.gd-evtable-row:hover { background: #0a1a30; }
.gd-evtable-row.away { flex-direction: row-reverse; text-align: right; }
.gd-evtable-min  { color: #ffc107; font-weight: 700; min-width: 28px; }
.gd-evtable-player { color: #c8d6e5; }
.gd-evtable-assist { color: #5a7a9a; font-size: 11px; }
.gd-evtable-empty { color: #2a4a6a; font-size: 12px; padding: 6px; }
.gd-evtable-score {
    color: #00ff88; font-weight: 700; font-size: 11px;
    background: #002a1a; padding: 1px 5px; border-radius: 3px;
}

/* Bảng thay người */
.gd-subtable-wrap {
    border-top: 1px solid #1e2d45;
    padding: 10px 12px;
    background: #060e1c;
}

/* ---- Goal Timing Table ---- */
.gd-goaltiming-wrap {
    border-top: 1px solid #1e2d45;
    padding: 10px 12px;
    background: #060e1c;
}
.gd-goaltiming-title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.gd-goaltiming-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.gd-goaltiming-table th {
    text-align: center;
    color: #5a7fa8;
    font-weight: 600;
    padding: 5px 6px;
    border-bottom: 1px solid #1e2d45;
    font-size: 11px;
}
.gd-goaltiming-table th.gd-gt-team { text-align: left; color: #8aaac8; }
.gd-goaltiming-table th.gd-gt-team.right { text-align: right; }
.gd-goaltiming-table td { padding: 6px 6px; border-bottom: 1px solid #0d1b33; text-align: center; }
.gd-goaltiming-table tbody tr:last-child td { border-bottom: none; }
.gd-gt-label { text-align: left !important; color: #8aaac8; font-size: 11px; }
.gd-gt-label.right { text-align: right !important; }
.gd-gt-val { color: #e8f0ff; font-weight: 600; }
.gd-gt-h { color: #2563eb; }
.gd-gt-sep { color: #3a4a5a; margin: 0 2px; }
.gd-gt-a { color: #22c55e; }
.gd-gt-first.home { color: #2563eb; font-size: 14px; }
.gd-gt-first.away { color: #22c55e; font-size: 14px; }
.gd-gt-empty { color: #3a4a5a; }
.gd-subtable-title {
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #9ec5ef;
	margin-bottom: 6px;
	letter-spacing: 0.5px;
}
.gd-subtable-header {
    display: grid;
    grid-template-columns: 1fr 20px 1fr;
    font-size: 11px;
    font-weight: 500;
    color: #4a7aaa;
    padding: 3px 6px;
    margin-bottom: 2px;
    border-bottom: 1px solid #1e2d45;
}
.gd-subtable-header span:last-child { text-align: right; }
.gd-subtable-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    border-bottom: 1px solid #0f1e30;
}
.gd-subtable-cell {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 6px;
    font-size: 11px;
    flex-wrap: wrap;
}
.gd-subtable-cell.away { flex-direction: row-reverse; text-align: right; }
.gd-sub-min  { color: #ffc107; font-weight: 700; min-width: 26px; flex-shrink: 0; }
.gd-sub-out  { color: #e07070; }
.gd-sub-in   { color: #70e070; }
.gd-sub-arrow { color: #4a6a8a; }
.gd-subtable-legend {
    display: flex;
    gap: 16px;
    justify-content: center;
    font-size: 10px;
    color: #4a6a8a;
    margin-top: 6px;
}

/* Bảng dự bị */
.gd-subs-wrap {
    border-top: 1px solid #1e2d45;
    padding: 12px;
}

.gd-subs-title {
    font-size: 11px;
    font-weight: 500;
    color: #9ec5ef;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    text-align: center;
}

.gd-subs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.gd-sub-player {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    border-bottom: 1px solid #0f1e30;
    font-size: 11px;
}

.gd-sub-jersey {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0a2040;
    border: 1px solid #1e3a5f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: #7ab;
    flex-shrink: 0;
    text-align: center;
    line-height: 22px;
}

.gd-sub-name { color: #c8d6e5; flex: 1; }
.gd-sub-pos  { color: #4a6a8a; font-size: 10px; }

/* ======================================================
STANDINGS — BXH
====================================================== */

/* ======================================================
   BXH / STANDINGS — wrapper
====================================================== */
.sevenm-standings-wrap,
.sevenm-all-standings-wrap,
.sevenm-schedule-wrap {
    margin: 0 auto;
}

.sevenm-all-standings-wrap {
	width: 100%;
	border-collapse: collapse;
	background: #0d1525;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
	border-radius: 0 0 12px 12px;
	margin-bottom: 20px;
}


/* ======================================================
   BXH — Header (tiêu đề + tabs)
====================================================== */
.bxh-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1.4;
}

/* Tabs: Tổng / Sân nhà / Sân khách */
.bxh-tabs {
    display: none;
    border-top: 1px solid rgba(255,255,255,0.2);
}

.bxh-tab {
    flex: 1;
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.8);
    padding: 9px 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    border-right: 1px solid rgba(255,255,255,0.15);
}
.bxh-tab:last-child { border-right: none; }

.bxh-tab:hover {
    background: rgba(0,0,0,0.15);
    color: #fff;
}

.bxh-tab.active {
    background: #f0c27f;
    color: #7a1e0a;
}

/* ======================================================
   BXH — Table
====================================================== */
.sevenm-table-scroll {
    overflow-x: auto;
}

.sevenm-standings-table {
    width: 100%;
    border-collapse: collapse;
	border-radius: 0px;
}

.sevenm-standings-table th,
.sevenm-standings-table td {
    padding: 8px 10px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    white-space: nowrap;
}

.sevenm-standings-table th {
    background: #f5f5f5;
    font-size: 12px;
    font-weight: 700;
    color: #333;
}

.sevenm-standings-table .text-left {
    text-align: left;
}

.standings-rank {
    width: 60px;
    position: relative;
}

/* Zone dot — chấm tròn màu trước số thứ hạng */
.zone-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
    flex-shrink: 0;
}

/* Zone — màu nền row (được set qua inline style từ PHP) */
.standings-row.zone-champions-league { border-left: 3px solid #1565c0; }
.standings-row.zone-europa-league    { border-left: 3px solid #e65100; }
.standings-row.zone-conference-league{ border-left: 3px solid #2e7d32; }
.standings-row.zone-relegation       { border-left: 3px solid #c62828; }
.standings-row.zone-relegation-playoff{ border-left: 3px solid #ad1457; }

.standings-team a {
    color: inherit;
    text-decoration: none;
}
.standings-team a:hover {
    text-decoration: underline;
    color: #1a73e8;
}

/* Cột Ghi chú */
.standings-note {
    max-width: 200px;
    white-space: normal;
    font-size: 12px;
}
.zone-note-text {
    font-weight: 600;
}

.standings-pts strong {
    font-size: 14px;
}

/* Chú thích zone bên dưới bảng */
.standings-legend {
    display: flex;
    gap: 16px;
    margin-top: 10px;
    font-size: 12px;
    flex-wrap: wrap;
    padding: 6px 4px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Cập nhật footer */
.standings-updated-footer {
    font-size: 12px;
    color: #888;
    margin-top: 6px;
    padding: 0 4px;
}

.standings-header,
.schedule-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 6px;
}

.standings-title,
.schedule-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.standings-updated {
    font-size: 12px;
    color: #888;
}

/* ======================================================
   ALL STANDINGS — Filter bar (2 dropdown)
====================================================== */
.all-bxh-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    padding: 20px 10px 20px;
    border-bottom: 1px solid #1e2d45;
    margin-bottom: 20px;
}

.all-bxh-filter-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 200px;
}

.all-bxh-filter-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6e8aaa;
}

.all-bxh-select-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.all-bxh-select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    padding: 9px 36px 9px 14px;
    background: #0d1a2b;
    border: 1px solid #1e3050;
    border-radius: 6px;
    color: #c8d6e5;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.all-bxh-select:hover,
.all-bxh-select:focus {
    border-color: #f0c27f;
    box-shadow: 0 0 0 2px rgba(240, 194, 127, 0.15);
    color: #f0c27f;
}

.all-bxh-select option {
    background: #0d1a2b;
    color: #c8d6e5;
}

.all-bxh-select-arrow {
    position: absolute;
    right: 12px;
    pointer-events: none;
    color: #5a7a9a;
    font-size: 12px;
    line-height: 1;
}

.all-bxh-content {
    min-height: 200px;
}

.sevenm-no-data {
    padding: 16px;
    color: #888;
    text-align: center;
}

/* ======================================================
SCHEDULE — Lịch thi đấu
====================================================== */

.schedule-round {
    margin-bottom: 20px;
}

.schedule-round-header {
    background: #1a73e8;
    color: #fff;
    padding: 8px 14px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
}

.sevenm-schedule-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}

.sevenm-schedule-table th,
.sevenm-schedule-table td {
    padding: 8px 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.sevenm-schedule-table th {
    background: #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    color: #555;
}

.sevenm-schedule-table .text-right { text-align: right; }
.sevenm-schedule-table .text-left  { text-align: left; }

.schedule-time {
    color: #555;
    font-size: 12px;
    white-space: nowrap;
    width: 90px;
}

.schedule-vs {
    width: 30px;
    font-weight: 700;
    color: #aaa;
}

.schedule-home { font-weight: 600; }
.schedule-away { font-weight: 600; }

.schedule-nav {
    display: flex;
    gap: 12px;
    margin-top: 8px;
    justify-content: center;
}

.schedule-nav-btn {
    display: inline-block;
    padding: 7px 18px;
    background: #1a73e8;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.schedule-nav-btn:hover {
    background: #1558b0;
    color: #fff;
}




/* ======================================================
RESPONSIVE
====================================================== */
@media (max-width: 768px) {
	.sevenm-wrap {
		padding: 8px;
	}

	.sevenm-table th,
	.sevenm-table td {
		padding: 7px 4px;
		font-size: 11px;
	}

	.sevenm-match-header {
		padding: 16px 12px;
	}

	.sevenm-match-header .sevenm-team-logo {
		width: 40px;
		height: 40px;
	}

	.sevenm-match-header .sevenm-team-name {
		font-size: 13px;
	}

	.sevenm-score-center {
		font-size: 28px;
		width: 80px;
	}

	.sevenm-nav-tabs {
		border-radius: 0;
	}

	.sevenm-tab {
		font-size: 11px;
		padding: 11px 6px;
	}

	.odds-table th,
	.odds-table td {
		padding: 7px 4px;
		font-size: 11px;
	}

	.sevenm-lineups {
		flex-direction: column;
	}

	.sevenm-summary {
		flex-direction: column;
		gap: 8px;
	}
}

/* ======================================================
   MOBILE RESPONSIVE (max-width: 480px)
====================================================== */
@media (max-width: 480px) {

    /* === CHUNG === */
    body { overflow-x: hidden; }
    .sevenm-wrap { padding: 6px 4px; }

    /* === HEADER / LOGO === */
    .site-branding { display: none !important; }
    .site-header { padding: 0 !important; min-height: 0 !important; }
    .inside-header { padding: 0 8px !important; }

    /* === TRANG CHỦ === */
    .sevenm-table { width: 100%; table-layout: fixed; display: table; overflow: visible; white-space: normal; }
    .sevenm-table th, .sevenm-table td { padding: 4px 2px; font-size: 10px; word-break: break-word; }
    /* Chia tỷ lệ cột còn lại: Giờ | Đội nhà | Tỷ số | Đội khách | Hoạt động */
    .sevenm-home-table th:nth-child(2), .sevenm-home-table td:nth-child(2) { width: 46px; }  /* Giờ */
    .sevenm-home-table th:nth-child(4), .sevenm-home-table td:nth-child(4) { width: 30%; }   /* Đội nhà */
    .sevenm-home-table th:nth-child(5), .sevenm-home-table td:nth-child(5) { width: 32px; text-align: center; } /* Tỷ số */
    .sevenm-home-table th:nth-child(6), .sevenm-home-table td:nth-child(6) { width: 30%; }   /* Đội khách */
    .sevenm-home-table th:nth-child(8), .sevenm-home-table td:nth-child(8) { width: 54px; }  /* Hoạt động */

    /* Ẩn: Giải đấu (1), Tình trạng (3), Tỷ lệ cược (7) */
    .sevenm-home-table th:nth-child(1), .sevenm-home-table td:nth-child(1),
    .sevenm-home-table th:nth-child(3), .sevenm-home-table td:nth-child(3),
    .sevenm-home-table th:nth-child(7), .sevenm-home-table td:nth-child(7) { display: none; }

    .sevenm-team-logo { width: 22px !important; height: 22px !important; }
    .sevenm-team-cell { padding: 2px 3px !important; font-size: 11px; justify-content: center; flex-wrap: wrap; }
    .sevenm-table .sevenm-team-logo { display: none !important; } /* ẩn cờ, giữ tên */
    .sevenm-date-tabs { flex-wrap: wrap; gap: 4px; }
    .date-tab { font-size: 11px; padding: 5px 8px; }

    /* === MATCH HEADER === */
    .sevenm-match-header { padding: 8px 6px; }
    .sevenm-match-header .sevenm-team-logo { width: 32px !important; height: 32px !important; }
    .sevenm-match-header .sevenm-team-name { font-size: 11px !important; max-width: 80px; white-space: normal; text-align: center; }
    .sevenm-score-center { font-size: 20px !important; width: 56px !important; }
    .sevenm-nav-tabs { gap: 0; }
    .sevenm-tab { font-size: 9px !important; padding: 8px 3px !important; }

    /* === GOALDATA === */
    .goaldata-wrap { padding: 6px 0; }
    .gd-pitch-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .gd-pitch { min-width: 300px; }
    .gd-pitch-name { font-size: 8px; max-width: 36px; }
    .gd-pitch-col { overflow: hidden; padding:0; }
    .gd-pitch-jersey { width: 18px; height: 18px; font-size: 9px; line-height: 18px; }
    .gd-odds-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .gd-bm-table { min-width: 480px; font-size: 10px; }
    .gd-bm-table th, .gd-bm-table td { padding: 4px 3px; }
    .gd-bm-tabbar { flex-wrap: wrap; gap: 4px; }
    .gd-bm-tab { font-size: 10px; padding: 4px 6px; }
    .gd-ev-player { font-size: 10px; }
    .gd-ev-minute { font-size: 10px; min-width: 28px; }
    .gd-evtable-wrap { overflow-x: auto; }
    .gd-evtable-player, .gd-evtable-assist { font-size: 10px; }
    .gd-stat-row { font-size: 11px; }

    /* === ANALYSE === */
    .sevenm-analyse { grid-template-columns: 1fr !important; }
    .sevenm-analyse-left, .sevenm-analyse-center,
    .sevenm-analyse-right, .sevenm-analyse-full-width { grid-column: 1 !important; }
    .sevenm-card { padding: 10px 8px; }
    .sevenm-ai-pills, .sevenm-historic-header { flex-wrap: wrap; gap: 6px; }
    .sevenm-ai-pill { font-size: 11px; padding: 7px 8px; flex: 1 1 40%; }
    .sevenm-stats-table, .sevenm-tips-table { font-size: 11px; width: 100%; }
    .sevenm-stats-table th, .sevenm-stats-table td,
    .sevenm-tips-table th, .sevenm-tips-table td { padding: 5px 4px; }
    .sevenm-section-h2h { overflow-x: auto; }
    .sevenm-section-h2h .widefat,
    .sevenm-section-h2h table { min-width: 400px; font-size: 10px; }
    .sevenm-section-h2h table td,
    .sevenm-section-h2h table th { padding: 4px 3px; }
    .sevenm-pitch { overflow-x: auto; min-width: 280px; }
    .sevenm-player-chip { padding: 3px; }
    .sevenm-player-name { font-size: 8px; max-width: 44px; }
    .sevenm-jersey { width: 20px; height: 20px; font-size: 9px; }
    .sevenm-bench-list { font-size: 11px; }
    .sevenm-lineups { flex-direction: column; }

    /* === CHART === */
	.chart-card div.chart-height {
		height: 320px !important;
  	}
    .chart-wrap { padding: 6px 2px; }
    .chart-card { padding: 8px 4px; }
    .chart-tabs { flex-wrap: wrap; gap: 4px; }
    .chart-tabs a { font-size: 11px; padding: 5px 8px; }
    .chart-table { width: 100% !important; font-size: 11px; }
    .chart-table th, .chart-table td { padding: 5px 3px; white-space: nowrap; }

    /* === ODDS === */
    .odds-table { width: 100% !important; }
    .odds-table th, .odds-table td { padding: 5px 3px; font-size: 10px; white-space: nowrap; }

    /* === RESULTS === */
    .results-header { flex-direction: column; gap: 6px; padding: 15px 5px;}
    .results-table { display: block; overflow-x: auto; font-size: 11px; }
	a.date-tab { 
		font-size: 12px;
   }

	.sevenm-home-table th:nth-child(1), .sevenm-home-table td:nth-child(1),
	.sevenm-home-table th:nth-child(3), .sevenm-home-table td:nth-child(3),
	.sevenm-home-table th:nth-child(7), .sevenm-home-table td:nth-child(7),
	#display--div thead tr th:nth-child(1), #display--div tbody tr td:nth-child(1),  
	#display--div_home thead tr th:nth-child(1), #display--div_home tbody tr td:nth-child(1), 
	#display--div_home thead tr th:nth-child(7), #display--div_home tbody tr td:nth-child(7)
	{
		display: none;
	}

    /* === STANDINGS mobile === */
    .sevenm-standings-table { font-size: 11px; table-layout: auto; }
    .sevenm-standings-table th,
    .sevenm-standings-table td { padding: 5px 3px; }
    .standings-note { display: none; }  /* Ẩn cột Ghi chú trên mobile nhỏ */
    .standings-header { flex-direction: column; gap: 4px; }
    .sevenm-table-scroll { overflow-x: auto; }
    .bxh-title { font-size: 13px; }
    .bxh-tab { font-size: 11px; padding: 7px 4px; }
    .all-bxh-filter-bar { gap: 10px; padding: 12px 0 14px; }
    .all-bxh-filter-group { min-width: 0; flex: 1; }
    .all-bxh-select { font-size: 12px; padding: 8px 30px 8px 10px; }

    /* === SCHEDULE mobile === */
    .sevenm-schedule-table { font-size: 11px; }
    .sevenm-schedule-table th,
    .sevenm-schedule-table td { padding: 5px 3px; }

}