/**
 * Storefront dark theme — navy/slate (Flare-style: #0f172a nền, #1e293b card).
 * Chỉ áp dụng html.pc-storefront-html / body.pc-storefront-body.
 */
html.pc-storefront-html[data-pc-theme="dark"] {
	--bs-body-bg: #0f172a;
	--bs-body-bg-rgb: 15, 23, 42;
	--bs-body-color: #f1f5f9;
	--bs-body-color-rgb: 241, 245, 249;
	--bs-heading-color: #f8fafc;
	--bs-card-bg: #1e293b;
	--bs-card-bg-rgb: 30, 41, 59;
	--bs-card-border-color: rgba(148, 163, 184, 0.22);
	--bs-secondary-bg: #334155;
	--bs-tertiary-bg: #0b1120;
	--bs-border-color: rgba(148, 163, 184, 0.22);
	--bs-secondary-color: #94a3b8;
	--pc-header-background: color-mix(in srgb, rgb(var(--bs-primary-rgb)) 11%, #0f172a);
	--pc-header-color: #f1f5f9;
	--pc-header-submenu-background: #1e293b;
	--pc-active-background: #334155;
	--pc-site-bg-base: #0f172a;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body {
	background: #0f172a !important;
	background-color: #0f172a !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body header,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body header.customer-site-header {
	background: color-mix(in srgb, rgb(var(--bs-primary-rgb)) 11%, #0f172a) !important;
	background-color: color-mix(in srgb, rgb(var(--bs-primary-rgb)) 11%, #0f172a) !important;
	border-bottom-color: color-mix(in srgb, rgb(var(--bs-primary-rgb)) 22%, transparent) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body footer.gt-footer.gt-footer--client-app,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .pc-storefront-page-column > footer.gt-footer {
	background: color-mix(in srgb, rgb(var(--bs-primary-rgb)) 11%, #0f172a) !important;
	background-color: color-mix(in srgb, rgb(var(--bs-primary-rgb)) 11%, #0f172a) !important;
	border-top-color: color-mix(in srgb, rgb(var(--bs-primary-rgb)) 22%, transparent) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .top-navbar {
	border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .modern-card,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .card.modern-card,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .card {
	background: #1e293b !important;
	background-color: #1e293b !important;
	border-color: rgba(148, 163, 184, 0.28) !important;
	color: #f1f5f9 !important;
	--bs-card-bg: #1e293b;
	--bs-card-border-color: rgba(148, 163, 184, 0.28);
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .service-group,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .group-search {
	background: #1e293b !important;
	background-color: #1e293b !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .service-info-card {
	background: #334155 !important;
	border-color: rgba(148, 163, 184, 0.28) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .order-comments-section {
	background: #334155 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .checkbox-wrapper-16 .checkbox-tile {
	background-color: #334155 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .list-group-item {
	background-color: #1e293b !important;
	border-color: rgba(148, 163, 184, 0.28) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .dropdown-menu {
	--bs-dropdown-bg: #334155;
	background-color: #334155 !important;
	border-color: rgba(148, 163, 184, 0.28) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .offcanvas {
	--bs-offcanvas-bg: #1e293b;
	background-color: #1e293b !important;
}

/* DataTables — bảng Order History, Invoice, Statement */
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #order-history-table.dataTable thead th,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #customer-invoice-table.dataTable thead th,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #customer-statement-table.dataTable thead th {
	background: rgba(255, 255, 255, 0.06) !important;
	border-bottom-color: rgba(148, 163, 184, 0.28) !important;
	color: #cbd5e1 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #order-history-table.dataTable tbody td,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #customer-invoice-table.dataTable tbody td,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #customer-statement-table.dataTable tbody td {
	border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #order-history-table.dataTable tbody tr:hover td,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #customer-invoice-table.dataTable tbody tr:hover td,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #customer-statement-table.dataTable tbody tr:hover td {
	background: rgba(255, 255, 255, 0.04) !important;
}

/* Modal chi tiết đơn */
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #orderDetailsModal .oh-order-details-modal-shell,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #orderDetailsHtml.order-details-modal-body {
	background-color: #1e293b !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #invoice-view-content .invoice-container {
	background: #1e293b !important;
	background-color: #1e293b !important;
	border-color: rgba(148, 163, 184, 0.28) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body #orderDetailsModal .order-comments-section--modal {
	background: rgba(255, 255, 255, 0.06) !important;
}

/* Catalog dịch vụ (Server / IMEI / Retail) — token + ghi đè slate */
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body {
	--o89-card: #1e293b;
	--o89-text: #f1f5f9;
	--o89-muted: #94a3b8;
	--o89-border: rgba(255, 255, 255, 0.1);
	--retail-card: #1e293b;
	--retail-border: rgba(255, 255, 255, 0.12);
	--retail-text: #f1f5f9;
	--retail-muted: #94a3b8;
	--retail-sidebar-surface: rgba(15, 23, 42, 0.94);
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap.retail-o89-wrap .retail-o89-hero,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .group-table-section.service-catalog-group,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .service-catalog-group.modern-card {
	background: #1e293b !important;
	background-color: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .service-catalog-group .card-header,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .service-catalog-group .service-catalog-group-header {
	background: rgba(255, 255, 255, 0.04) !important;
	border-bottom-color: rgba(255, 255, 255, 0.08) !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .service-catalog-group tbody tr.service-catalog-row {
	border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .retail-catalog-wrap .retail-svc-row-inner,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .retail-group-section--catalog {
	background-color: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .retail-c88-inner,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .retail-group-tile-inner {
	background: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body table.dash-table-modern {
	--dash-tb-border: rgba(255, 255, 255, 0.08);
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body table.dash-table-modern tbody tr:hover {
	background: rgba(255, 255, 255, 0.04) !important;
}

/* Trang đặt dịch vụ /service/{slug} */
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap.retail-o89-wrap {
	--o89-card: #1e293b;
	--o89-text: #f1f5f9;
	--o89-muted: #94a3b8;
	--o89-border: rgba(255, 255, 255, 0.12);
	--o89-input-bg: #334155;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap .retail-o89-hero,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap .retail-o89-card,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap .card.modern-card {
	background: #1e293b !important;
	background-color: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap .form-control,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap .form-select,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap textarea.form-control {
	background: #334155 !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .sv-checkout-wrap .btn-outline-secondary {
	--bs-btn-bg: #334155;
	--bs-btn-border-color: rgba(255, 255, 255, 0.18);
	--bs-btn-color: #f1f5f9;
}

/* Add Balance / Funds */
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page {
	--ab-card: #1e293b;
	--ab-text: #f1f5f9;
	--ab-muted: #94a3b8;
	--ab-border: rgba(255, 255, 255, 0.12);
	--ab-input-bg: #334155;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page .card.modern-card,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page .ab-input-card,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page .ab-summary-panel {
	background: #1e293b !important;
	background-color: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page .form-control {
	background: #334155 !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: #f1f5f9 !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page .checkbox-wrapper-16 .checkbox-tile {
	background-color: #334155 !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page .ab-summary-panel.ab-summary--invalid {
	background: #1e293b !important;
}

html.pc-storefront-html[data-pc-theme="light"] body.pc-storefront-body .ab-fund-page .ab-summary-panel.ab-summary--invalid {
	background: #ffffff !important;
}

/* Deposit / retail payment waiting (VietQR) */
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page.retail-p90 .retail-p90-shell,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page.retail-p90 .retail-p90-details {
	background: #1e293b !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}

html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page.retail-p90 .retail-p90-qrbox,
html.pc-storefront-html[data-pc-theme="dark"] body.pc-storefront-body .ab-fund-page.retail-p90 .retail-p90-btn-new {
	background: rgba(15, 23, 42, 0.45) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: #f1f5f9 !important;
}