/**
 * GizaData light theme — override chi tiết theo khu vực.
 * Bổ sung theme-light.css cho catalog, profile, proxy, popup.
 */

/* ═══════════════════════════════════════════
   GÓI SẢN PHẨM — plan-card / spcard
   ═══════════════════════════════════════════ */
html[data-theme="light"] .plan-card.spcard {
  background-color: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .spcard--cyan .spcard-tag--service {
  background-color: #ecfeff;
  color: #0e7490;
}

html[data-theme="light"] .spcard--purple .spcard-tag--service {
  background-color: #f3e8ff;
  color: #7e22ce;
}

html[data-theme="light"] .spcard--blue .spcard-tag--service {
  background-color: #eff6ff;
  color: #1d4ed8;
}

html[data-theme="light"] .spcard-tag--dc,
html[data-theme="light"] .spcard .plan-dc-option,
html[data-theme="light"] .plan-badge-dc,
html[data-theme="light"] .plan-dc-option {
  background-color: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}

html[data-theme="light"] .plan-dc-option.active {
  background: #ecfeff;
  color: #0e7490;
  border-color: #0891b2;
}

html[data-theme="light"] .spcard-title,
html[data-theme="light"] .spcard-price,
html[data-theme="light"] .spcard-pricing-list--single .spcard-pricing-cost {
  color: #0f172a;
}

html[data-theme="light"] .spcard-price-unit,
html[data-theme="light"] .spcard-pricing-period {
  color: #64748b;
}

html[data-theme="light"] .spcard-pricing-cost {
  color: #334155;
}

html[data-theme="light"] .spcard .plan-wallet-tag {
  background-color: #fffbeb;
  color: #b45309;
  border-left-color: #f59e0b;
}

html[data-theme="light"] .spcard-badge-daily {
  background-color: #ecfeff;
  color: #0e7490;
}

html[data-theme="light"] .spcard-pricing-list.spcard-best-list,
html[data-theme="light"] .spcard-best-list {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 12px;
  padding: 10px;
  margin: 0 0 10px 0;
}

html[data-theme="light"] .spcard-pricing-list--single .spcard-pricing-period {
  color: #475569;
}

html[data-theme="light"] .plan-card .pricing-chip,
html[data-theme="light"] .pricing-chip {
  color: #64748b;
}

html[data-theme="light"] .plan-card .pricing-chip strong,
html[data-theme="light"] .pricing-chip strong {
  color: #0f172a;
}

html[data-theme="light"] .plan-card .pricing-chip-price,
html[data-theme="light"] .pricing-chip-price {
  color: #0f172a;
}

html[data-theme="light"] .plan-card .pricing-discount,
html[data-theme="light"] .pricing-discount {
  background: #ecfdf5;
  color: #059669;
}

html[data-theme="light"] .plan-card .plan-best-deal {
  background: linear-gradient(130deg, #eff6ff, #f0f9ff);
  border-color: #93c5fd;
}

html[data-theme="light"] .plan-card .plan-best-deal .best-label,
html[data-theme="light"] .plan-card .plan-best-deal .best-price {
  color: #0f172a;
}

html[data-theme="light"] .plan-card .plan-best-deal-sub {
  color: #059669;
}

html[data-theme="light"] .plan-card .plan-specs li,
html[data-theme="light"] .spcard-spec-item {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] .spcard-specs-container {
  background-color: #f1f5f9;
  border-color: #e2e8f0;
}

html[data-theme="light"] .spcard-spec-icon.spcard--cyan {
  color: #0891b2;
}

html[data-theme="light"] .spcard-spec-icon.spcard--purple {
  color: #9333ea;
}

html[data-theme="light"] .spcard-spec-icon.spcard--blue {
  color: #2563eb;
}

html[data-theme="light"] .plan-stock {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #64748b;
}

html[data-theme="light"] .plan-divider {
  border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .plan-card--vps .plan-badge,
html[data-theme="light"] .plan-card--hosting .plan-badge,
html[data-theme="light"] .plan-card--email .plan-badge,
html[data-theme="light"] .plan-card--proxy .plan-badge {
  /* badge màu dịch vụ — giữ accent, tăng nền sáng */
  filter: saturate(1.05);
}

/* ═══════════════════════════════════════════
   TRANG PROXY
   ═══════════════════════════════════════════ */
html[data-theme="light"] #view-proxy .proxy-page-surface .main-title {
  background: linear-gradient(to right, #0f172a, #64748b);
  -webkit-background-clip: text;
  background-clip: text;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .filter-group {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] #view-proxy .proxy-page-surface .filter-btn {
  color: #64748b;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .filter-btn:hover,
html[data-theme="light"] #view-proxy .proxy-page-surface .filter-btn.active {
  background: #ecfeff;
  color: #0e7490;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .nav-btn {
  color: #475569;
  border-color: #cbd5e1;
  background: #ffffff;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .nav-btn:hover,
html[data-theme="light"] #view-proxy .proxy-page-surface .nav-btn.active {
  background: #f0fdfa;
  border-color: #0891b2;
  color: #0891b2;
  box-shadow: 0 4px 14px rgba(8, 145, 178, 0.12);
}

html[data-theme="light"] #view-proxy .proxy-page-surface .glass-card,
html[data-theme="light"] #view-proxy .proxy-page-surface .bento-card,
html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-card {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] #view-proxy .proxy-page-surface .section-title,
html[data-theme="light"] #view-proxy .proxy-page-surface h2,
html[data-theme="light"] #view-proxy .proxy-page-surface h3 {
  color: #0f172a;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .sub-title,
html[data-theme="light"] #view-proxy .proxy-page-surface p {
  color: #64748b;
}

html[data-theme="light"] #view-proxy .proxy-page-surface {
  background-color: #f8fafc;
  color: #0f172a;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-glow-cyan,
html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-glow-purple,
html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-glow-emerald {
  opacity: 0.1;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .badge-top {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #059669;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .card-title,
html[data-theme="light"] #view-proxy .proxy-page-surface .price-amount {
  color: #0f172a;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .card-desc,
html[data-theme="light"] #view-proxy .proxy-page-surface .price-amount .price-unit,
html[data-theme="light"] #view-proxy .proxy-page-surface span.price-proxy-term,
html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-preorder-note,
html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-card .card-sub {
  color: #64748b;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .card-tag {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .stock-mini {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #475569;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .bento-card {
  background: #ffffff !important;
  background-image: none !important;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .bento-card:hover {
  border-color: #0891b2;
  box-shadow:
    0 16px 40px rgba(15, 23, 42, 0.1),
    0 0 0 1px rgba(8, 145, 178, 0.12);
}

html[data-theme="light"] #view-proxy .proxy-page-surface .btn-buy,
html[data-theme="light"] #view-proxy .proxy-page-surface .btn-renew,
html[data-theme="light"] #view-proxy .proxy-page-surface .btn-buy:disabled.btn-buy--oos {
  color: #ffffff;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .btn-ghost {
  background: #ffffff;
  border-color: #cbd5e1;
  color: #475569;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .btn-ghost:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  color: #0f172a;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-shop-stack .service-loading-wrap {
  background: rgba(248, 250, 252, 0.8);
}

html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-meta-grid {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-meta-grid .meta-label {
  color: #64748b;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-meta-grid .meta-value {
  color: #334155;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-connection-title {
  color: #475569;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-card .purchased-card-status {
  color: #475569;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-terminal-row {
  background: #f8fafc;
  border-color: #bae6fd;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-terminal-row:hover,
html[data-theme="light"] #view-proxy .proxy-page-surface .purchased-terminal-row:focus-visible {
  background: #ecfeff;
  border-color: #0891b2;
  box-shadow:
    0 0 0 1px rgba(8, 145, 178, 0.2),
    0 8px 20px rgba(8, 145, 178, 0.08);
}

html[data-theme="light"] #view-proxy .proxy-page-surface .data-terminal {
  color: #047857;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .btn-copy {
  color: #334155;
  border-color: #cbd5e1;
  background: #ffffff;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .btn-copy:hover {
  background: #f1f5f9;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .btn-checklive {
  background: #ecfeff;
  color: #0e7490;
  border-color: #a5f3fc;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .btn-checklive:hover {
  background: #cffafe;
  box-shadow: 0 4px 12px rgba(8, 145, 178, 0.12);
}

html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-empty-state,
html[data-theme="light"] #view-proxy .proxy-page-surface .muted {
  color: #64748b;
}

html[data-theme="light"] #view-proxy .proxy-page-surface .proxy-empty-state {
  background: #ffffff;
  border-color: #e2e8f0;
}

/* ═══════════════════════════════════════════
   TRANG PHẦN MỀM (#view-phanmem)
   ═══════════════════════════════════════════ */
html[data-theme="light"] #view-phanmem .phanmem-surface {
  background: #f8fafc;
  color: #334155;
}

html[data-theme="light"] #view-phanmem .hero-title {
  color: #0f172a;
  text-shadow: none;
}

html[data-theme="light"] #view-phanmem .text-glow-white {
  text-shadow: none;
}

html[data-theme="light"] #view-phanmem .glow-1,
html[data-theme="light"] #view-phanmem .glow-2,
html[data-theme="light"] #view-phanmem .glow-3 {
  opacity: 0.35;
}

html[data-theme="light"] #view-phanmem .glass-card {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] #view-phanmem .search-input,
html[data-theme="light"] #view-phanmem .search-select {
  background: #f8fafc;
  color: #0f172a;
}

@media (min-width: 640px) {
  html[data-theme="light"] #view-phanmem .search-input,
  html[data-theme="light"] #view-phanmem .search-select {
    background: transparent;
  }

  html[data-theme="light"] #view-phanmem .search-input:hover,
  html[data-theme="light"] #view-phanmem .search-select:hover {
    background: #f1f5f9;
  }
}

html[data-theme="light"] #view-phanmem .software-card {
  background: #ffffff;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .software-card:hover {
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] #view-phanmem .card-header {
  background: linear-gradient(to bottom, #f1f5f9, transparent);
}

html[data-theme="light"] #view-phanmem .mock-ui {
  background: #e2e8f0;
  border-color: #cbd5e1;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] #view-phanmem .version-badge {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] #view-phanmem .btn-secondary {
  background: #f1f5f9;
  color: #334155;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .btn-secondary:hover {
  background: #e2e8f0;
  border-color: #cbd5e1;
}

html[data-theme="light"] #view-phanmem .card-empty {
  border-color: #cbd5e1;
  background: #ffffff;
  opacity: 0.9;
}

html[data-theme="light"] #view-phanmem .card-empty:hover {
  border-color: #94a3b8;
}

html[data-theme="light"] #view-phanmem .empty-icon {
  background: #f1f5f9;
  color: #64748b;
}

html[data-theme="light"] #view-phanmem .modal-content {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
}

html[data-theme="light"] #view-phanmem .btn-close {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #64748b;
}

html[data-theme="light"] #view-phanmem .btn-close:hover {
  background: #e2e8f0;
  color: #0f172a;
  border-color: #cbd5e1;
}

html[data-theme="light"] #view-phanmem .bento-box {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .bento-box:hover {
  border-color: #cbd5e1;
}

html[data-theme="light"] #view-phanmem .app-icon-compact {
  background: #e2e8f0;
  border-color: #cbd5e1;
}

html[data-theme="light"] #view-phanmem .app-icon-compact-inner {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .img-preview {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .stat-item {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .v-item {
  background: #ffffff;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .v-item:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

html[data-theme="light"] #view-phanmem .v-item.latest {
  background: #ecfeff;
  border-color: #a5f3fc;
}

html[data-theme="light"] #view-phanmem .btn-view-all {
  border-color: #cbd5e1;
  color: #64748b;
}

html[data-theme="light"] #view-phanmem .btn-view-all:hover {
  background: #f1f5f9;
  color: #0f172a;
}

html[data-theme="light"] #view-phanmem .price-mini {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .price-mini select {
  background: #ffffff;
  color: #0f172a;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-phanmem .modal-body__scroll {
  scrollbar-color: #cbd5e1 #f1f5f9;
}

html[data-theme="light"] #view-phanmem .dl-badge--muted {
  background: #f1f5f9;
  color: #64748b;
  border-color: #e2e8f0;
}

/* ═══════════════════════════════════════════
   THÔNG TIN / QUẢN LÝ DỊCH VỤ (#view-profile)
   ═══════════════════════════════════════════ */
html[data-theme="light"] #view-profile.qldv-profile-root {
  background: #f8fafc;
}

html[data-theme="light"] #view-profile .qldv-filter-tabs {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] #view-profile .qldv-filter-tab {
  color: #64748b;
}

html[data-theme="light"] #view-profile .qldv-filter-tab:hover {
  background: #f1f5f9;
  color: #334155;
}

html[data-theme="light"] #view-profile .qldv-filter-tab--active {
  background: #ecfeff;
  color: #0e7490;
  border-color: #a5f3fc;
  box-shadow: 0 0 0 1px rgba(8, 145, 178, 0.15);
}

html[data-theme="light"] #view-profile .qldv-status-badge--ghost {
  background: #ffffff;
  color: #64748b;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-profile .qldv-status-badge--ghost:hover {
  background: #f8fafc;
  color: #334155;
}

html[data-theme="light"] #view-profile .qldv-status-badge--cyan {
  background: #ecfeff;
  color: #0e7490;
  border-color: #67e8f9;
}

html[data-theme="light"] #view-profile .qldv-search-input,
html[data-theme="light"] #view-profile #profile-service-search.qldv-search-input {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #0f172a;
}

html[data-theme="light"] #view-profile .qldv-search-input::placeholder {
  color: #94a3b8;
}

html[data-theme="light"] #view-profile .qldv-search-input:focus {
  background: #ffffff;
  border-color: #0891b2;
  box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.12);
}

html[data-theme="light"] #view-profile .qldv-service-card,
html[data-theme="light"] #view-profile .qldv-service-card.server-card {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] #view-profile .qldv-service-card:hover {
  border-color: #cbd5e1;
}

html[data-theme="light"] #view-profile .qldv-service-card--active {
  border-color: rgba(8, 145, 178, 0.45);
  box-shadow: 0 8px 24px rgba(8, 145, 178, 0.1);
}

html[data-theme="light"] #view-profile .qldv-card-title {
  color: #0f172a;
}

html[data-theme="light"] #view-profile .plan-badge {
  background: #f1f5f9;
  color: #334155;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-profile .meta-item {
  color: #64748b;
}

html[data-theme="light"] #view-profile .meta-value {
  color: #334155;
}

html[data-theme="light"] #view-profile .qldv-panel-title,
html[data-theme="light"] #view-profile .controls-section h4 {
  color: #0f172a;
}

/* Trình điều khiển máy chủ (VPS) */
html[data-theme="light"] #view-profile .controls-section .control-group {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-profile .controls-section .divider {
  background: #cbd5e1;
}

html[data-theme="light"] #view-profile .controls-section .btn-control,
html[data-theme="light"] #view-profile .controls-section .btn-control.vps-ctrl-btn,
html[data-theme="light"] #view-profile .btn-control {
  color: #334155 !important;
}

html[data-theme="light"] #view-profile .controls-section .btn-control:hover,
html[data-theme="light"] #view-profile .controls-section .btn-control.vps-ctrl-btn:hover {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] #view-profile .controls-section .btn-control svg {
  color: #475569;
}

html[data-theme="light"] #view-profile .controls-section .btn-power svg {
  color: #059669;
}

html[data-theme="light"] #view-profile .controls-section .btn-stop svg {
  color: #e11d48;
}

html[data-theme="light"] #view-profile .controls-section .btn-force svg {
  color: #64748b;
}

html[data-theme="light"] #view-profile .controls-section .btn-reboot svg {
  color: #2563eb;
}

html[data-theme="light"] #view-profile .controls-section .btn-open-login {
  color: #0891b2 !important;
}

html[data-theme="light"] #view-profile .controls-section .btn-open-login:hover {
  color: #0e7490 !important;
  background: #ecfeff !important;
}

html[data-theme="light"] #view-profile .controls-section .btn-renew-service svg {
  color: #475569;
}

html[data-theme="light"] #view-profile .qldv-action-grid .vps-ctrl-btn {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] #view-profile .qldv-action-grid .vps-ctrl-btn:hover {
  background: #f8fafc;
  border-color: #0891b2;
  color: #0f172a;
}

html[data-theme="light"] #view-profile .qldv-nav-item {
  color: #64748b;
}

html[data-theme="light"] #view-profile .qldv-nav-item--active {
  background: #ecfeff;
  color: #0e7490;
}

html[data-theme="light"] #view-profile .qldv-profile-name,
html[data-theme="light"] #view-profile .qldv-balance-value {
  color: #0f172a;
}

html[data-theme="light"] #view-profile .qldv-balance-label,
html[data-theme="light"] #view-profile .qldv-profile-email {
  color: #64748b;
}

/* Lịch sử thanh toán */
html[data-theme="light"] #payments-panel h2,
html[data-theme="light"] #payments-panel .text-white {
  color: #0f172a !important;
}

html[data-theme="light"] #payments-panel .bg-slate-800\/80 {
  background-color: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #64748b !important;
}

html[data-theme="light"] #payments-panel .bg-slate-900 {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="light"] #payments-panel .text-slate-400,
html[data-theme="light"] #payments-panel .text-slate-500 {
  color: #64748b !important;
}

html[data-theme="light"] .payment-filters-panel {
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  border-color: #e2e8f0;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .payment-filter-row__label {
  color: #64748b;
}

html[data-theme="light"] .payment-filter-chip {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #475569;
}

html[data-theme="light"] .payment-filter-chip:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
}

html[data-theme="light"] .payment-filter-chip--active {
  background: #ecfeff;
  border-color: #0891b2;
  color: #0e7490;
  box-shadow: 0 0 0 1px rgba(8, 145, 178, 0.12);
}

html[data-theme="light"] .payment-filters-divider {
  background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
}

html[data-theme="light"] #payments-panel .payment-tx-page {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #475569;
}

html[data-theme="light"] #payments-panel .payment-tx-page:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

html[data-theme="light"] #payments-panel .payment-tx-page.border-cyan-500 {
  background: #ecfeff;
  border-color: #0891b2;
  color: #0e7490;
}

html[data-theme="light"] .payment-tx-card {
  background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
  border-color: #e2e8f0;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .payment-tx-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .payment-tx-card__desc {
  color: #334155;
}

html[data-theme="light"] .payment-tx-card__time {
  color: #64748b;
}

html[data-theme="light"] .payment-tx-card__amount--plus {
  color: #059669;
}

html[data-theme="light"] .payment-tx-card__amount--minus {
  color: #dc2626;
}

html[data-theme="light"] .payment-tx-type--credit {
  color: #059669;
}

html[data-theme="light"] .payment-tx-type--withdraw {
  color: #e11d48;
  border-color: rgba(225, 29, 72, 0.25);
  background: #fff1f2;
}

html[data-theme="light"] .payment-tx-type--payment {
  color: #0284c7;
  border-color: rgba(2, 132, 199, 0.25);
  background: #f0f9ff;
}

html[data-theme="light"] .payment-tx-type--debit {
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.25);
  background: #fffbeb;
}

html[data-theme="light"] .payment-tx-type--muted {
  color: #64748b;
  border-color: #e2e8f0;
  background: #f8fafc;
}

/* Hồ sơ cá nhân — settings panel */
html[data-theme="light"] #settings-panel .ttv-member-root .card,
html[data-theme="light"] #settings-panel .ttv-member-root .vip-card,
html[data-theme="light"] #settings-panel .ttv-member-root .stat-card,
html[data-theme="light"] #settings-panel .ttv-member-root .info-box,
html[data-theme="light"] #settings-panel .ttv-member-root .tier-card {
  background: #ffffff;
  border-color: #e2e8f0;
}

html[data-theme="light"] #settings-panel .ttv-member-root .vip-card {
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] #settings-panel .ttv-member-root .vip-glow {
  opacity: 0.08;
}

html[data-theme="light"] #settings-panel .ttv-member-root .stat-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

html[data-theme="light"] #settings-panel .ttv-member-root .header h1,
html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-stat-value,
html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-info-value,
html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-tier-name {
  color: #0f172a;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-stat-label,
html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-info-label {
  color: #64748b;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-stat-value-wrap {
  color: #64748b;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-stat-split-item strong {
  color: #334155;
}

html[data-theme="light"] #settings-panel .ttv-member-root .badge-active-level {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #475569;
  box-shadow: none;
}

html[data-theme="light"] #settings-panel .ttv-member-root .badge-active-bonus {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #059669;
  box-shadow: none;
}

/* Tiến trình lên hạng (progress box) */
html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-progress-box {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-progress-title {
  color: #64748b;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-progress-title strong {
  text-shadow: none !important;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-progress-value-main {
  color: #0f172a;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-progress-value-sub,
html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-progress-note {
  color: #64748b;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-progress-need {
  color: #0f172a;
}

html[data-theme="light"] #settings-panel .ttv-member-root .p-bar-wrapper {
  background: #e2e8f0;
  border-color: #cbd5e1;
  box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] #settings-panel .ttv-member-root .p-bar-fill::after {
  background: #ffffff;
  border: 2px solid var(--tier-color, #94a3b8);
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.95),
    0 2px 8px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-next-badge {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #059669;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-max-tier {
  background: #f5f3ff;
  border-color: #ddd6fe;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-max-tier__title {
  color: #5b21b6;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-max-tier__desc {
  color: #64748b;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-max-tier__icon {
  color: #7c3aed;
}

html[data-theme="light"] #settings-panel .ttv-member-root .btn {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #4f46e5;
}

html[data-theme="light"] #settings-panel .ttv-member-root .btn:hover {
  background: #eef2ff;
  color: #4338ca;
}

html[data-theme="light"] #settings-panel .ttv-member-root .toggle-btn:hover {
  background: #f1f5f9;
  color: #0f172a;
}

html[data-theme="light"] #settings-panel .ttv-member-root .tiers-panel h3 {
  color: #0f172a;
}

html[data-theme="light"] #settings-panel .ttv-member-root .tier-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] #settings-panel .ttv-member-root .tier-card.active {
  border-color: #0891b2 !important;
  box-shadow:
    0 0 0 1px rgba(8, 145, 178, 0.15),
    0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-current-tier-name,
html[data-theme="light"] #settings-panel .ttv-member-root .tier-card .ttv-dom-tier-name {
  text-shadow: none !important;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-tier-level,
html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-tier-row span {
  color: #64748b;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-tier-row strong {
  color: #0f172a;
}

html[data-theme="light"] #settings-panel .ttv-member-root .current-badge {
  background: #0891b2;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(8, 145, 178, 0.2);
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-service-active {
  color: #0f172a;
}

html[data-theme="light"] #settings-panel .ttv-member-root .ttv-dom-service-total {
  color: #64748b;
}

/* Affiliate */
html[data-theme="light"] #affiliate-panel .aff-stat,
html[data-theme="light"] #affiliate-panel .aff-panel-card,
html[data-theme="light"] #affiliate-panel .aff-rules-box {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] #affiliate-panel .aff-stat .ttv-dom-info-label {
  color: #64748b;
}

html[data-theme="light"] #affiliate-panel .aff-stat strong,
html[data-theme="light"] #affiliate-panel .aff-stat-value {
  color: #0f172a;
}

html[data-theme="light"] #settings-aff-current-code {
  color: #0e7490;
}

/* ═══════════════════════════════════════════
   POPUP NẠP TIỀN (V2)
   ═══════════════════════════════════════════ */
html[data-theme="light"] .deposit-modal__panel {
  background: linear-gradient(to bottom, #ffffff, #f8fafc);
  border-color: #e2e8f0;
  box-shadow: 0 20px 60px -15px rgba(15, 23, 42, 0.18);
}

html[data-theme="light"] .deposit-modal__header {
  border-bottom-color: #e2e8f0;
  background: transparent;
}

html[data-theme="light"] .deposit-modal__title {
  color: #0f172a !important;
}

html[data-theme="light"] .deposit-modal__title span:not(.deposit-title-icon) {
  color: #0f172a !important;
}

html[data-theme="light"] .deposit-title-icon {
  background-color: #ecfeff;
  border-color: #a5f3fc;
  color: #0891b2;
}

html[data-theme="light"] .deposit-modal__close {
  color: #64748b;
}

html[data-theme="light"] .deposit-modal__close:hover {
  background: #f1f5f9;
  color: #0f172a;
}

html[data-theme="light"] .deposit-label {
  color: #475569;
}

html[data-theme="light"] .deposit-input-wrap {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}

html[data-theme="light"] .deposit-input,
html[data-theme="light"] .deposit-input--amount {
  color: #0f172a;
  background: transparent;
}

html[data-theme="light"] .deposit-currency-label {
  color: #059669;
}

html[data-theme="light"] .quick-deposit-btn {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #475569;
}

html[data-theme="light"] .quick-deposit-btn:hover {
  background: #ecfdf5;
  border-color: #6ee7b7;
  color: #059669;
}

html[data-theme="light"] .deposit-promo-chip {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] .deposit-promo-chip strong {
  color: #0f172a;
}

html[data-theme="light"] .deposit-promo-chip span {
  color: #64748b;
}

html[data-theme="light"] .deposit-btn {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] .deposit-btn--muted {
  background: #f1f5f9;
  color: #64748b;
}

html[data-theme="light"] .deposit-btn--ghost {
  border-color: #e2e8f0;
  color: #64748b;
}

html[data-theme="light"] .deposit-lixi-panel {
  border-top-color: #e2e8f0;
}

html[data-theme="light"] .deposit-lixi-panel__head {
  color: #dc2626;
}

html[data-theme="light"] .deposit-lixi-panel__item {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] .deposit-lixi-panel__line--range {
  color: #334155;
}

html[data-theme="light"] .deposit-lixi-panel__line--bonus {
  color: #059669;
}

html[data-theme="light"] .deposit-preview {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] .deposit-sepay-card {
  background: #ffffff;
  border-color: #e2e8f0;
}

html[data-theme="light"] .deposit-sepay-line {
  color: #334155;
}

html[data-theme="light"] .deposit-glow-tr,
html[data-theme="light"] .deposit-glow-bl {
  opacity: 0.35;
}

html[data-theme="light"] .deposit-modal__body {
  color: #334155;
}

html[data-theme="light"] .deposit-hint,
html[data-theme="light"] .deposit-loading,
html[data-theme="light"] .deposit-lucky-wheel-notice {
  color: #64748b;
}

html[data-theme="light"] .deposit-lucky-wheel-notice {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] .deposit-preview,
html[data-theme="light"] .deposit-preview-item {
  color: #059669;
}

html[data-theme="light"] .deposit-preview-item strong {
  color: #047857;
}

html[data-theme="light"] .deposit-tier-badge {
  border-color: #0891b2;
  color: #0e7490;
  background: #ecfeff;
}

html[data-theme="light"] .deposit-alert {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

html[data-theme="light"] .deposit-error-text,
html[data-theme="light"] .deposit-bad {
  color: #dc2626;
}

html[data-theme="light"] .deposit-ok {
  color: #059669;
}

html[data-theme="light"] .deposit-input:focus {
  border-color: #0891b2;
  box-shadow: 0 0 0 2px rgba(8, 145, 178, 0.15);
}

html[data-theme="light"] .deposit-input--amount {
  color: #0f172a;
}

html[data-theme="light"] .deposit-amount-divider {
  background: linear-gradient(to right, transparent, rgba(16, 185, 129, 0.45), transparent);
}

html[data-theme="light"] .deposit-btn--primary {
  background: linear-gradient(to right, #10b981, #059669) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.25);
}

html[data-theme="light"] .deposit-btn--primary:hover {
  background: linear-gradient(to right, #059669, #047857) !important;
}

html[data-theme="light"] .deposit-btn--icon {
  background: #ffffff;
  border-color: #cbd5e1;
  color: #334155;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .deposit-btn--icon:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  color: #0f172a;
}

html[data-theme="light"] .deposit-btn--ghost:hover {
  background: #f1f5f9;
  color: #0f172a;
}

html[data-theme="light"] .deposit-method span {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #475569;
}

html[data-theme="light"] .deposit-method input:checked + span {
  background: #0891b2;
  border-color: #0891b2;
  color: #ffffff;
}

html[data-theme="light"] .deposit-sepay-title {
  color: #0f172a;
}

html[data-theme="light"] .deposit-sepay-line {
  color: #64748b;
  border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .deposit-sepay-line strong {
  color: #0f172a;
}

html[data-theme="light"] .deposit-sepay-copyable {
  color: #0e7490;
  text-decoration-color: rgba(14, 116, 144, 0.45);
}

html[data-theme="light"] .deposit-sepay-copyable:hover,
html[data-theme="light"] .deposit-sepay-copyable:focus-visible {
  color: #0891b2;
}

html[data-theme="light"] .deposit-sepay-switch .deposit-btn.is-active {
  background: #ecfeff;
  border-color: #0891b2;
  color: #0e7490;
  box-shadow: 0 0 0 2px rgba(8, 145, 178, 0.15);
}

html[data-theme="light"] .deposit-sepay-status.pending {
  color: #059669;
}

html[data-theme="light"] .deposit-sepay-status.success {
  color: #16a34a;
}

html[data-theme="light"] .deposit-status-spinner {
  border-color: rgba(100, 116, 139, 0.35);
  border-top-color: #0891b2;
}

html[data-theme="light"] .deposit-lixi-panel__line--muted,
html[data-theme="light"] .deposit-lixi-panel__desc {
  color: #64748b;
}

html[data-theme="light"] .quick-deposit-btn--success {
  border-color: #6ee7b7;
  color: #059669;
}

html[data-theme="light"] .quick-deposit-btn--warning {
  border-color: #fcd34d;
  color: #b45309;
}

html[data-theme="light"] .quick-deposit-btn--danger {
  border-color: #fca5a5;
  color: #dc2626;
}

/* ═══════════════════════════════════════════
   POPUP CHUYỂN KHOẢN
   ═══════════════════════════════════════════ */
html[data-theme="light"] .bank-transfer-modal .btx-panel {
  background: linear-gradient(145deg, #ffffff, #f8fafc);
  border-color: #e2e8f0;
  box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.15);
}

html[data-theme="light"] .bank-transfer-modal .btx-title,
html[data-theme="light"] .bank-transfer-modal .btx-header {
  color: #0f172a;
  border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .bank-transfer-modal .btx-close {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #64748b;
}

html[data-theme="light"] .bank-transfer-modal .btx-close:hover {
  background: #f1f5f9;
  color: #0f172a;
}

html[data-theme="light"] .bank-transfer-modal .btx-footer {
  border-top-color: #e2e8f0;
}

html[data-theme="light"] .btp-card {
  background: #ffffff;
  border-color: #e2e8f0;
}

html[data-theme="light"] .btp-card__title {
  color: #0f172a;
}

html[data-theme="light"] .btp-tabs {
  border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .btp-tabs__label {
  color: #64748b;
}

html[data-theme="light"] .btp-segmented {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

html[data-theme="light"] .btp-segmented-bg {
  background: #ffffff;
  border-color: #e2e8f0;
}

html[data-theme="light"] button.btp-switch {
  color: #64748b;
}

html[data-theme="light"] button.btp-switch.active {
  color: #0f172a;
}

html[data-theme="light"] .btp-label {
  color: #64748b;
}

html[data-theme="light"] .btp-value {
  color: #0f172a;
}

html[data-theme="light"] .btp-value--mono,
html[data-theme="light"] .btp-copy-value {
  color: #059669;
}

html[data-theme="light"] .btp-warning {
  background: linear-gradient(to right, #fffbeb, #fefce8);
  color: #b45309;
  border-left-color: #f59e0b;
}

html[data-theme="light"] .btp-live-note {
  color: #b45309;
}

html[data-theme="light"] .btp-status-badge {
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #b45309;
}

html[data-theme="light"] .vps-modal-btn {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] .vps-modal-btn--muted {
  background: #1e293b;
  border-color: #1e293b;
  color: #ffffff;
}

html[data-theme="light"] .vps-modal-btn--primary {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
  color: #ffffff;
}

html[data-theme="light"] .vps-modal-btn--ghost {
  background: #ffffff;
  color: #334155;
}

/* ═══════════════════════════════════════════
   LỊCH SỬ HÓA ĐƠN (billing-panel)
   ═══════════════════════════════════════════ */
html[data-theme="light"] .billing-stat {
  background: #ffffff;
  border-color: #e2e8f0;
}

html[data-theme="light"] .billing-stat:hover {
  border-color: #cbd5e1;
}

html[data-theme="light"] .billing-stat--active {
  background: #ecfeff;
  border-color: #67e8f9;
  box-shadow: 0 0 0 1px rgba(8, 145, 178, 0.15) inset;
}

html[data-theme="light"] .billing-stat__label {
  color: #64748b;
}

html[data-theme="light"] .billing-stat__value {
  color: #0f172a;
}

html[data-theme="light"] .billing-card {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .billing-card--ok {
  border-color: rgba(16, 185, 129, 0.35);
}

html[data-theme="light"] .billing-card--pending,
html[data-theme="light"] .billing-card--overdue {
  border-color: rgba(245, 158, 11, 0.4);
}

html[data-theme="light"] .billing-card__id {
  color: #0f172a;
}

html[data-theme="light"] .billing-card__created-at {
  color: #94a3b8;
}

html[data-theme="light"] .billing-card__desc,
html[data-theme="light"] .billing-card__meta {
  color: #64748b;
}

html[data-theme="light"] .billing-card__meta strong {
  color: #0f172a;
}

html[data-theme="light"] .billing-card__details-list {
  color: #475569;
}

html[data-theme="light"] .billing-card__pay-hint:not(.hidden) {
  color: #b45309;
}

html[data-theme="light"] .billing-cancel-btn {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #64748b;
}

/* Chi tiết dịch vụ — bento cells */
html[data-theme="light"] #view-profile .qldv-bento-cell {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-profile .qldv-bento-cell--clickable:hover {
  background: #ffffff;
  border-color: rgba(8, 145, 178, 0.35);
}

html[data-theme="light"] #view-profile .qldv-bento-cell .qldv-cell-val {
  color: #0f172a;
}

html[data-theme="light"] #view-profile .qldv-details-inner {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #view-profile .qldv-manage-btn {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] #view-profile .qldv-manage-btn:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

html[data-theme="light"] #view-profile .qldv-autorenew-btn {
  color: #64748b;
}

html[data-theme="light"] #view-profile .qldv-remain-pill {
  background: #f1f5f9;
  color: #475569;
  border-color: #e2e8f0;
}

/* Gia hạn VPS modal */
html[data-theme="light"] #vps-renew-modal .vps-renew-panel {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] #vps-renew-modal .vps-renew-option {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}

html[data-theme="light"] #vps-renew-modal .vps-renew-option.active {
  background: #ecfeff;
  border-color: #0891b2;
}

html[data-theme="light"] #vps-renew-modal .vps-renew-month__title {
  color: #334155;
}

html[data-theme="light"] #vps-renew-modal .vps-renew-month__price {
  color: #0f172a;
}

html[data-theme="light"] #vps-renew-modal .vps-renew-breakdown {
  background: #f8fafc;
  border-color: #e2e8f0;
}

html[data-theme="light"] #vps-renew-modal .vps-renew-breakdown__label {
  color: #64748b;
}

html[data-theme="light"] #vps-renew-modal .vps-renew-breakdown__amt {
  color: #0f172a;
}