/* Trang chi tiết trận live */

.okwin-detail-wrap {
	--okwin-d-bg: #0f1117;
	--okwin-d-card: #161b26;
	--okwin-d-border: #2a3144;
	--okwin-d-blue: #2563eb;
	--okwin-d-orange: #ea580c;
	--okwin-d-text: #f1f5f9;
	--okwin-d-muted: #94a3b8;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 2rem;
	padding: 0 12px;
	font-family: 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
	color: var(--okwin-d-text);
	box-sizing: border-box;
}

.okwin-detail-wrap *,
.okwin-detail-wrap *::before,
.okwin-detail-wrap *::after {
	box-sizing: border-box;
}

.okwin-detail-empty {
	padding: 2rem;
	text-align: center;
	color: #fca5a5;
	background: rgba(239, 68, 68, 0.1);
	border-radius: 10px;
	border: 1px solid rgba(239, 68, 68, 0.25);
}

.okwin-dh {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 16px;
	padding: 16px 18px;
	background: linear-gradient(180deg, #1a2030 0%, #12151c 100%);
	border: 1px solid var(--okwin-d-border);
	border-radius: 12px 12px 0 0;
	border-bottom: 3px solid var(--okwin-d-blue);
	margin-bottom: 0;
}

.okwin-dh-team {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	font-weight: 800;
	font-size: 15px;
}

.okwin-dh-name {
	line-height: 1.3;
	word-break: break-word;
}

.okwin-dh-team--home {
	justify-content: flex-start;
}

.okwin-dh-team--away {
	justify-content: flex-end;
}

.okwin-dh-center {
	text-align: center;
	min-width: 140px;
}

.okwin-dh-league {
	display: block;
	font-size: 11px;
	font-weight: 800;
	color: var(--okwin-d-muted);
	letter-spacing: 0.06em;
}

.okwin-dh-time {
	display: block;
	font-size: 20px;
	font-weight: 900;
	margin-top: 4px;
}

.okwin-dh-date {
	display: block;
	font-size: 12px;
	color: var(--okwin-d-muted);
	margin-top: 2px;
}

.okwin-dh-logo {
	width: 44px;
	height: 44px;
	object-fit: contain;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.okwin-dh-logo--ph {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}

.okwin-d-odds {
	background: var(--okwin-d-card);
	border: 1px solid var(--okwin-d-border);
	border-top: none;
	padding: 10px 12px 12px;
}

.okwin-d-odds-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.okwin-d-odds-select-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--okwin-d-muted);
}

.okwin-d-odds-select {
	background: #0f131a;
	border: 1px solid var(--okwin-d-border);
	color: var(--okwin-d-text);
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 12px;
}

.okwin-d-odds-brand {
	max-height: 28px;
	max-width: 100px;
	object-fit: contain;
}

.okwin-d-odds-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	scrollbar-width: thin;
}

.okwin-d-odds-scroll::-webkit-scrollbar {
	height: 6px;
}

.okwin-d-odds-scroll::-webkit-scrollbar-thumb {
	background: #3b4258;
	border-radius: 3px;
}

.okwin-d-odds-table {
	width: 100%;
	min-width: 720px;
	border-collapse: collapse;
	font-size: 11px;
}

.okwin-d-odds-table th,
.okwin-d-odds-table td {
	border: 1px solid #2f3548;
	padding: 8px 6px;
	text-align: center;
}

.okwin-d-odds-table thead {
	background: #252b3a;
	color: #cbd5e1;
	font-weight: 700;
}

.okwin-d-odds-table tbody td {
	background: #141824;
	color: #e2e8f0;
	font-weight: 700;
}

.okwin-d-th-period,
.okwin-d-td-period {
	min-width: 56px;
	font-weight: 800;
	color: #93c5fd;
}

.okwin-d-main {
	display: grid;
	grid-template-columns: 1fr minmax(280px, 32%);
	gap: 14px;
	margin-top: 14px;
	align-items: stretch;
}

@media (max-width: 900px) {
	.okwin-d-main {
		grid-template-columns: 1fr;
	}
}

.okwin-d-col--video {
	background: var(--okwin-d-card);
	border: 1px solid var(--okwin-d-border);
	border-radius: 12px;
	padding: 14px 16px 18px;
}

.okwin-d-broadcast-title {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.35;
	margin: 0 0 6px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.okwin-d-league-sub {
	margin: 0 0 12px;
	font-size: 12px;
	color: var(--okwin-d-muted);
}

.okwin-d-player-shell {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	min-height: 280px;
	background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
	border: 1px solid #334155;
}

.okwin-d-countdown {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	text-align: center;
	pointer-events: none;
	background: radial-gradient(ellipse at center, rgba(37, 99, 235, 0.12), transparent 70%);
}

.okwin-d-countdown[hidden] {
	display: none !important;
}

.okwin-d-countdown-lead {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 16px;
	color: #e2e8f0;
}

.okwin-d-countdown-grid {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

.okwin-d-cd-box {
	background: #0a0c10;
	border: 1px solid #334155;
	border-radius: 10px;
	min-width: 64px;
	padding: 10px 8px 8px;
}

.okwin-d-cd-val {
	display: block;
	font-size: 22px;
	font-weight: 900;
	color: #fff;
	line-height: 1.1;
}

.okwin-d-cd-lbl {
	display: block;
	font-size: 9px;
	font-weight: 800;
	color: var(--okwin-d-muted);
	text-transform: uppercase;
	margin-top: 4px;
	letter-spacing: 0.08em;
}

.okwin-d-player-root {
	position: relative;
	width: 100%;
	background: #000;
	z-index: 1;
}

.okwin-d-video {
	position: relative;
	z-index: 1;
	width: 100%;
	display: block;
	max-height: 56vh;
	background: #000;
}

/* Chỉ dùng cho thông báo lỗi — không hiện "Đang tải stream..." */
.okwin-d-player-msg {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
	display: none !important;
	visibility: hidden;
	pointer-events: none;
}

.okwin-d-player-root.okwin-is-playing .okwin-d-player-msg:not(.is-error) {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	border: 0 !important;
}

.okwin-d-player-msg[hidden]:not(.is-error) {
	display: none !important;
}

.okwin-d-player-msg.is-error {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	top: auto;
	bottom: 56px;
	left: 12px;
	right: 12px;
	transform: none;
	white-space: normal;
	padding: 10px 14px;
	border-radius: 8px;
	color: #fecaca;
	background: rgba(127, 29, 29, 0.92);
	border: 1px solid rgba(248, 113, 113, 0.35);
}

.okwin-d-play-prompt {
	position: absolute;
	inset: 0;
	z-index: 6;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 16px;
	border: 0;
	cursor: pointer;
	pointer-events: auto;
	background: rgba(0, 0, 0, 0.42);
	color: #fff;
	font: inherit;
}

.okwin-d-play-prompt.is-visible,
.okwin-d-play-prompt:not([hidden]).is-visible {
	display: flex;
}

.okwin-d-play-prompt[hidden] {
	display: none !important;
}

.okwin-d-play-prompt-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: linear-gradient(135deg, #f97316, #ea580c);
	font-size: 26px;
	line-height: 1;
	box-shadow: 0 8px 24px rgba(249, 115, 22, 0.45);
}

.okwin-d-play-prompt-text {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.okwin-d-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.okwin-d-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border: none;
	cursor: pointer;
}

.okwin-d-btn--orange {
	background: var(--okwin-d-orange);
	color: #fff;
}

.okwin-d-btn--blue {
	background: var(--okwin-d-blue);
	color: #fff;
}

.okwin-d-col--side {
	background: var(--okwin-d-card);
	border: 1px solid var(--okwin-d-border);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: 100%;
}

.okwin-d-tabs {
	display: flex;
	border-bottom: 1px solid var(--okwin-d-border);
}

.okwin-d-chat-head {
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 12px;
	background: linear-gradient(180deg, #ff9b2d 0%, #f07d0e 100%);
	border-bottom-color: rgba(255, 255, 255, 0.18);
}

.okwin-d-tab {
	flex: 1;
	padding: 12px 8px;
	border: none;
	background: #1a1f2b;
	color: var(--okwin-d-muted);
	font-size: 11px;
	font-weight: 800;
	cursor: pointer;
	text-transform: uppercase;
}

.okwin-d-tab.is-active {
	background: var(--okwin-d-blue);
	color: #fff;
}

.okwin-d-chat-head .okwin-d-tab {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 0 12px;
	background: transparent;
	color: #fff;
	font-size: 12px;
	position: relative;
}

.okwin-d-chat-head .okwin-d-tab.is-active {
	background: transparent;
	color: #fff;
}

.okwin-d-chat-head .okwin-d-tab.is-active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.95);
}

.okwin-d-tab-icon {
	width: 24px;
	height: 24px;
	object-fit: contain;
	flex-shrink: 0;
}

.okwin-d-chat-head-social {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	min-width: 0;
}

.okwin-d-chat-head-bxh {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.okwin-d-chat-head-bxh img,
.okwin-d-chat-social-link img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.okwin-d-chat-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	text-decoration: none;
	flex-shrink: 0;
}

.okwin-d-chat-social-off[hidden] {
	display: none !important;
}

.okwin-d-tab-panels {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.okwin-d-panel {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.okwin-d-panel[hidden] {
	display: none !important;
}

.okwin-d-chat {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	height: 100%;
	background: #0c0f14;
}

.okwin-d-chat--v2 .okwin-d-chat-social {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-bottom: 1px solid var(--okwin-d-border);
	flex-shrink: 0;
}

.okwin-d-chat-social-btn {
	flex: 1;
	text-align: center;
	font-size: 11px;
	font-weight: 800;
	padding: 8px 10px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
}

.okwin-d-chat-social-btn--tg {
	background: linear-gradient(180deg, #2aabee 0%, #229ed9 100%);
}

.okwin-d-chat-social-btn--fb {
	background: linear-gradient(180deg, #1877f2 0%, #0d65d9 100%);
}

.okwin-d-chat-social-off {
	margin-left: auto;
	background: transparent;
	border: none;
	color: #4ade80;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
	padding: 6px 4px;
	white-space: nowrap;
}

.okwin-d-chat--v2.is-chat-off .okwin-d-chat-stickers,
.okwin-d-chat--v2.is-chat-off .okwin-d-chat-msgs,
.okwin-d-chat--v2.is-chat-off .okwin-d-chat-emoji {
	display: none;
}

.okwin-d-chat-notice {
	flex-shrink: 0;
	margin: 0 10px 8px;
	padding: 16px 14px;
	border-radius: 12px;
	background: #083f28;
	border: 2px solid #16d39a;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.55;
	text-transform: uppercase;
}

.okwin-d-chat-notice > :first-child,
.okwin-d-chat-card-body > :first-child {
	margin-top: 0;
}

.okwin-d-chat-notice > :last-child,
.okwin-d-chat-card-body > :last-child {
	margin-bottom: 0;
}

.okwin-d-chat-notice a {
	color: inherit;
	text-decoration: underline;
}

.okwin-d-chat-card {
	flex-shrink: 0;
	margin: 0 0 8px;
	border-radius: 18px;
	background: #6f6f72;
	color: #fff;
	overflow: hidden;
}

.okwin-d-chat-card-head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	background: linear-gradient(180deg, #ff9b2d 0%, #f07d0e 100%);
	font-size: 12px;
	font-weight: 800;
}

.okwin-d-chat-card-icon {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f58220'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8l-4 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm4 5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm4 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm4 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E") center / 16px no-repeat;
}

.okwin-d-chat-card-body {
	padding: 14px;
	font-size: 11px;
	line-height: 1.5;
}

.okwin-d-chat-card-body a {
	color: #ffa31f;
	text-decoration: underline;
	word-break: break-word;
}

.okwin-d-chat-card-actions {
	display: grid;
	gap: 12px;
	padding: 0 14px 14px;
}

.okwin-d-chat-card-actions--primary {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.okwin-d-chat-card-actions--secondary {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding-top: 2px;
}

.okwin-d-chat-card-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 8px 10px;
	border-radius: 16px;
	text-align: center;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.25;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(180deg, #ffb45a 0%, #ff8f21 45%, #ef7a06 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.35);
}

.okwin-d-chat-card-btn--secondary {
	border-radius: 18px;
	min-height: 62px;
}

.okwin-d-chat-card-btn:hover {
	filter: brightness(1.05);
}


.okwin-d-chat-main {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

.okwin-d-chat-scroll {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-top: 10px;
}

.okwin-d-chat-toast {
	position: absolute;
	top: 8px;
	left: 10px;
	right: 10px;
	z-index: 25;
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.okwin-d-chat-toast[hidden] {
	display: none !important;
}

.okwin-d-chat-toast--ok {
	background: rgba(34, 197, 94, 0.95);
	color: #fff;
	border: 1px solid #16a34a;
}

.okwin-d-chat-toast--error {
	background: rgba(239, 68, 68, 0.95);
	color: #fff;
	border: 1px solid #dc2626;
}

.okwin-d-chat-toast--info {
	background: rgba(245, 130, 32, 0.95);
	color: #fff;
	border: 1px solid #d96f12;
}

/* OKwin TV auth modal (login / register) */
.okwin-d-chat-auth {
	--okwin-auth-orange: #f58220;
	--okwin-auth-orange-dark: #d96f12;
	--okwin-auth-bg: #121212;
	--okwin-auth-field-bg: #0a0a0a;
	position: absolute;
	inset: 0;
	z-index: 20;
	display: none !important;
	align-items: flex-start;
	justify-content: center;
	padding: 8px 10px 10px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.okwin-d-chat-auth.is-open,
.okwin-d-chat-auth.is-open[hidden] {
	display: flex !important;
}

.okwin-d-chat-auth[hidden]:not(.is-open) {
	display: none !important;
}

.okwin-d-chat-auth-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
}

.okwin-d-chat-auth-dialog {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 350px;
	flex-shrink: 0;
	margin: 0 auto;
	background: var(--okwin-auth-bg);
	border: 1px solid #2a2a2a;
	border-radius: 14px;
	padding: 28px 12px 14px;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.65);
}

.okwin-d-chat-auth-close {
	position: absolute;
	top: 10px;
	right: -4px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: var(--okwin-auth-orange);
	border: none;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(245, 130, 32, 0.45);
}

.okwin-d-chat-auth-close span {
	display: block;
	margin-top: -1px;
	font-weight: 700;
}

.okwin-d-chat-auth-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 0 0 14px;
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.02em;
}

.okwin-d-chat-auth-logo-ok {
	color: var(--okwin-auth-orange);
}

.okwin-d-chat-auth-logo-win {
	color: #fff;
}

.okwin-d-chat-auth-logo-tv {
	margin-left: 4px;
	padding: 2px 6px 3px;
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	border: 2px solid var(--okwin-auth-orange);
	border-radius: 4px;
	line-height: 1.1;
}

.okwin-d-chat-auth-tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	margin-bottom: 12px;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.okwin-d-chat-auth-tab {
	appearance: none;
	border: 2px solid var(--okwin-auth-orange);
	background: var(--okwin-auth-bg);
	color: var(--okwin-auth-orange);
	font-size: 13px;
	font-weight: 800;
	padding: 10px 8px;
	cursor: pointer;
	text-transform: none;
	transition: background 0.15s, color 0.15s;
}

.okwin-d-chat-auth-tab:first-child {
	border-radius: 8px 0 0 0;
	border-right-width: 1px;
}

.okwin-d-chat-auth-tab:last-child {
	border-radius: 0 8px 0 0;
	border-left-width: 1px;
}

.okwin-d-chat-auth-tab.is-active {
	background: var(--okwin-auth-orange);
	color: #fff;
	border-color: var(--okwin-auth-orange);
}

.okwin-d-chat-auth-msg {
	font-size: 11px;
	text-align: center;
	margin: 0 0 8px;
	padding: 6px 8px;
	border-radius: 6px;
}

.okwin-d-chat-auth-msg--error {
	color: #fecaca;
	background: rgba(239, 68, 68, 0.2);
	border: 1px solid rgba(239, 68, 68, 0.35);
}

.okwin-d-chat-auth-msg--ok {
	color: #bbf7d0;
	background: rgba(34, 197, 94, 0.15);
	border: 1px solid rgba(34, 197, 94, 0.35);
}

.okwin-d-chat-auth-form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.okwin-d-auth-field {
	position: relative;
	display: flex;
	align-items: center;
}

.okwin-d-auth-field-icon {
	position: absolute;
	left: 10px;
	width: 16px;
	height: 16px;
	opacity: 0.55;
	top: 12px;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.okwin-d-auth-field-icon--user {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
}

.okwin-d-auth-field-icon--phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M6.6 10.8a15.9 15.9 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.3 21 3 13.7 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8Z'/%3E%3C/svg%3E");
}

.okwin-d-auth-field-icon--lock {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M17 9h-1V7a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2Zm-3 0H10V7a2 2 0 1 1 4 0v2Z'/%3E%3C/svg%3E");
}

.okwin-d-auth-input {
	width: 100%;
	box-sizing: border-box;
	background: var(--okwin-auth-field-bg);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 6px;
	padding: 11px 12px 11px 34px;
	color: #fff;
	font-size: 12px;
	line-height: 1.3;
	padding-left: 30px !important;
}

.okwin-d-auth-input::placeholder {
	color: #9ca3af;
	font-size: 11px;
}

.okwin-d-auth-input:focus {
	outline: none;
	border-color: var(--okwin-auth-orange);
}

.okwin-d-auth-input:-webkit-autofill,
.okwin-d-auth-input:-webkit-autofill:hover,
.okwin-d-auth-input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--okwin-auth-field-bg) inset !important;
	-webkit-text-fill-color: #fff !important;
	caret-color: #fff;
}

.okwin-d-auth-field--pw .okwin-d-auth-input {
	padding-right: 38px;
	padding-left: 30px;
}

.okwin-d-auth-pw-toggle {
	position: absolute;
	right: 8px;
	width: 22px;
	height: 22px;
	border: none;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M12 5C7 5 2.7 8.1 1 12c1.7 3.9 6 7 11 7s9.3-3.1 11-7c-1.7-3.9-6-7-11-7Zm0 11a4 4 0 1 1 4-4 4 4 0 0 1-4 4Z'/%3E%3C/svg%3E") center / 18px no-repeat;
	cursor: pointer;
	padding: 0;
	opacity: 0.7;
}

.okwin-d-auth-pw-toggle.is-visible {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M12 7a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5Zm8.9 6.1L22 12l-1.1-1.1-2.4-2.4-1.4 1.4 2.4 2.4-2.4 2.4 1.4 1.4 2.4-2.4ZM3.1 10.9 2 12l1.1 1.1 2.4 2.4 1.4-1.4-2.4-2.4 2.4-2.4-1.4-1.4-2.4 2.4Z'/%3E%3C/svg%3E");
}

.okwin-d-auth-captcha {
	display: grid;
	grid-template-columns: 1fr 88px 36px;
	gap: 6px;
	align-items: stretch;
}

.okwin-d-auth-captcha-input {
	padding-left: 10px !important;
	min-width: 0;
}

.okwin-d-auth-captcha-canvas {
	width: 88px;
	height: 36px;
	border-radius: 4px;
	background: #fff;
	display: block;
}

.okwin-d-auth-captcha-refresh {
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 4px;
	background: var(--okwin-auth-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.7 6.3A8 8 0 0 0 4 12H2l3.5 3.5L9 12H7a6 6 0 1 1 6 6v2a8 8 0 0 0 7.7-13.7Z'/%3E%3C/svg%3E") center / 20px no-repeat;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
}

.okwin-d-chat-auth-btn {
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 6px;
	padding: 12px 14px;
	font-size: 14px;
	font-weight: 800;
	border: none;
	cursor: pointer;
	margin-top: 2px;
}

.okwin-d-chat-auth-btn--primary {
	background: var(--okwin-auth-orange);
	color: #fff;
}

.okwin-d-chat-auth-btn--primary:hover {
	background: var(--okwin-auth-orange-dark);
}

.okwin-d-auth-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 2px;
	font-size: 11px;
}

.okwin-d-auth-check {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	cursor: pointer;
	margin: 0;
}

.okwin-d-auth-check input {
	width: 14px;
	height: 14px;
	accent-color: var(--okwin-auth-orange);
	flex-shrink: 0;
	position: relative !important;
	top: 6px !important;
}

.okwin-d-auth-forgot {
	color: #fff;
	text-decoration: underline;
	white-space: nowrap;
}

.okwin-d-auth-forgot:hover {
	color: var(--okwin-auth-orange);
}

.okwin-d-auth-terms {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 10px;
	line-height: 1.35;
	color: #e5e7eb;
	margin: 4px 0 0;
	cursor: pointer;
}

.okwin-d-auth-terms input {
	margin-top: 2px;
	width: 14px;
	height: 14px;
	accent-color: var(--okwin-auth-orange);
	flex-shrink: 0;
}

.okwin-d-auth-terms-link {
	color: #fff;
	text-decoration: underline;
}

.okwin-d-auth-or {
	position: relative;
	text-align: center;
	margin: 10px 0 8px;
}

.okwin-d-auth-or::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	background: rgba(255, 255, 255, 0.2);
}

.okwin-d-auth-or span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background: var(--okwin-auth-bg);
	color: var(--okwin-auth-orange);
	font-size: 12px;
	font-weight: 700;
}

.okwin-d-auth-google {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 11px 12px;
	border: 2px solid var(--okwin-auth-orange);
	border-radius: 6px;
	background: var(--okwin-auth-bg);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.okwin-d-auth-google:hover {
	background: rgba(245, 130, 32, 0.12);
}

.okwin-d-auth-google-g {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.5 0 6.6 1.2 9.1 3.6l6.8-6.8C35.9 2.8 30.5 0 24 0 14.6 0 6.5 5.4 2.6 13.2l7.9 6.1C12.2 13 17.6 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.5 24.5c0-1.6-.1-3.2-.4-4.7H24v9h12.7c-.5 2.8-2.2 5.2-4.6 6.8l7.9 6.1c4.6-4.2 7.5-10.4 7.5-17.2z'/%3E%3Cpath fill='%23FBBC05' d='M10.5 28.3c-1.1-2.8-1.1-5.8 0-8.6l-7.9-6.1C.3 17.8 0 20.8 0 24s.3 6.2 2.6 10.4l7.9-6.1z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.5 0 11.9-2.1 15.9-5.8l-7.9-6.1c-2.2 1.5-5 2.3-8 2.3-6.4 0-11.8-4.3-13.7-10.1l-7.9 6.1C6.5 42.6 14.6 48 24 48z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.okwin-d-chat-auth-view[hidden] {
	display: none !important;
}

.okwin-d-chat-pinned {
	flex-shrink: 0;
	margin: 0 0 6px;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 1.4;
	background: rgba(234, 179, 8, 0.15);
	border: 1px solid rgba(234, 179, 8, 0.45);
	border-radius: 6px;
	color: #fef3c7;
}

.okwin-d-chat-pinned[hidden] {
	display: none !important;
}

.okwin-d-chat-pinned-label {
	font-weight: 700;
	color: #fbbf24;
	margin-right: 4px;
}

.okwin-d-chat-msgs {
	flex: 0 0 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 10px 10px 6px;
	font-size: 12px;
	line-height: 1.4;
}

@media (min-width: 901px) {
	.okwin-d-chat-msgs {
		max-height: 250px;
	}
}

.okwin-d-chat-row {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin-bottom: 10px;
}

.okwin-d-chat-row.is-admin .okwin-d-chat-user {
	color: #f87171;
}

.okwin-d-chat-row.is-blv .okwin-d-chat-user {
	color: #60a5fa;
}

.okwin-d-chat-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	background: #1e293b;
}

.okwin-d-chat-avatar--ph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 800;
	color: #e2e8f0;
	background: linear-gradient(145deg, #475569 0%, #334155 100%);
}

.okwin-d-chat-body {
	flex: 1;
	min-width: 0;
}

.okwin-d-chat-level {
	display: inline-block;
	min-width: 22px;
	text-align: center;
	font-size: 9px;
	font-weight: 900;
	padding: 1px 5px;
	border-radius: 4px;
	background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
	color: #1c1917;
	margin-right: 4px;
	vertical-align: middle;
}

.okwin-d-chat-user {
	color: #facc15;
	font-weight: 800;
	font-size: 12px;
	margin-right: 4px;
}

.okwin-d-chat-verified {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	vertical-align: -2px;
	background: #3b82f6;
	border-radius: 50%;
	position: relative;
}

.okwin-d-chat-verified::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 2px;
	width: 4px;
	height: 7px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.okwin-d-chat-text {
	color: #e2e8f0;
	word-break: break-word;
}

.okwin-d-chat-sticker {
	display: block;
	max-width: 120px;
	max-height: 120px;
	margin: 4px 0;
	border-radius: 6px;
}

.okwin-d-chat-text .okwin-d-chat-sticker {
	vertical-align: middle;
}

.okwin-d-chat-mention {
	color: #4ade80;
	font-weight: 700;
}

.okwin-d-chat-emoji:not(.is-open) {
	display: none !important;
}

.okwin-d-chat-emoji.is-open {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 6px 10px;
	border-top: 1px solid var(--okwin-d-border);
	background: #0f131a;
	max-height: 88px;
	overflow-y: auto;
	flex-shrink: 0;
}

.okwin-d-chat-stickers {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
	padding: 10px;
	border-top: 1px solid #f08b1e;
	background: #12161e;
	flex-shrink: 0;
}

.okwin-d-chat-stickers[hidden] {
	display: none !important;
}

.okwin-d-chat-sticker-btn {
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
}

.okwin-d-chat-sticker-btn img {
	display: block;
	width: 100%;
	height: 54px;
	object-fit: contain;
}

.okwin-d-chat-sticker-btn:hover {
	background: rgba(255, 255, 255, 0.06);
}

.okwin-d-chat-emoji-item {
	border: none;
	background: transparent;
	font-size: 20px;
	cursor: pointer;
	padding: 4px;
	line-height: 1;
	border-radius: 4px;
}

.okwin-d-chat-emoji-item:hover {
	background: rgba(255, 255, 255, 0.08);
}

.okwin-d-chat-bar {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px;
	border-top: 1px solid var(--okwin-d-border);
	background: #12161e;
	flex-shrink: 0;
	min-height: 56px;
	box-sizing: border-box;
}

.okwin-d-chat-bar-form {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	margin: 0;
}

.okwin-d-chat-bar-input {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	background: #1a2230;
	border: 1px solid #2a3344;
	border-radius: 8px;
	padding: 0 12px;
	color: #94a3b8;
	font-size: 12px;
	line-height: 40px;
	margin: 0;
}

.okwin-d-chat-bar-input:focus {
	outline: none;
	border-color: #3b82f6;
	color: #e2e8f0;
}

.okwin-d-chat-bar-input[readonly] {
	cursor: pointer;
}

.okwin-d-chat-bar-btn {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}

.okwin-d-chat-bar-btn--send {
	background: #2563eb;
}

.okwin-d-chat-bar-btn--send:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.okwin-d-chat-bar-icon {
	display: block;
	width: 18px;
	height: 18px;
	background: center / contain no-repeat;
	opacity: 0.85;
}

.okwin-d-chat-bar-icon--smile {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

.okwin-d-chat-bar-icon--send {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19l9 2-9-18-9 18 9-2zm0 0v-8'/%3E%3C/svg%3E");
}

.okwin-d-chat-bar-icon--user {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

.okwin-d-chat-bar-icon--pop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'/%3E%3C/svg%3E");
}

.okwin-d-sidebar.is-chat-popout {
	position: fixed;
	inset: 12px 12px 12px auto;
	width: min(420px, 92vw);
	z-index: 99990;
	box-shadow: 0 12px 48px rgba(0, 0, 0, 0.55);
}

.okwin-d-info-dl {
	margin: 0;
	padding: 14px 16px;
	font-size: 13px;
}

.okwin-d-info-dl dt {
	color: var(--okwin-d-muted);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 12px;
}

.okwin-d-info-dl dt:first-child {
	margin-top: 0;
}

.okwin-d-info-dl dd {
	margin: 4px 0 0;
	font-weight: 600;
}

.okwin-d-extra {
	margin-top: 18px;
}

.okwin-d-extra-inner {
	background: var(--okwin-d-card);
	border: 1px solid var(--okwin-d-border);
	border-radius: 12px;
	padding: 20px 22px;
	color: #e2e8f0;
	font-size: 14px;
	line-height: 1.65;
}

.okwin-d-extra-inner.entry-content > :first-child {
	margin-top: 0;
}

.okwin-d-extra-inner.entry-content > :last-child {
	margin-bottom: 0;
}

.okwin-d-extra-inner.entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.okwin-d-extra-inner.entry-content a {
	color: #93c5fd;
}

.okwin-d-extra-inner.entry-content h1,
.okwin-d-extra-inner.entry-content h2,
.okwin-d-extra-inner.entry-content h3 {
	color: #f8fafc;
	margin: 1em 0 0.5em;
	font-weight: 800;
}

.okwin-d-extra-inner.entry-content ul,
.okwin-d-extra-inner.entry-content ol {
	padding-left: 1.25em;
}

/* Breadcrumb theme / Rank Math trên trang xem live */
body.okwin-live-detail-page .rank-math-breadcrumb,
body.okwin-live-detail-page .breadcrumbs,
body.okwin-live-detail-page .woocommerce-breadcrumb,
body.okwin-live-detail-page #wrapper .breadcrumb {
	color: #cbd5e1 !important;
	font-size: 12px;
	line-height: 1.55;
	width: 100%;
	max-width: 100%;
	margin: 0 0 10px;
	padding: 0;
	word-break: normal;
	overflow-wrap: normal;
	white-space: normal;
}

body.okwin-live-detail-page .rank-math-breadcrumb a,
body.okwin-live-detail-page .breadcrumbs a,
body.okwin-live-detail-page .woocommerce-breadcrumb a {
	color: #93c5fd !important;
	text-decoration: none;
}

body.okwin-live-detail-page .rank-math-breadcrumb a:hover,
body.okwin-live-detail-page .breadcrumbs a:hover {
	color: #bfdbfe !important;
	text-decoration: underline;
}

body.okwin-live-detail-page .rank-math-breadcrumb .separator,
body.okwin-live-detail-page .breadcrumbs .divider,
body.okwin-live-detail-page .breadcrumbs .separator {
	color: #64748b !important;
	display: inline !important;
	margin: 0 0.35em;
}

/* Sửa lỗi xuống dòng từng chữ (Flatsome / flex mobile) */
body.okwin-live-detail-page .breadcrumbs,
body.okwin-live-detail-page .rank-math-breadcrumb {
	display: block !important;
}

body.okwin-live-detail-page .breadcrumbs a,
body.okwin-live-detail-page .breadcrumbs span,
body.okwin-live-detail-page .breadcrumbs li,
body.okwin-live-detail-page .rank-math-breadcrumb a,
body.okwin-live-detail-page .rank-math-breadcrumb span {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	flex: none !important;
}

body.okwin-live-detail-page .page-title,
body.okwin-live-detail-page .page-title .title-wrapper,
body.okwin-live-detail-page .page-title .title-content,
body.okwin-live-detail-page .page-header-inner {
	max-width: 100%;
	width: 100%;
}

body.okwin-live-detail-page .page-title .page-title-inner {
	flex-wrap: wrap;
}

/* --- Responsive: tablet & mobile --- */

@media (max-width: 900px) {
	.okwin-d-main {
		gap: 12px;
	}

	.okwin-d-col--side {
		height: auto;
		min-height: 420px;
		max-height: none;
	}

	.okwin-d-chat {
		min-height: 380px;
	}
}

@media (max-width: 767px) {
	.okwin-detail-wrap {
		padding: 0 10px;
		margin-bottom: 1rem;
	}

	.okwin-dh {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'center center'
			'home away';
		gap: 12px 10px;
		padding: 14px 12px;
	}

	.okwin-dh-center {
		grid-area: center;
		min-width: 0;
		width: 100%;
	}

	.okwin-dh-team--home {
		grid-area: home;
	}

	.okwin-dh-team--away {
		grid-area: away;
	}

	.okwin-dh-team {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		text-align: center;
		gap: 8px;
		font-size: 12px;
		min-width: 0;
	}

	.okwin-dh-team--home,
	.okwin-dh-team--away {
		justify-content: flex-start;
	}

	.okwin-dh-name {
		width: 100%;
		font-size: 11px;
		line-height: 1.35;
		hyphens: auto;
		overflow-wrap: anywhere;
	}

	.okwin-dh-logo,
	.okwin-dh-logo--ph {
		width: 40px;
		height: 40px;
		flex-shrink: 0;
	}

	.okwin-dh-time {
		font-size: 18px;
	}

	.okwin-d-odds {
		padding: 10px 10px 12px;
		overflow: hidden;
		max-width: 100%;
	}

	.okwin-d-odds-toolbar {
		flex-wrap: wrap;
	}

	.okwin-d-odds-scroll {
		margin-left: -2px;
		margin-right: -2px;
	}

	.okwin-d-col--video {
		padding: 12px;
		border-radius: 10px;
	}

	.okwin-d-broadcast-title {
		font-size: 12px;
		line-height: 1.45;
		overflow-wrap: anywhere;
	}

	.okwin-d-league-sub {
		font-size: 11px;
		margin-bottom: 10px;
	}

	.okwin-d-player-shell {
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.okwin-d-player-root,
	.okwin-d-video {
		max-height: none;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: contain;
	}

	.okwin-d-actions {
		flex-direction: column;
		margin-top: 12px;
	}

	.okwin-d-btn {
		width: 100%;
		padding: 12px 16px;
		font-size: 13px;
	}

	.okwin-d-col--side {
		border-radius: 10px;
		min-height: 360px;
	}

	.okwin-d-tab {
		font-size: 10px;
		padding: 11px 6px;
	}

	.okwin-d-chat-head {
		padding: 0 10px;
	}

	.okwin-d-chat-head .okwin-d-tab {
		gap: 8px;
		font-size: 11px;
		padding: 12px 0 11px;
	}

	.okwin-d-chat-head-social {
		gap: 10px;
	}

	.okwin-d-chat-head-bxh span {
		display: none;
	}

	.okwin-d-chat-head-bxh img,
	.okwin-d-chat-social-link img {
		width: 22px;
		height: 22px;
	}

	.okwin-d-chat-social-btn {
		font-size: 10px;
		padding: 7px 8px;
	}

	.okwin-d-chat-auth-dialog {
		max-width: 100%;
	}

	.okwin-d-chat-card-actions--primary,
	.okwin-d-chat-card-actions--secondary {
		grid-template-columns: 1fr;
	}

	.okwin-d-chat-stickers {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.okwin-d-sidebar.is-chat-popout {
		inset: 8px;
		width: calc(100vw - 16px);
		max-width: none;
	}
}

@media (max-width: 480px) {
	body.okwin-live-detail-page .breadcrumbs,
	body.okwin-live-detail-page .rank-math-breadcrumb {
		font-size: 11px;
		padding: 0 8px;
		line-height: 1.45;
	}

	.okwin-detail-wrap {
		padding: 0 8px;
	}

	.okwin-dh {
		gap: 10px;
	}

	.okwin-d-odds-table {
		font-size: 10px;
		min-width: 640px;
	}

	.okwin-d-odds-table th,
	.okwin-d-odds-table td {
		padding: 6px 4px;
	}

	.okwin-d-chat-bar {
		gap: 6px;
		padding: 8px;
	}

	.okwin-d-chat-bar-input {
		font-size: 11px;
		padding: 0 8px;
	}

	.okwin-d-chat-bar-btn {
		width: 36px;
		height: 36px;
	}

	.okwin-d-chat-notice {
		padding: 14px 12px;
		font-size: 11px;
	}

	.okwin-d-chat-social-off {
		font-size: 10px;
		padding: 4px 0;
	}

	.okwin-d-chat-card {
		border-radius: 16px;
	}

	.okwin-d-chat-stickers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}