/**
 * Lite UI compact — chỉ chỉnh giao diện (giữ nguyên chức năng).
 * Phẳng hơn, denser, bớt glow/blur/shadow nặng.
 */

/* ── Shell / announce ── */
.site-announce {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── Profile: flat + denser ── */
#view-profile .qldv-ambient,
#view-profile .qldv-profile-glow,
#view-profile .qldv-card-glow-line,
#view-profile .ttv-member-vip-glow,
#settings-panel .ttv-member-root .vip-glow {
  display: none !important;
}

#view-profile .qldv-glass-box {
  border-radius: 1rem !important;
  box-shadow: var(--lite-shadow, 0 1px 3px rgba(15, 23, 42, 0.06)) !important;
  background: var(--lite-card-bg, rgba(255, 255, 255, 0.88)) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

#view-profile .qldv-app-container {
  padding: 0.75rem !important;
}

@media (min-width: 1024px) {
  #view-profile .qldv-app-container {
    padding: 1rem !important;
  }

  #view-profile .qldv-sidebar {
    width: 248px !important;
  }
}

#view-profile .qldv-app-wrapper,
#view-profile .qldv-sidebar {
  gap: 0.75rem !important;
}

#view-profile .qldv-profile-card {
  padding: 0.875rem 1rem !important;
}

#view-profile .qldv-nav-menu {
  padding: 0.35rem !important;
}

#view-profile .qldv-nav-item {
  padding: 0.55rem 0.7rem !important;
  border-radius: 8px !important;
  font-size: 0.875rem !important;
  gap: 0.55rem !important;
}

#view-profile .qldv-deposit-btn {
  padding: 0.55rem 0.75rem !important;
  border-radius: 0.75rem !important;
  font-size: 0.8125rem !important;
}

#view-profile .qldv-page-title {
  font-size: 1.25rem !important;
  margin-bottom: 0.75rem !important;
}

#view-profile .qldv-service-card,
#view-profile .qldv-glass-box.qldv-service-card {
  border-radius: 1rem !important;
  padding: 0.875rem 1rem !important;
  box-shadow: var(--lite-shadow, 0 1px 3px rgba(15, 23, 42, 0.06)) !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

#view-profile .qldv-service-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--lite-shadow-hover, 0 12px 28px -10px rgba(15, 23, 42, 0.1)) !important;
}

#view-profile .qldv-card-icon-box {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 10px !important;
}

#view-profile .qldv-main .qldv-panel,
#view-profile .qldv-content-panel {
  border-radius: 12px !important;
}

/* Member / affiliate cards: giữ màu, bỏ glow nặng */
#settings-panel .ttv-member-root .vip-card,
#settings-panel .ttv-member-root .card,
#settings-panel .ttv-member-root .tier-card,
#affiliate-panel .card,
.ttv-member-root .vip-card {
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

#settings-panel .ttv-member-root .vip-card {
  background: #fff !important;
}

.ttv-member-vip-glow,
.vip-glow {
  display: none !important;
}

/* ── Catalog: card gọn ── */
.lite-catalog-surface .service-chip {
  font-size: 0.7rem !important;
  padding: 0.2rem 0.55rem !important;
}

.lite-catalog-surface .service-grid {
  gap: 1rem !important;
}

.lite-catalog-surface .plan-card,
.lite-catalog-surface .plan-card.spcard {
  border-radius: 12px !important;
  padding: 1rem 1rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  min-height: 0 !important;
}

.lite-catalog-surface .plan-card:hover,
.lite-catalog-surface .plan-card.spcard:hover {
  transform: none !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
}

.lite-catalog-surface .plan-card--vps.is-popular,
.lite-catalog-surface .plan-card--hosting.is-popular,
.lite-catalog-surface .plan-card--email.is-popular {
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

.lite-catalog-surface .service-tabs {
  border-radius: 10px !important;
  padding: 0.35rem !important;
  margin-bottom: 1rem !important;
}

.lite-catalog-surface .tabs-row .tab-btn {
  padding: 0.45rem 0.85rem !important;
  font-size: 0.8125rem !important;
  border-radius: 8px !important;
}

.plan-card {
  min-height: 0;
}

/* ── Proxy: bỏ glow, card phẳng ── */
#view-proxy .proxy-page-surface .proxy-glow-cyan,
#view-proxy .proxy-page-surface .proxy-glow-purple,
#view-proxy .proxy-page-surface .proxy-glow-emerald,
#view-proxy .proxy-page-surface .proxy-ambient-glow {
  display: none !important;
}

#view-proxy .proxy-page-surface .proxy-page-header.header {
  margin-bottom: 1rem !important;
  padding-top: 0.5rem !important;
}

#view-proxy .proxy-page-surface .main-title {
  font-size: 1.75rem !important;
  margin: 0.35rem 0 !important;
}

#view-proxy .proxy-page-surface .sub-title {
  font-size: 0.9rem !important;
}

#view-proxy .proxy-page-surface .proxy-card,
#view-proxy .proxy-page-surface .bento-card {
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#view-proxy .proxy-page-surface .bento-grid {
  gap: 1rem !important;
}

#view-proxy .proxy-page-surface .nav-group,
#view-proxy .proxy-page-surface .filter-group {
  border-radius: 10px !important;
}

/* ── Checkout: denser panels ── */
#checkout-root.checkout-page {
  padding-top: 0.75rem !important;
}

#checkout-root .lg\:col-span-2 > .bg-slate-900,
#checkout-root .rounded-2xl,
#checkout-root .rounded-3xl {
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

#checkout-root .lg\:col-span-2 h3.text-xl {
  font-size: 1.05rem !important;
  margin-bottom: 1rem !important;
}

/* ── Deposit / lucky / bank modal: bớt trang trí ── */
.deposit-modal__backdrop,
.lucky-modal__backdrop,
.bank-transfer-modal .vps-modal__backdrop,
.vps-modal__backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.deposit-glow-tr,
.deposit-glow-bl {
  display: none !important;
}

.deposit-modal__panel {
  background: #fff !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.14) !important;
  border-radius: 14px !important;
}

.deposit-modal__header {
  background: #fff !important;
  border-radius: 14px 14px 0 0 !important;
}

/* ── Prefers reduced motion: tắt hover lift còn sót ── */
@media (prefers-reduced-motion: reduce) {
  .lite-catalog-surface .plan-card,
  .lite-catalog-surface .plan-card.spcard {
    transition: none !important;
  }
}