/*
Theme Name: Scoreboard Arena Bangla V3
Theme URI: https://imamahmed.net
Author: Imam Ahmed Chowdhury
Author URI: https://imamahmed.net
Description: Bangla WordPress theme for the Live Scoreboard plugin with scorer registration, login, match dashboards, and live public score pages.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: scoreboard-arena
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Main theme styles */
:root {
	--sba-ink: #111827;
	--sba-muted: #607084;
	--sba-soft: #eef3f8;
	--sba-line: #dbe4ef;
	--sba-paper: #ffffff;
	--sba-night: #0f172a;
	--sba-blue: #2563eb;
	--sba-cyan: #06b6d4;
	--sba-red: #e11d48;
	--sba-green: #16a34a;
	--sba-radius: 8px;
}

* {
	box-sizing: border-box;
}

body.sba-theme {
	margin: 0;
	background: #f6f8fb;
	color: var(--sba-ink);
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

body.sba-theme .lsb-board,
body.sba-theme .lsb-live-widget,
body.sba-theme .lsb-update-panel,
body.sba-theme .lsb-dashboard {
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif !important;
}

a {
	color: var(--sba-blue);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	height: auto;
	max-width: 100%;
}

.sba-container {
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 22px;
	width: 100%;
}

.sba-skip-link {
	background: var(--sba-ink);
	color: #fff;
	left: 12px;
	padding: 8px 12px;
	position: absolute;
	top: -100px;
	z-index: 99;
}

.sba-skip-link:focus {
	top: 12px;
}

.sba-site-header {
	background: rgba(255, 255, 255, .94);
	border-bottom: 1px solid rgba(219, 228, 239, .9);
	position: sticky;
	top: 0;
	z-index: 50;
}

.sba-header-inner {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: 74px;
}

.sba-brand {
	align-items: center;
	color: var(--sba-ink);
	display: inline-flex;
	font-weight: 900;
	gap: 10px;
	text-decoration: none;
}

.sba-brand:hover {
	text-decoration: none;
}

.sba-brand-mark {
	align-items: center;
	background: linear-gradient(135deg, var(--sba-blue), var(--sba-cyan));
	border-radius: 8px;
	color: #fff;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.sba-brand-text {
	font-size: 1.05rem;
	letter-spacing: 0;
}

.sba-menu {
	align-items: center;
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sba-menu a {
	border-radius: 8px;
	color: #334155;
	display: block;
	font-size: .93rem;
	font-weight: 800;
	padding: 9px 12px;
	text-decoration: none;
}

.sba-menu a:hover {
	background: #eef5ff;
	color: var(--sba-blue);
}

.sba-nav-toggle {
	background: transparent;
	border: 0;
	display: none;
	padding: 8px;
}

.sba-nav-toggle span:not(.screen-reader-text) {
	background: var(--sba-ink);
	display: block;
	height: 2px;
	margin: 5px 0;
	width: 24px;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.sba-hero {
	background: var(--sba-night);
	color: #fff;
	min-height: calc(100vh - 74px);
	overflow: hidden;
	position: relative;
}

.sba-hero-bg {
	background:
		linear-gradient(rgba(15, 23, 42, .34), rgba(15, 23, 42, .9)),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 900'%3E%3Crect width='1400' height='900' fill='%23121a2e'/%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.18' stroke-width='3'%3E%3Cpath d='M140 120h1120v660H140z'/%3E%3Cpath d='M700 120v660M140 450h1120'/%3E%3Ccircle cx='700' cy='450' r='115'/%3E%3Cpath d='M140 290h170v320H140M1260 290h-170v320h170'/%3E%3C/g%3E%3Cg fill='%2306b6d4' fill-opacity='.28'%3E%3Ccircle cx='290' cy='650' r='48'/%3E%3Ccircle cx='1110' cy='270' r='42'/%3E%3C/g%3E%3Cg fill='%23e11d48' fill-opacity='.35'%3E%3Ccircle cx='560' cy='365' r='18'/%3E%3Ccircle cx='820' cy='505' r='18'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-size: cover;
	inset: 0;
	position: absolute;
}

.sba-hero-grid {
	align-items: center;
	display: grid;
	gap: 34px;
	grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr);
	min-height: calc(100vh - 74px);
	padding-bottom: 64px;
	padding-top: 64px;
	position: relative;
}

.sba-hero h1,
.sba-page-title h1,
.sba-auth-copy h1,
.sba-dashboard-head h1 {
	font-size: clamp(2.1rem, 5vw, 4.8rem);
	letter-spacing: 0;
	line-height: 1;
	margin: 0 0 20px;
}

.sba-hero p {
	color: rgba(255, 255, 255, .82);
	font-size: 1.08rem;
	margin: 0 0 22px;
	max-width: 620px;
}

.sba-kicker {
	color: var(--sba-cyan);
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: 0;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.sba-hero-actions,
.sba-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sba-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 8px;
	cursor: pointer;
	display: inline-flex;
	font-weight: 900;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	text-decoration: none;
}

.sba-button:hover {
	text-decoration: none;
}

.sba-button-primary {
	background: var(--sba-red);
	color: #fff;
}

.sba-button-primary:hover {
	background: #be123c;
	color: #fff;
}

.sba-button-secondary {
	background: #fff;
	border-color: var(--sba-line);
	color: var(--sba-ink);
}

.sba-button-secondary:hover {
	background: #eef5ff;
	color: var(--sba-blue);
}

.sba-button-dark {
	background: var(--sba-night);
	color: #fff;
}

.sba-button-dark:hover {
	background: #1e293b;
	color: #fff;
}

.sba-live-preview {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 8px;
	padding: 18px;
}

.sba-live-preview-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.sba-live-preview-head span {
	color: #fff;
	font-size: .8rem;
	font-weight: 900;
	text-transform: uppercase;
}

.sba-live-preview-head strong {
	color: #8ee7f5;
	font-size: .8rem;
}

.sba-section,
.sba-page-band,
.sba-dashboard-band,
.sba-scoreboard-page {
	padding: 56px 0;
}

.sba-feature-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sba-feature,
.sba-form,
.sba-scoreboard-aside,
.sba-plugin-warning,
.sba-entry {
	background: var(--sba-paper);
	border: 1px solid var(--sba-line);
	border-radius: 8px;
	padding: 24px;
}

.sba-feature span {
	color: var(--sba-red);
	font-weight: 900;
}

.sba-feature h2,
.sba-live-sections h2,
.sba-form h2,
.sba-scoreboard-aside h2 {
	font-size: 1.25rem;
	line-height: 1.2;
	margin: 8px 0 8px;
}

.sba-feature p,
.sba-page-title p,
.sba-auth-copy p,
.sba-scoreboard-aside p {
	color: var(--sba-muted);
	margin: 0;
}

.sba-auth-layout {
	align-items: start;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, .8fr) minmax(360px, 1fr);
}

.sba-auth-copy {
	padding-top: 24px;
}

.sba-auth-panels {
	display: grid;
	gap: 16px;
}

.sba-form {
	display: grid;
	gap: 14px;
}

.sba-form-quiet {
	background: #fdfefe;
}

.sba-form label {
	display: grid;
	gap: 6px;
}

.sba-form label span {
	color: #334155;
	font-size: .82rem;
	font-weight: 900;
	text-transform: uppercase;
}

.sba-form input[type="text"],
.sba-form input[type="email"],
.sba-form input[type="password"] {
	border: 1px solid var(--sba-line);
	border-radius: 8px;
	color: var(--sba-ink);
	font: inherit;
	min-height: 46px;
	padding: 10px 12px;
	width: 100%;
}

.sba-checkbox {
	align-items: center;
	display: flex !important;
	gap: 8px !important;
}

.sba-checkbox input {
	height: 18px;
	width: 18px;
}

.sba-notice {
	border-radius: 8px;
	font-weight: 800;
	margin: 16px 0;
	padding: 12px 14px;
}

.sba-notice--success {
	background: #dcfce7;
	color: #166534;
}

.sba-notice--error {
	background: #ffe4e6;
	color: #9f1239;
}

.sba-dashboard-head,
.sba-dashboard-hero {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.sba-dashboard-hero {
	background: linear-gradient(135deg, #ffffff 0%, #eef7ff 52%, #f8fbff 100%);
	border: 1px solid var(--sba-line);
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
	padding: 28px;
}

.sba-dashboard-hero p:not(.sba-kicker) {
	color: var(--sba-muted);
	margin: -8px 0 0;
	max-width: 680px;
}

.sba-dashboard-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.sba-dashboard-head h1,
.sba-page-title h1 {
	font-size: clamp(2rem, 4vw, 3.4rem);
}

.sba-dashboard-stats {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 18px;
}

.sba-stat {
	background: #fff;
	border: 1px solid var(--sba-line);
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
	padding: 18px 20px;
}

.sba-stat span {
	color: var(--sba-muted);
	display: block;
	font-size: .78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.sba-stat strong {
	color: var(--sba-ink);
	display: block;
	font-size: 2.3rem;
	font-weight: 900;
	line-height: 1;
	margin-top: 8px;
}

.sba-stat-live {
	border-color: rgba(225, 29, 72, .3);
}

.sba-stat-live strong {
	color: var(--sba-red);
}

.sba-plugin-surface {
	background: transparent;
}

.sba-plugin-surface .lsb-dashboard {
	max-width: none;
}

.sba-plugin-surface .lsb-dashboard-header {
	align-items: end;
	border-bottom: 1px solid var(--sba-line);
	margin: 0 0 20px;
	padding-bottom: 14px;
}

.sba-plugin-surface .lsb-dashboard-header h2 {
	color: var(--sba-ink);
	font-size: 1.55rem;
	line-height: 1.1;
}

.sba-plugin-surface .lsb-dashboard-count {
	background: var(--sba-night);
	border-radius: 8px;
	color: #fff;
	min-height: 38px;
	padding: 0 14px;
}

.sba-plugin-surface .lsb-create-form {
	background:
		linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(6, 182, 212, .08)),
		#fff;
	border: 1px solid #cfe0f5;
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(37, 99, 235, .10);
	margin-bottom: 22px;
	padding: 24px;
}

.sba-plugin-surface .lsb-create-form h3 {
	color: var(--sba-ink);
	font-size: 1.25rem;
	line-height: 1.2;
	margin-bottom: 18px;
}

.sba-plugin-surface .lsb-create-form label {
	color: #475569;
	font-size: .78rem;
	letter-spacing: 0;
}

.sba-plugin-surface .lsb-field {
	border: 1px solid #cbd8e6;
	border-radius: 8px;
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif;
	min-height: 46px;
}

.sba-plugin-surface .lsb-field:focus {
	border-color: var(--sba-blue);
	box-shadow: 0 0 0 4px rgba(37, 99, 235, .13);
}

.sba-plugin-surface .button,
.sba-plugin-surface button.button,
.sba-plugin-surface a.button {
	align-items: center;
	border-radius: 8px !important;
	display: inline-flex;
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif;
	font-weight: 900 !important;
	justify-content: center;
	min-height: 40px;
	text-decoration: none;
}

.sba-plugin-surface .button-primary,
.sba-plugin-surface #lsb-create-btn {
	background: var(--sba-red) !important;
	border-color: var(--sba-red) !important;
	color: #fff !important;
	min-height: 46px;
	padding: 0 18px !important;
}

.sba-plugin-surface .button-primary:hover,
.sba-plugin-surface #lsb-create-btn:hover {
	background: #be123c !important;
	border-color: #be123c !important;
}

.sba-plugin-surface .lsb-dashboard-table {
	border: 1px solid var(--sba-line);
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
	overflow: hidden;
}

.sba-plugin-surface .lsb-dashboard-table th {
	background: #0f172a;
	color: rgba(255, 255, 255, .78);
	font-size: .72rem;
	letter-spacing: 0;
	padding: 15px 16px;
}

.sba-plugin-surface .lsb-dashboard-table td {
	color: #334155;
	padding: 16px;
}

.sba-plugin-surface .lsb-dashboard-table td strong {
	color: var(--sba-ink);
	font-size: 1rem;
}

.sba-plugin-surface .lsb-dashboard-table tbody tr:hover {
	background: #f8fbff;
}

.sba-plugin-surface .lsb-sport-pill,
.sba-plugin-surface .lsb-status {
	border-radius: 8px;
	font-size: .72rem;
	font-weight: 900;
	padding: 5px 9px;
}

.sba-plugin-surface .lsb-status--live {
	background: #ffe4e6;
	color: #be123c;
}

.sba-plugin-surface .lsb-status--upcoming {
	background: #e0f2fe;
	color: #0369a1;
}

.sba-plugin-surface .lsb-status--finished {
	background: #e2e8f0;
	color: #475569;
}

.sba-plugin-surface .lsb-row-actions {
	gap: 8px;
}

.sba-plugin-surface .lsb-row-actions .button {
	background: #fff !important;
	border: 1px solid #cbd8e6 !important;
	color: #1e293b !important;
	min-height: 38px;
	padding: 0 12px !important;
}

.sba-plugin-surface .lsb-row-actions .button:hover {
	background: #eef5ff !important;
	border-color: #9db7e8 !important;
	color: var(--sba-blue) !important;
}

.sba-plugin-surface .lsb-row-actions .lsb-delete-btn {
	background: #fff5f6 !important;
	border-color: #fecdd3 !important;
	color: #be123c !important;
}

.sba-plugin-surface .lsb-empty-state {
	background: #fff;
	border: 1px dashed #b7c7da;
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
	padding: 34px;
}

.sba-live-sections {
	display: grid;
	gap: 28px;
}

.sba-live-sections section {
	min-width: 0;
}

.sba-scoreboard-layout {
	align-items: start;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) minmax(330px, 420px);
}

.sba-scoreboard-main {
	min-width: 0;
}

.sba-scoreboard-main .lsb-board {
	margin-bottom: 0;
}

.sba-scoreboard-control .lsb-update-panel {
	margin-top: 0;
}

.sba-back-link {
	display: inline-block;
	font-weight: 900;
	margin-bottom: 14px;
}

.sba-plugin-warning {
	color: #475569;
	font-weight: 800;
}

.sba-site-footer {
	background: #0f172a;
	color: rgba(255, 255, 255, .72);
	padding: 28px 0;
}

.sba-footer-inner {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
}

.sba-site-footer p {
	margin: 0;
}

.sba-site-footer a {
	color: #fff;
	font-weight: 800;
}

.sba-content-wrap {
	max-width: 900px;
}

.sba-entry h1 {
	font-size: clamp(2rem, 4vw, 3.4rem);
	line-height: 1.05;
	margin-top: 0;
}

@media (max-width: 900px) {
	.sba-nav-toggle {
		display: block;
	}

	.sba-primary-nav {
		background: #fff;
		border-bottom: 1px solid var(--sba-line);
		display: none;
		left: 0;
		padding: 10px 22px 18px;
		position: absolute;
		right: 0;
		top: 74px;
	}

	.sba-primary-nav.is-open {
		display: block;
	}

	.sba-menu {
		align-items: stretch;
		flex-direction: column;
	}

	.sba-hero-grid,
	.sba-auth-layout,
	.sba-scoreboard-layout {
		grid-template-columns: 1fr;
	}

	.sba-dashboard-hero {
		align-items: stretch;
		flex-direction: column;
	}

	.sba-dashboard-actions {
		justify-content: flex-start;
	}

	.sba-dashboard-stats {
		grid-template-columns: 1fr;
	}

	.sba-hero-grid {
		min-height: 0;
	}

	.sba-feature-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.sba-container {
		padding: 0 14px;
	}

	.sba-section,
	.sba-page-band,
	.sba-dashboard-band,
	.sba-scoreboard-page {
		padding: 34px 0;
	}

	.sba-hero-grid {
		padding-bottom: 36px;
		padding-top: 42px;
	}

	.sba-live-preview,
	.sba-feature,
	.sba-form,
	.sba-scoreboard-aside,
	.sba-plugin-warning,
	.sba-entry {
		padding: 18px;
	}

	.sba-dashboard-head,
	.sba-dashboard-hero,
	.sba-footer-inner {
		align-items: stretch;
		flex-direction: column;
	}

	.sba-dashboard-hero {
		padding: 20px;
	}

	.sba-dashboard-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sba-button {
		width: 100%;
	}

	.sba-plugin-surface .lsb-create-form {
		padding: 18px;
	}

	.sba-plugin-surface .lsb-dashboard-table tr {
		border-radius: 8px;
	}

	.sba-plugin-surface .lsb-dashboard-table td {
		padding: 13px 14px;
	}

	.sba-plugin-surface .lsb-row-actions .button {
		min-height: 44px;
		width: 100%;
	}
}

/* Dashboard styles */
body.sba-theme .sba-dashboard-band {
	background:
		linear-gradient(180deg, #f8fbff 0%, #f3f6fb 100%);
	min-height: calc(100vh - 74px);
}

body.sba-theme .sba-dashboard-band .sba-plugin-surface {
	background: transparent !important;
	color: #111827 !important;
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard {
	color: #111827 !important;
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif !important;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-header {
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #dbe4ef !important;
	border-radius: 8px !important;
	box-shadow: 0 12px 30px rgba(15, 23, 42, .06) !important;
	display: flex !important;
	justify-content: space-between !important;
	margin: 0 0 18px !important;
	padding: 18px 20px !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-header h2 {
	color: #111827 !important;
	font-size: 1.35rem !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 1.15 !important;
	margin: 0 !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-count {
	align-items: center !important;
	background: #0f172a !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	display: inline-flex !important;
	font-size: .78rem !important;
	font-weight: 900 !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 0 14px !important;
	text-transform: uppercase !important;
}

body.sba-theme .sba-dashboard-band .lsb-create-form {
	background: #ffffff !important;
	border: 1px solid #cfe0f5 !important;
	border-radius: 8px !important;
	box-shadow: 0 18px 45px rgba(37, 99, 235, .10) !important;
	margin: 0 0 22px !important;
	overflow: hidden !important;
	padding: 0 !important;
}

body.sba-theme .sba-dashboard-band .lsb-create-form h3 {
	background: linear-gradient(135deg, #eff6ff, #ecfeff) !important;
	border-bottom: 1px solid #dbeafe !important;
	color: #111827 !important;
	font-size: 1.15rem !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 18px 22px !important;
}

body.sba-theme .sba-dashboard-band .lsb-create-grid {
	display: grid !important;
	gap: 14px 16px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	margin: 0 !important;
	padding: 22px 22px 14px !important;
}

body.sba-theme .sba-dashboard-band .lsb-create-form label {
	color: #475569 !important;
	display: flex !important;
	flex-direction: column !important;
	font-size: .78rem !important;
	font-weight: 900 !important;
	gap: 7px !important;
	letter-spacing: 0 !important;
	margin: 0 !important;
	text-transform: uppercase !important;
}

body.sba-theme .sba-dashboard-band .lsb-field {
	background: #ffffff !important;
	border: 1px solid #cbd8e6 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #111827 !important;
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	min-height: 46px !important;
	padding: 10px 12px !important;
	width: 100% !important;
}

body.sba-theme .sba-dashboard-band .lsb-field:focus {
	border-color: #2563eb !important;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, .13) !important;
	outline: none !important;
}

body.sba-theme .sba-dashboard-band #lsb-create-btn {
	background: #e11d48 !important;
	border: 1px solid #e11d48 !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	cursor: pointer !important;
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif !important;
	font-size: .95rem !important;
	font-weight: 900 !important;
	margin: 0 22px 22px !important;
	min-height: 46px !important;
	padding: 0 18px !important;
	text-shadow: none !important;
}

body.sba-theme .sba-dashboard-band #lsb-create-btn:hover {
	background: #be123c !important;
	border-color: #be123c !important;
}

body.sba-theme .sba-dashboard-band .lsb-create-msg {
	font-weight: 800 !important;
	margin: -10px 22px 18px !important;
	min-height: 20px !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-table {
	background: #ffffff !important;
	border: 1px solid #dbe4ef !important;
	border-collapse: separate !important;
	border-radius: 8px !important;
	border-spacing: 0 !important;
	box-shadow: 0 18px 45px rgba(15, 23, 42, .07) !important;
	overflow: hidden !important;
	width: 100% !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-table th {
	background: #0f172a !important;
	border: 0 !important;
	color: rgba(255, 255, 255, .78) !important;
	font-size: .72rem !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	padding: 15px 16px !important;
	text-align: left !important;
	text-transform: uppercase !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-table td {
	background: #ffffff !important;
	border-bottom: 1px solid #edf2f7 !important;
	color: #334155 !important;
	font-size: .95rem !important;
	padding: 16px !important;
	vertical-align: middle !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-table tr:last-child td {
	border-bottom: 0 !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-table tbody tr:hover td {
	background: #f8fbff !important;
}

body.sba-theme .sba-dashboard-band .lsb-dashboard-table td strong {
	color: #111827 !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
}

body.sba-theme .sba-dashboard-band .lsb-sport-pill,
body.sba-theme .sba-dashboard-band .lsb-status {
	border-radius: 8px !important;
	display: inline-flex !important;
	font-size: .72rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	padding: 6px 9px !important;
	text-transform: uppercase !important;
}

body.sba-theme .sba-dashboard-band .lsb-sport-pill {
	background: #f1f5f9 !important;
	color: #334155 !important;
}

body.sba-theme .sba-dashboard-band .lsb-status--live {
	background: #ffe4e6 !important;
	color: #be123c !important;
}

body.sba-theme .sba-dashboard-band .lsb-status--upcoming {
	background: #e0f2fe !important;
	color: #0369a1 !important;
}

body.sba-theme .sba-dashboard-band .lsb-status--finished {
	background: #e2e8f0 !important;
	color: #475569 !important;
}

body.sba-theme .sba-dashboard-band .lsb-row-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

body.sba-theme .sba-dashboard-band .lsb-row-actions .button {
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #cbd8e6 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #1e293b !important;
	display: inline-flex !important;
	font-family: "Noto Sans Bengali", "Segoe UI", Arial, sans-serif !important;
	font-size: .82rem !important;
	font-weight: 900 !important;
	justify-content: center !important;
	line-height: 1 !important;
	min-height: 38px !important;
	padding: 0 12px !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

body.sba-theme .sba-dashboard-band .lsb-row-actions .button:hover {
	background: #eef5ff !important;
	border-color: #9db7e8 !important;
	color: #2563eb !important;
}

body.sba-theme .sba-dashboard-band .lsb-row-actions .lsb-delete-btn {
	background: #fff5f6 !important;
	border-color: #fecdd3 !important;
	color: #be123c !important;
}

body.sba-theme .sba-dashboard-band .lsb-empty-state {
	background: #ffffff !important;
	border: 1px dashed #b7c7da !important;
	border-radius: 8px !important;
	box-shadow: 0 12px 30px rgba(15, 23, 42, .05) !important;
	color: #64748b !important;
	padding: 34px !important;
	text-align: center !important;
}

body.sba-theme .sba-dashboard-band .lsb-empty-state strong {
	color: #111827 !important;
	display: block !important;
	font-size: 1.08rem !important;
	margin-bottom: 6px !important;
}

@media (max-width: 720px) {
	body.sba-theme .sba-dashboard-band .lsb-dashboard-header {
		align-items: stretch !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-dashboard-count {
		width: 100% !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-create-grid {
		grid-template-columns: 1fr !important;
		padding: 18px 18px 12px !important;
	}

	body.sba-theme .sba-dashboard-band #lsb-create-btn {
		margin: 0 18px 18px !important;
		width: calc(100% - 36px) !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-dashboard-table,
	body.sba-theme .sba-dashboard-band .lsb-dashboard-table thead,
	body.sba-theme .sba-dashboard-band .lsb-dashboard-table tbody,
	body.sba-theme .sba-dashboard-band .lsb-dashboard-table tr,
	body.sba-theme .sba-dashboard-band .lsb-dashboard-table th,
	body.sba-theme .sba-dashboard-band .lsb-dashboard-table td {
		display: block !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-dashboard-table {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-dashboard-table thead {
		display: none !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-dashboard-table tr {
		background: #ffffff !important;
		border: 1px solid #dbe4ef !important;
		border-radius: 8px !important;
		box-shadow: 0 12px 30px rgba(15, 23, 42, .06) !important;
		margin-bottom: 12px !important;
		overflow: hidden !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-dashboard-table td {
		padding: 13px 14px !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-row-actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
	}

	body.sba-theme .sba-dashboard-band .lsb-row-actions .button {
		min-height: 44px !important;
		width: 100% !important;
	}
}