/*
 * QUANGCAOWIFI.COM - SUNNY LIGHT THEME
 * Ghi đè toàn bộ giao diện tối (dark) của theme sang sáng, thân thiện.
 * Khớp với hệ thiết kế trang chủ (qcw-home-v2): --qcw-blue:#1756ed, --qcw-ink:#132645.
 * File này được nạp SAU CÙNG nên thắng trong cascade.
 */

:root {
    --sun-blue: #1756ed;
    --sun-blue-dark: #0e43c5;
    --sun-sky: #0ea5e9;
    --sun-ink: #132645;
    --sun-body: #45536b;
    --sun-muted: #63718a;
    --sun-faint: #8b99ac;
    --sun-line: #e3e9f2;
    --sun-line-soft: #eef2f8;
    --sun-soft: #f5f8fd;
    --sun-card: #ffffff;
    --sun-amber: #f59e0b;
}

/* ---------- Nền trang & chữ mặc định (trang con) ---------- */
body {
    background: #ffffff !important;
    color: var(--sun-body);
}

/* ---------- Mặt phẳng tối -> sáng ---------- */
.bg-slate-950 { background-color: #f1f5f9 !important; border-color: #dbe3f1 !important; }
.bg-slate-950\/60 { background-color: rgb(241 245 249 / 0.6) !important; }
.bg-slate-950\/80 { background-color: rgb(241 245 249 / 0.8) !important; }
.bg-slate-900 { background-color: #ffffff !important; }
.bg-slate-900\/30 { background-color: rgb(245 248 253 / 0.9) !important; }
.bg-slate-900\/50 { background-color: rgb(245 248 253 / 0.95) !important; }
.bg-slate-900\/60 { background-color: #ffffff !important; }
.bg-slate-900\/70 { background-color: #ffffff !important; }
.bg-slate-900\/80 { background-color: rgb(255 255 255 / 0.92) !important; }
.bg-slate-900\/90 { background-color: rgb(255 255 255 / 0.95) !important; }
.bg-slate-800 { background-color: #eef2f8 !important; }
.bg-blue-950\/20 { background-color: #eaf1ff !important; }
.bg-blue-950\/30 { background-color: #e3ecff !important; }
.bg-blue-950\/40 { background-color: #dbe7ff !important; }
.bg-adtech-950 { background-color: #ffffff !important; }
.bg-adtech-950\/40 { background-color: rgb(245 248 253 / 0.9) !important; }
.bg-adtech-950\/60 { background-color: #f5f8fd !important; }
.bg-adtech-950\/95 { background-color: rgb(255 255 255 / 0.97) !important; }
.bg-adtech-900 { background-color: #f5f8fd !important; }
.bg-adtech-cyan { background-color: var(--sun-blue) !important; }
.bg-adtech-cyan\/10 { background-color: #eaf1ff !important; }
.bg-adtech-cyan\/20 { background-color: #dbe7ff !important; }

/* ---------- Chữ trên nền tối cũ ---------- */
.text-slate-950 { color: var(--sun-ink) !important; }
/* Chữ sáng trên nền tối cũ -> chữ đậm trên nền sáng */
.text-white { color: var(--sun-ink) !important; }
.text-slate-100 { color: #1e3a5f !important; }
.text-slate-200 { color: #334155 !important; }
.text-slate-300 { color: #475569 !important; }
.text-slate-400 { color: #63718a !important; }
.text-slate-500 { color: #64748b !important; }
.text-adtech-cyan { color: var(--sun-blue) !important; }
.text-adtech-sky { color: #0284c7 !important; }
.text-emerald-400 { color: #0d8a5f !important; }
.text-emerald-300 { color: #0d8a5f !important; }
.text-amber-300 { color: #b45309 !important; }
.text-amber-400 { color: #b45309 !important; }
.text-amber-200 { color: #92600a !important; }
.text-blue-300 { color: #1756ed !important; }
.text-cyan-300 { color: #0284c7 !important; }
.text-cyan-400 { color: #0284c7 !important; }
.text-sky-400 { color: #0284c7 !important; }
.text-red-400 { color: #dc2626 !important; }
.text-rose-400 { color: #dc2626 !important; }

/* ---------- Viền tối -> sáng ---------- */
.border-slate-800 { border-color: var(--sun-line) !important; }
.border-slate-800\/40 { border-color: var(--sun-line-soft) !important; }
.border-slate-800\/80 { border-color: var(--sun-line-soft) !important; }
.border-white\/5 { border-color: var(--sun-line-soft) !important; }
.border-white\/10 { border-color: var(--sun-line) !important; }
.border-white\/\[0\.05\] { border-color: var(--sun-line-soft) !important; }
.border-white\/\[0\.06\] { border-color: var(--sun-line-soft) !important; }
.border-white\/\[0\.08\] { border-color: var(--sun-line) !important; }
.border-white\/\[0\.1\] { border-color: var(--sun-line) !important; }
.border-adtech-cyan { border-color: #bcd4ff !important; }
.border-adtech-cyan\/10 { border-color: #e3ecff !important; }
.border-adtech-cyan\/20 { border-color: #d3e2ff !important; }
.border-adtech-cyan\/25 { border-color: #c2d7ff !important; }
.border-adtech-cyan\/30 { border-color: #bcd4ff !important; }
.border-adtech-cyan\/40 { border-color: #a9c6ff !important; }
.border-adtech-cyan\/50 { border-color: #9dbdff !important; }
.border-adtech-sky\/10 { border-color: var(--sun-line-soft) !important; }
.border-adtech-sky\/30 { border-color: #d3e2ff !important; }
.border-adtech-sky\/40 { border-color: #bcd4ff !important; }
.divide-slate-800\/60 > * + * { border-color: var(--sun-line-soft) !important; }

/* ---------- Hover/focus trên nền tối cũ ---------- */
.hover\:bg-slate-900:hover { background-color: var(--sun-soft) !important; }
.hover\:bg-slate-800:hover { background-color: #e8eefb !important; }
.hover\:border-adtech-cyan\/50:hover { border-color: #9dbdff !important; }
.hover\:border-adtech-cyan\/40:hover { border-color: #a9c6ff !important; }
.hover\:border-adtech-cyan\/30:hover { border-color: #bcd4ff !important; }
.hover\:border-adtech-cyan:hover { border-color: #9dbdff !important; }
.hover\:bg-adtech-cyan\/10:hover { background-color: #eaf1ff !important; }
.focus\:border-adtech-cyan:focus { border-color: var(--sun-blue) !important; }
.group:hover .group-hover\:bg-slate-900 { background-color: var(--sun-soft) !important; }

/* ---------- Gradient stops tối -> sáng ---------- */
.from-blue-950 { --tw-gradient-from: #e8efff !important; --tw-gradient-to: rgb(232 239 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-950\/40 { --tw-gradient-from: rgb(232 239 255 / 0.5) !important; --tw-gradient-to: rgb(232 239 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-slate-950 { --tw-gradient-to: rgb(245 248 253 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), #f5f8fd, var(--tw-gradient-to) !important; }
.via-slate-900 { --tw-gradient-to: rgb(255 255 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), #ffffff, var(--tw-gradient-to) !important; }
.via-adtech-cyan { --tw-gradient-to: rgb(23 86 237 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), #dbe7ff, var(--tw-gradient-to) !important; }
.to-slate-950 { --tw-gradient-to: #f5f8fd !important; }
.to-indigo-950 { --tw-gradient-to: #eef2ff !important; }
.to-adtech-950 { --tw-gradient-to: #ffffff !important; }
.to-adtech-cyan { --tw-gradient-to: #9dbdff !important; }
.to-blue-950\/30 { --tw-gradient-to: rgb(227 236 255 / 0.4) !important; }
.from-slate-950 { --tw-gradient-from: #f5f8fd !important; --tw-gradient-to: rgb(245 248 253 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-slate-900 { --tw-gradient-from: #ffffff !important; --tw-gradient-to: rgb(255 255 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-adtech-cyan { --tw-gradient-from: #dbe7ff !important; --tw-gradient-to: rgb(219 231 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }

/* ---------- Nền mesh & pattern tối -> sáng ---------- */
.bg-obsidian-mesh {
    background-color: #f8fbff !important;
    background-image:
        radial-gradient(at 0% 0%, rgba(23, 86, 237, 0.07) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(14, 165, 233, 0.06) 0px, transparent 50%),
        radial-gradient(at 50% 50%, rgba(245, 158, 11, 0.04) 0px, transparent 50%) !important;
}
.cyber-grid-bg {
    background-image:
        linear-gradient(to right, rgba(23, 86, 237, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(23, 86, 237, 0.05) 1px, transparent 1px) !important;
    -webkit-mask-image: radial-gradient(ellipse 75% 60% at 50% 10%, #000 50%, transparent 100%) !important;
    mask-image: radial-gradient(ellipse 75% 60% at 50% 10%, #000 50%, transparent 100%) !important;
}
.cyber-dot-bg {
    background-image: radial-gradient(rgba(23, 86, 237, 0.10) 1px, transparent 1px) !important;
}

/* ---------- Component kính (glass) -> trắng mờ ---------- */
.glass-enterprise {
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid var(--sun-line) !important;
    box-shadow: 0 10px 40px -12px rgba(23, 86, 237, 0.12), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}
.glass-enterprise-hover:hover {
    background: #ffffff !important;
    border-color: #bcd4ff !important;
    box-shadow: 0 18px 44px -14px rgba(23, 86, 237, 0.22) !important;
    transform: translateY(-3px);
}
.glass-panel {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid var(--sun-line) !important;
    box-shadow: 0 10px 40px -12px rgba(23, 86, 237, 0.10) !important;
}
.glass-card {
    background: #ffffff !important;
    border: 1px solid var(--sun-line-soft) !important;
    box-shadow: 0 4px 24px -6px rgba(19, 38, 69, 0.07) !important;
}
.glass-card:hover {
    border-color: #bcd4ff !important;
    box-shadow: 0 16px 40px -12px rgba(23, 86, 237, 0.18) !important;
    transform: translateY(-3px);
}

/* ---------- Nút bấm ---------- */
.btn-glow-cyan {
    background: linear-gradient(135deg, #2f6bf2 0%, var(--sun-blue) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px -6px rgba(23, 86, 237, 0.45), inset 0 1px 1px rgba(255,255,255,0.35) !important;
}
.btn-glow-cyan:hover {
    box-shadow: 0 12px 30px -6px rgba(23, 86, 237, 0.55) !important;
    transform: translateY(-2px);
    filter: brightness(1.04);
}
.gradient-btn {
    background: linear-gradient(135deg, #2f6bf2 0%, var(--sun-blue) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px -6px rgba(23, 86, 237, 0.45) !important;
}
.gradient-btn:hover {
    box-shadow: 0 12px 28px -6px rgba(23, 86, 237, 0.55) !important;
    transform: translateY(-2px);
}
.gradient-text {
    background: linear-gradient(120deg, var(--sun-blue) 0%, #3b82f6 60%, var(--sun-amber) 115%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: none !important;
}
.hero-headline-gradient {
    background: linear-gradient(120deg, var(--sun-blue) 0%, #3b82f6 55%, #f59e0b 115%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: none !important;
}
.text-glow-cyan, .text-glow-emerald { text-shadow: none !important; }
.stat-number-glow { color: var(--sun-blue) !important; text-shadow: none !important; }

/* ---------- Navigation (mega menu) ---------- */
.nav-link-pill { color: var(--sun-body) !important; }
.nav-link-pill:hover { color: var(--sun-blue) !important; background: var(--sun-soft) !important; }
.nav-link-pill::after { background: var(--sun-blue) !important; }
.mega-menu-box {
    background: #ffffff !important;
    border: 1px solid var(--sun-line) !important;
    box-shadow: 0 24px 60px -18px rgba(23, 86, 237, 0.22) !important;
}
.mega-sub-item:hover { background: var(--sun-soft) !important; border-color: var(--sun-line) !important; }
.nav-mega-dropdown { filter: none !important; }

/* ---------- Badge & chip ---------- */
.chip-badge {
    background: #ffffff !important;
    border: 1px solid #bcd4ff !important;
    color: var(--sun-blue) !important;
    box-shadow: 0 2px 10px rgba(23, 86, 237, 0.08) !important;
}
.badge-vibrant-cyan {
    background: var(--sun-blue) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(23, 86, 237, 0.35) !important;
}
.badge-live-pulse { box-shadow: 0 0 0 rgba(23,86,237,0) !important; }
.status-indicator-dot { background-color: #10b981 !important; box-shadow: 0 0 8px rgba(16,185,129,0.7) !important; }

/* ---------- Card các loại ---------- */
.bento-card {
    background: #ffffff !important;
    border: 1px solid var(--sun-line-soft) !important;
    box-shadow: 0 4px 24px -6px rgba(19, 38, 69, 0.06) !important;
}
.bento-card:hover {
    border-color: #bcd4ff !important;
    box-shadow: 0 14px 36px -12px rgba(23, 86, 237, 0.18) !important;
}
.bento-card::before { opacity: 0.35 !important; }
.pitch-card, .guarantee-card {
    background: #ffffff !important;
    border: 1px solid var(--sun-line-soft) !important;
    box-shadow: 0 4px 24px -6px rgba(19, 38, 69, 0.06) !important;
}
.adtech-card-hover:hover {
    box-shadow: 0 16px 36px -10px rgba(23, 86, 237, 0.18) !important;
    border-color: #bcd4ff !important;
}
.marquee-logo-card {
    background: #ffffff !important;
    border: 1px solid var(--sun-line-soft) !important;
    box-shadow: 0 2px 12px rgba(19, 38, 69, 0.05) !important;
}
.card-sheen::after { opacity: 0.5 !important; }
.venue-card.selected {
    border-color: var(--sun-blue) !important;
    background: #eaf1ff !important;
    box-shadow: 0 0 20px rgba(23, 86, 237, 0.15) !important;
}
.section-hairline {
    background: linear-gradient(90deg, transparent 0%, #dbe7ff 20%, #bcd4ff 50%, #dbe7ff 80%, transparent 100%) !important;
}
.workflow-beam-connector {
    background: linear-gradient(90deg, var(--sun-blue) 0%, #7db3f8 50%, #10b981 100%) !important;
    opacity: 0.4 !important;
}

/* ---------- Glow orbs -> pastel ---------- */
.ambient-glow-orb { opacity: 0.55 !important; }
.glow-cyan-soft { background: radial-gradient(circle, rgba(23,86,237,0.10), transparent 70%) !important; }
.glow-purple-soft { background: radial-gradient(circle, rgba(139,92,246,0.08), transparent 70%) !important; }
.glow-emerald-soft { background: radial-gradient(circle, rgba(16,185,129,0.08), transparent 70%) !important; }
.floating-glow { opacity: 0.6 !important; }

/* ---------- Form ---------- */
.input-adtech {
    background: #ffffff !important;
    border: 1.5px solid var(--sun-line) !important;
    color: var(--sun-ink) !important;
    border-radius: 12px !important;
}
.input-adtech:focus {
    border-color: var(--sun-blue) !important;
    box-shadow: 0 0 0 4px rgba(23, 86, 237, 0.12) !important;
}
.input-adtech::placeholder { color: #9aa8bf !important; }
input[type="range"] { background: #e3e9f2 !important; }
input[type="range"]::-webkit-slider-thumb {
    background: var(--sun-blue) !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 0 12px rgba(23, 86, 237, 0.5) !important;
}
input[type="range"]::-moz-range-thumb {
    background: var(--sun-blue) !important;
    border: 3px solid #ffffff !important;
}

/* ---------- FAQ / accordion ---------- */
.faq-accordion-item {
    background: #ffffff !important;
    border: 1px solid var(--sun-line-soft) !important;
    box-shadow: 0 2px 12px rgba(19, 38, 69, 0.04) !important;
}
.faq-accordion-item.faq-active { border-color: #bcd4ff !important; }

/* ---------- Chips, tabs, pills ---------- */
.persona-chip, .proposal-chip, .currency-pill-btn, .case-study-tab {
    background: #ffffff !important;
    border: 1px solid var(--sun-line) !important;
    color: var(--sun-body) !important;
}
.persona-chip.active, .proposal-chip.active, .currency-pill-btn.active, .case-study-tab.active {
    background: var(--sun-blue) !important;
    border-color: var(--sun-blue) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px -6px rgba(23, 86, 237, 0.5) !important;
}

/* ---------- Data viz ---------- */
.poll-fill-bar { background: linear-gradient(90deg, #2f6bf2, var(--sun-blue)) !important; }
.video-countdown-bar { background: var(--sun-blue) !important; }
.sound-bar { background: var(--sun-blue) !important; opacity: 0.75; }
.qr-laser-line { background: linear-gradient(90deg, transparent, var(--sun-blue), transparent) !important; }
.radar-blip { background: var(--sun-blue) !important; box-shadow: 0 0 10px rgba(23,86,237,0.6) !important; }
.radar-hub-btn { background: #ffffff !important; border-color: #bcd4ff !important; color: var(--sun-blue) !important; }
.radar-hub-btn.active { background: var(--sun-blue) !important; color: #fff !important; }
.radar-sweep-cone { opacity: 0.25 !important; }

/* ---------- Bảng biểu ---------- */
.justification-table th, .justification-table td { border-color: var(--sun-line) !important; }
.justification-table th { background: var(--sun-soft) !important; color: var(--sun-ink) !important; }
.justification-table td { color: var(--sun-body) !important; }
.justification-cell-winner { background: #eaf1ff !important; color: var(--sun-blue) !important; }

/* ---------- Nội dung bài viết ---------- */
.article-content h3 { color: var(--sun-ink) !important; }
.article-content h4 { color: var(--sun-ink) !important; }
.article-content p, .article-content ul, .article-content ol { color: var(--sun-body) !important; }
.article-content strong { color: var(--sun-ink) !important; }
.article-content a { color: var(--sun-blue) !important; }

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar-track { background: #eef2f8 !important; }
::-webkit-scrollbar-thumb { background: #c3d4f5 !important; }
::-webkit-scrollbar-thumb:hover { background: var(--sun-blue) !important; }

/* ---------- Phone mockup: giữ khung nhưng sáng viền ---------- */
.phone-titanium-bezel { box-shadow: 0 25px 50px -12px rgba(23, 86, 237, 0.25) !important; }

/* ---------- Bổ sung: chữ xám nhạt -> đậm để đọc được trên nền sáng ---------- */
.hover\:text-adtech-cyan:hover { color: #0284c7 !important; }
.group:hover .group-hover\:text-adtech-cyan { color: #0284c7 !important; }

/* ---------- Bổ sung đợt 2: floating CTA, modal, hover trắng ---------- */
.bg-slate-950\/90 { background-color: rgb(255 255 255 / 0.95) !important; box-shadow: 0 10px 30px -8px rgba(23,86,237,0.25) !important; }
.hover\:text-white:hover { color: #ffffff !important; }
.border-adtech-sky\/20 { border-color: #d3e2ff !important; }
.bg-black\/80 { background-color: rgb(19 38 69 / 0.45) !important; }

/* ---------- Bổ sung đợt 3: phủ hết các biến thể tối còn lại ---------- */
.bg-slate-900\/95 { background-color: rgb(255 255 255 / 0.97) !important; }
.bg-slate-950\/40 { background-color: rgb(241 245 249 / 0.5) !important; }
.bg-slate-950\/70 { background-color: rgb(241 245 249 / 0.75) !important; }
.bg-slate-950\/95 { background-color: rgb(241 245 249 / 0.97) !important; }
.border-adtech-950 { border-color: var(--sun-line) !important; }
.border-slate-800\/50 { border-color: var(--sun-line-soft) !important; }
.border-slate-800\/60 { border-color: var(--sun-line-soft) !important; }
.border-white\/20 { border-color: var(--sun-line) !important; }
.border-white\/40 { border-color: #d3e2ff !important; }
.border-white\/\[0\.12\] { border-color: var(--sun-line) !important; }
.divide-slate-800 > * + * { border-color: var(--sun-line-soft) !important; }
.from-blue-900\/40 { --tw-gradient-from: rgb(219 231 255 / 0.5) !important; --tw-gradient-to: rgb(219 231 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-950\/60 { --tw-gradient-from: rgb(232 239 255 / 0.65) !important; --tw-gradient-to: rgb(232 239 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-950\/80 { --tw-gradient-from: rgb(232 239 255 / 0.85) !important; --tw-gradient-to: rgb(232 239 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-950\/90 { --tw-gradient-from: rgb(232 239 255 / 0.93) !important; --tw-gradient-to: rgb(232 239 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-950\/95 { --tw-gradient-from: rgb(232 239 255 / 0.97) !important; --tw-gradient-to: rgb(232 239 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-slate-900\/90 { --tw-gradient-from: rgb(255 255 255 / 0.93) !important; --tw-gradient-to: rgb(255 255 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:bg-blue-900\/40:hover { background-color: #eaf1ff !important; }
.hover\:bg-blue-950\/90:hover { background-color: #e3ecff !important; }
.to-blue-900\/40 { --tw-gradient-to: rgb(219 231 255 / 0.5) !important; }
.to-blue-950\/60 { --tw-gradient-to: rgb(232 239 255 / 0.65) !important; }
.to-slate-900 { --tw-gradient-to: #ffffff !important; }
.to-slate-900\/80 { --tw-gradient-to: rgb(255 255 255 / 0.85) !important; }
.to-slate-950\/80 { --tw-gradient-to: rgb(245 248 253 / 0.85) !important; }
.via-adtech-900\/90 { --tw-gradient-to: rgb(245 248 253 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(245 248 253 / 0.93), var(--tw-gradient-to) !important; }
.via-adtech-900\/95 { --tw-gradient-to: rgb(245 248 253 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(245 248 253 / 0.97), var(--tw-gradient-to) !important; }
.via-blue-950\/40 { --tw-gradient-to: rgb(232 239 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(232 239 255 / 0.5), var(--tw-gradient-to) !important; }
.via-slate-900\/60 { --tw-gradient-to: rgb(255 255 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.65), var(--tw-gradient-to) !important; }
.via-slate-900\/80 { --tw-gradient-to: rgb(255 255 255 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.85), var(--tw-gradient-to) !important; }
.via-slate-950\/80 { --tw-gradient-to: rgb(245 248 253 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(245 248 253 / 0.85), var(--tw-gradient-to) !important; }

/* ---------- Tăng độ rõ cho bảng giá (fix "mờ khó xem") ---------- */
table .font-mono { font-weight: 700 !important; }
th { font-weight: 800 !important; }
/* Đảm bảo chữ trong bảng đủ đậm */
td.text-slate-400, td .text-slate-400 { color: #475569 !important; }
.text-\[11px\] { font-size: 12px !important; }
/* Badge/chip rõ hơn */
.chip-badge {
    background: #eef4ff !important;
    color: #1756ed !important;
    border: 1px solid #bcd4ff !important;
    font-weight: 800 !important;
}