/* STR — Giao diện (bottom sheet / modal) */

/* Panel theo nền đã chọn (Đen / Nhiều màu / Trắng) — ghi đè body.dark-mode * */
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-sheet {
    background: var(--str-bg-card, #101010) !important;
    color: var(--str-text-main, #f0f0f0) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.55) !important;
}

body.str-feng-shui-active.str-bg-cosmic .str-theme-overlay .str-theme-sheet {
    background: linear-gradient(
        160deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.12)) 0%,
        rgba(15, 23, 42, 0.92) 45%,
        var(--str-cosmic-card-b, rgba(168, 85, 247, 0.1)) 100%
    ) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.str-feng-shui-active.str-pure-white .str-theme-overlay .str-theme-sheet {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid var(--fs-accent-border, #e5e7eb) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-handle {
    background: var(--fs-accent-border, rgba(255, 255, 255, 0.25)) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-card {
    background: rgba(0, 0, 0, 0.32) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-row,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-custom-row,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-accent-btn {
    color: var(--str-text-main, #f0f0f0) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-header h2,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-row-title,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-switch-text strong,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-custom-label {
    color: var(--str-text-main, #f0f0f0) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-section-label,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-row-sub,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-accent-label,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-switch-text span {
    color: var(--str-text-muted, #e0e0e0) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-row:hover {
    background: var(--str-accent-soft, rgba(255, 255, 255, 0.06)) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-row + .str-theme-row,
body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-custom-row {
    border-top-color: var(--fs-accent-border, rgba(255, 255, 255, 0.12)) !important;
    background: transparent !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-custom-row {
    border-top: 1px solid var(--fs-accent-border, rgba(255, 255, 255, 0.12)) !important;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-accent-circle.selected {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 2px var(--str-text-main, #fff) inset !important;
}

body.str-feng-shui-active .str-theme-overlay .str-theme-ok,
body.str-feng-shui-active .str-theme-overlay .str-theme-check,
body.str-feng-shui-active .str-theme-overlay .str-theme-frame-icon {
    color: var(--fs-accent, #d97706) !important;
}

.str-theme-overlay {
    position: fixed;
    inset: 0;
    z-index: 120000;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.str-theme-overlay.open {
    opacity: 1;
    pointer-events: auto;
}

.str-theme-sheet {
    width: 100%;
    max-width: 520px;
    max-height: min(92vh, 820px);
    background: #f3f4f6;
    color: #111827;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
}

.str-theme-overlay.open .str-theme-sheet {
    transform: translateY(0);
}

@media (min-width: 640px) {
    .str-theme-overlay {
        align-items: center;
    }
    .str-theme-sheet {
        border-radius: 20px;
        max-height: 85vh;
    }
}

.str-theme-handle {
    width: 40px;
    height: 4px;
    background: #d1d5db;
    border-radius: 99px;
    margin: 10px auto 4px;
}

.str-theme-header {
    display: flex;
    align-items: center;
    padding: 4px 8px 12px;
    position: relative;
}

.str-theme-header h2 {
    flex: 1;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.str-theme-ok {
    border: none;
    background: transparent;
    color: var(--fs-accent, #d97706);
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    padding: 8px 12px;
}

.str-theme-body {
    overflow-y: auto;
    padding: 0 16px 24px;
    flex: 1;
}

.str-theme-section-label {
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    margin: 0 0 8px 4px;
}

.str-theme-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    margin-bottom: 20px;
}

.str-theme-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    font: inherit;
    color: #111827;
}

.str-theme-row:hover {
    background: #f9fafb;
}

.str-theme-row + .str-theme-row {
    border-top: 1px solid #f0f0f0;
}

.str-theme-row-title {
    font-weight: 700;
    font-size: 15px;
    color: #111827;
}

.str-theme-row-sub {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

.str-theme-row-text {
    flex: 1;
    min-width: 0;
}

.str-theme-check {
    color: var(--fs-accent, #d97706);
    font-size: 18px;
    font-weight: 700;
    width: 24px;
    text-align: center;
}

.str-theme-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.str-theme-dots {
    display: flex;
    gap: 4px;
    width: 52px;
    flex-shrink: 0;
}

.str-theme-circle-cosmic {
    background:
        radial-gradient(circle at 30% 35%, #38bdf8 0%, transparent 55%),
        radial-gradient(circle at 70% 65%, #a855f7 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, #10b981 0%, transparent 45%),
        #060913 !important;
}

.str-theme-circle-preview {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.str-theme-accents {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 14px 14px 8px;
    position: relative;
    z-index: 2;
}

.str-theme-accent-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0;
    min-width: 72px;
    position: relative;
    z-index: 2;
    touch-action: manipulation;
}

.str-theme-accent-btn * {
    pointer-events: none;
}

.str-theme-accent-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
}

.str-theme-accent-circle.selected {
    border: 3px solid #111827;
    box-shadow: 0 0 0 2px #fff inset;
}

.str-theme-accent-label {
    font-size: 11px;
    color: #6b7280;
    text-align: center;
    max-width: 80px;
}

.str-theme-color-input {
    position: fixed;
    left: -9999px;
    top: 50%;
    width: 48px;
    height: 48px;
    opacity: 0.01;
    border: none;
    padding: 0;
}

.str-theme-color-panel {
    border-top: 1px solid var(--fs-accent-border, #e5e7eb);
    padding: 12px 12px 10px;
    margin-top: 2px;
}

.str-theme-cp-preview-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.str-theme-cp-preview {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--fs-accent-border, rgba(255, 255, 255, 0.2));
    flex-shrink: 0;
}

.str-theme-cp-hex {
    font-size: 13px;
    font-weight: 700;
    font-family: ui-monospace, monospace;
    letter-spacing: 0.04em;
}

.str-theme-cp-sv-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--fs-accent-border, rgba(255, 255, 255, 0.15));
}

.str-theme-sv-canvas {
    display: block;
    width: 100%;
    height: auto;
    touch-action: none;
    cursor: crosshair;
}

.str-theme-cp-cursor {
    position: absolute;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45);
    pointer-events: none;
    left: 0;
    top: 0;
}

.str-theme-hue-slider {
    width: 100%;
    height: 14px;
    margin: 0 0 10px;
    appearance: none;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        #ff0000 0%,
        #ffff00 17%,
        #00ff00 33%,
        #00ffff 50%,
        #0000ff 67%,
        #ff00ff 83%,
        #ff0000 100%
    );
    outline: none;
}

.str-theme-hue-slider::-webkit-slider-thumb {
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.str-theme-hue-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.35);
}

.str-theme-palette-subhead {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 8px 2px 6px;
    opacity: 0.85;
}

.str-theme-accents-extra {
    padding: 4px 0 0 !important;
    gap: 10px 8px !important;
    max-height: 200px;
    overflow-y: auto;
}

.str-theme-accent-btn-compact {
    min-width: 64px !important;
}

.str-theme-accent-btn-compact .str-theme-accent-circle {
    width: 44px;
    height: 44px;
}

.str-theme-accent-btn-compact .str-theme-accent-label {
    font-size: 10px;
    max-width: 72px;
}

.str-theme-accent-menh {
    font-size: 9px;
    opacity: 0.75;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.str-theme-palette-hint {
    font-size: 11px;
    margin: 0 14px 10px;
    padding: 0;
    line-height: 1.35;
    color: #6b7280;
}

body.str-feng-shui-active:not(.str-pure-white) .str-theme-overlay .str-theme-palette-hint {
    color: var(--str-text-muted, #e0e0e0) !important;
}

.str-theme-palette-icon {
    cursor: pointer;
    font-size: 20px;
    margin-left: 6px;
    padding: 2px 4px;
    border-radius: 6px;
    line-height: 1;
}

.str-theme-palette-icon:hover {
    background: var(--str-accent-soft, rgba(0, 0, 0, 0.06));
}

.str-theme-custom-row .str-theme-custom-label {
    flex: 1;
}

.str-theme-custom-row .str-theme-check {
    margin-left: auto;
}

.str-theme-custom-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-top: 1px solid #f0f0f0;
    cursor: pointer;
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: #fff;
    font: inherit;
    text-align: left;
    color: #111827;
}

.str-theme-custom-label {
    flex: 1;
    font-weight: 500;
    color: #111827;
}

.str-theme-switch-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
}

.str-theme-switch-text {
    flex: 1;
}

.str-theme-switch-text strong {
    display: block;
    font-size: 14px;
    color: #111827;
}

.str-theme-switch-text span {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.35;
}

.str-theme-frame-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 2px solid var(--fs-accent, #d97706);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.str-theme-switch {
    position: relative;
    width: 48px;
    height: 28px;
    flex-shrink: 0;
}

.str-theme-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.str-theme-switch-slider {
    position: absolute;
    inset: 0;
    background: #d1d5db;
    border-radius: 99px;
    cursor: pointer;
    transition: 0.2s;
}

.str-theme-switch-slider::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: 0.2s;
}

.str-theme-switch input:checked + .str-theme-switch-slider {
    background: var(--fs-accent, #d97706);
}

.str-theme-switch input:checked + .str-theme-switch-slider::before {
    transform: translateX(20px);
}

/* Nền thuần (web) */
body.str-pure-black {
    background: #000 !important;
}

body.str-pure-white {
    background: #fff !important;
}/* [Removed #home-tab override] */body.str-themed-borders .tab-btn.active,
body.str-themed-borders .user-info-dropdown,
body.str-themed-borders .menu-card,
body.str-themed-borders .home-knowledge-card,
body.str-themed-borders .str-theme-card,
body.str-themed-borders #home-tab .hero-pill-item,
body.str-themed-borders #home-tab .info-card-intel,
body.str-themed-borders #home-tab .cat-card-intel,
body.str-themed-borders #home-tab .eco-card-intel,
body.str-themed-borders #home-tab .step-card-flow,
body.str-themed-borders #home-tab .table-responsive-intel,
body.str-themed-borders #home-tab .risk-card-intel {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

body.str-themed-borders #analysis-tab .card,
body.str-themed-borders #analysis-tab #analysis-result.card,
body.str-themed-borders #analysis-tab .info-section,
body.str-themed-borders #analysis-tab .info-section-compact,
body.str-themed-borders #analysis-tab .indicator-checkbox,
body.str-themed-borders #analysis-tab .analysis-header {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

body.str-themed-borders #priceboard-tab .priceboard-container,
body.str-themed-borders #priceboard-tab .pb-index-card,
body.str-themed-borders #priceboard-tab .pb-toolbar,
body.str-themed-borders #priceboard-tab .pb-table-wrapper {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

body.str-themed-borders #tonghop-tab .th-container,
body.str-themed-borders #tonghop-tab aside.th-left,
body.str-themed-borders #tonghop-tab .th-right,
body.str-themed-borders #tonghop-tab .th-chart-wrap,
body.str-themed-borders #tonghop-tab .th-table-wrap,
body.str-themed-borders #tonghop-tab .th-ticker-card {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

body.str-themed-borders #chart-tab .card.chart-wrapper,
body.str-themed-borders #chart-tab #global-toolbar-wrapper,
body.str-themed-borders #chart-tab div[id^="htf-bias-container"] {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

body.str-themed-borders #news-tab .nh-wrap,
body.str-themed-borders #news-tab .nh-main,
body.str-themed-borders #news-tab .nh-side-block,
body.str-themed-borders #news-tab .nh-tick,
body.str-themed-borders #news-tab .nh-feed-item,
body.str-themed-borders #news-tab .nh-an-top-tier,
body.str-themed-borders #news-tab .nh-an-sector-card,
body.str-themed-borders #news-tab .nh-report-card,
body.str-themed-borders #news-tab .nh-radar-focus-card,
body.str-themed-borders #news-tab .nh-event-radar-wrap,
body.str-themed-borders #news-tab .nh-cal-table-wrap {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

body.str-themed-borders #sps-cash-tab .sps-cash-metric-card,
body.str-themed-borders #sps-cash-tab .sps-cash-card,
body.str-themed-borders #sps-cash-tab .sps-balance-stat-box,
body.str-themed-borders #sps-cash-tab .sps-cash-table-wrap,
body.str-themed-borders #sps-cash-tab .sps-lock-card,
body.str-themed-borders #sps-cash-tab .sps-cash-unlinked-banner {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

body.str-themed-borders #sps-history-tab .sps-hist-nav,
body.str-themed-borders #sps-history-tab .sps-hist-card,
body.str-themed-borders #sps-history-tab .sps-hist-table-wrap,
body.str-themed-borders #sps-history-tab .sps-lock-card {
    border-color: var(--fs-accent-border, rgba(217, 119, 6, 0.45)) !important;
}

/* Đồng bộ toàn trang theo nền + màu nhấn ngũ hành */
body.str-feng-shui-active {
    background: var(--str-bg-base, #000) !important;
    color: var(--str-text-main, #f5f5f5) !important;
}/* [Removed #home-tab override] */

body.str-feng-shui-active.str-bg-cosmic {
    background: #060913 !important;
}

body.str-feng-shui-active.str-bg-cosmic #home-tab .hero-pill-item,
body.str-feng-shui-active.str-bg-cosmic #home-tab .info-card-intel,
body.str-feng-shui-active.str-bg-cosmic #home-tab .cat-card-intel,
body.str-feng-shui-active.str-bg-cosmic #home-tab .eco-card-intel,
body.str-feng-shui-active.str-bg-cosmic #home-tab .step-card-flow,
body.str-feng-shui-active.str-bg-cosmic #home-tab .table-responsive-intel,
body.str-feng-shui-active.str-bg-cosmic #home-tab .risk-card-intel {
    background: linear-gradient(
        145deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.1)) 0%,
        rgba(15, 23, 42, 0.52) 42%,
        var(--str-cosmic-card-b, rgba(168, 85, 247, 0.08)) 100%
    ) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.str-feng-shui-active.str-bg-cosmic #home-tab .compare-table-intel td.col-gold-highlight {
    background: rgba(15, 23, 42, 0.35) !important;
}

body.str-feng-shui-active.str-bg-cosmic #home-tab .compare-table-intel th.col-gold-highlight {
    background: rgba(11, 18, 32, 0.55) !important;
}

body.str-feng-shui-active .hero-headline,
body.dark-mode.str-feng-shui-active .hero-headline {
    background: none !important;
    -webkit-text-fill-color: var(--str-text-main) !important;
    color: var(--str-text-main) !important;
    filter: none !important;
}

body.str-feng-shui-active .hero-subheadline-gold,
body.dark-mode.str-feng-shui-active .hero-subheadline-gold {
    background: none !important;
    -webkit-text-fill-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
    filter: none !important;
}

body.str-feng-shui-active .hero-badge-tag,
body.str-feng-shui-active .section-tag-gold,
body.str-feng-shui-active .hero-pill-icon,
body.str-feng-shui-active .info-icon-badge,
body.str-feng-shui-active .cat-card-title,
body.str-feng-shui-active .footer-col h5,
body.str-feng-shui-active .step-num,
body.str-feng-shui-active .step-arrow-flow {
    color: var(--fs-accent) !important;
    -webkit-text-fill-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #home-tab .hero-pill-item,
body.str-feng-shui-active #home-tab .info-card-intel,
body.str-feng-shui-active #home-tab .cat-card-intel,
body.str-feng-shui-active #home-tab .eco-card-intel,
body.str-feng-shui-active #home-tab .step-card-flow,
body.str-feng-shui-active #home-tab .table-responsive-intel,
body.str-feng-shui-active #home-tab .risk-card-intel {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #home-tab .compare-table-intel {
    background: transparent !important;
}

body.str-feng-shui-active #home-tab .compare-table-intel th:not(.col-gold-highlight),
body.str-feng-shui-active #home-tab .compare-table-intel td:not(.col-gold-highlight) {
    background: transparent !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main, #fff) !important;
}

body.str-feng-shui-active #home-tab .hero-pill-item:hover,
body.str-feng-shui-active #home-tab .info-card-intel:hover,
body.str-feng-shui-active #home-tab .cat-card-intel:hover,
body.str-feng-shui-active #home-tab .eco-card-intel:hover,
body.str-feng-shui-active #home-tab .step-card-flow:hover {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 8px 28px color-mix(in srgb, var(--fs-accent) 20%, transparent) !important;
}

body.str-feng-shui-active #home-tab .eco-icon-badge,
body.str-feng-shui-active #home-tab .step-icon-badge,
body.str-feng-shui-active #home-tab .info-icon-badge {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
}

body.str-feng-shui-active #home-tab footer.home-footer-intel {
    background: transparent !important;
    background-color: transparent !important;
    border-top: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted, #e0e0e0) !important;
}

body.str-feng-shui-active #home-tab .footer-bottom-intel {
    background: transparent !important;
    border-top-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #home-tab .footer-col li,
body.str-feng-shui-active #home-tab .footer-bottom-intel p {
    color: var(--str-text-muted, #e0e0e0) !important;
}

body.str-feng-shui-active #home-tab .footer-col a {
    color: var(--str-text-muted, #e0e0e0) !important;
    -webkit-text-fill-color: var(--str-text-muted, #e0e0e0) !important;
}

body.str-feng-shui-active #home-tab .footer-col a:hover {
    color: var(--fs-accent) !important;
    -webkit-text-fill-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #home-tab .eco-link-btn {
    color: var(--fs-accent) !important;
    -webkit-text-fill-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #home-tab .compare-table-intel th.col-gold-highlight {
    background: var(--str-bg-surface, var(--str-bg-card)) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #home-tab .compare-table-intel td.col-gold-highlight {
    background: var(--str-bg-card) !important;
    border-left-color: var(--fs-accent) !important;
    border-right-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #home-tab .compare-table-intel .th-content-gold {
    color: var(--fs-accent) !important;
    -webkit-text-fill-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #home-tab .product-chip {
    border: 1px solid var(--fs-accent-border, color-mix(in srgb, var(--fs-accent) 25%, transparent));
    border-radius: var(--str-radius-btn, 8px) !important;
}

/* Thanh tab: chữ nhỏ + viền theo theme trên mọi nút */
body.str-feng-shui-active .tabs-links .tab-btn,
body.str-feng-shui-active .tabs-links .tabs-theme-toggle,
body.str-feng-shui-active .tabs-links .theme-toggle.tabs-theme-toggle {
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding: 5px 11px !important;
    font-weight: 600 !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    min-height: unset !important;
}

body.str-feng-shui-active .tabs-links .tabs-theme-toggle .theme-icon {
    font-size: 1em !important;
}

body.str-feng-shui-active .tab-btn.active,
body.dark-mode.str-feng-shui-active .tab-btn.active {
    color: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
    background: color-mix(in srgb, var(--fs-accent) 16%, transparent) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.str-feng-shui-active.dark-mode .tabs-links .tab-btn:not(.active),
body.str-feng-shui-active.str-pure-black .tabs-links .tab-btn:not(.active),
body.str-feng-shui-active.str-bg-cosmic .tabs-links .tab-btn:not(.active) {
    background: rgba(8, 12, 20, 0.55) !important;
    color: var(--str-text-main, #f0f0f0) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-pure-white.str-feng-shui-active,
body.str-pure-white.str-feng-shui-active .home-container {
    color: #111827 !important;
}

body.str-pure-white .hero-description,
body.str-pure-white .hero-pill-sub,
body.str-pure-white .section-desc-intel,
body.str-pure-white .card-body-text,
body.str-pure-white .cat-card-desc,
body.str-pure-white .product-chip {
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
}

body.str-pure-white .section-title-intel,
body.str-pure-white .card-title-intel,
body.str-pure-white .hero-pill-title {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    background: none !important;
}

body.str-pure-white .hero-pill-item,
body.str-pure-white .info-card-intel,
body.str-pure-white .cat-card-intel,
body.str-pure-white #home-tab .eco-card-intel,
body.str-pure-white #home-tab .step-card-flow,
body.str-pure-white #home-tab .table-responsive-intel,
body.str-pure-white #home-tab .risk-card-intel,
body.str-pure-white .tabs,
body.str-pure-white .tab-btn {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: var(--fs-accent-border, #e5e7eb) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.str-pure-white .tab-btn.active {
    color: var(--fs-accent) !important;
    -webkit-text-fill-color: var(--fs-accent) !important;
}

body.str-pure-black .hero-description,
body.str-pure-black .section-desc-intel,
body.str-pure-black .card-body-text,
body.str-pure-black .hero-pill-sub {
    color: #a3a3a3 !important;
}

body.str-pure-black .section-title-intel,
body.str-pure-black .card-title-intel,
body.str-pure-black .hero-pill-title,
body.dark-mode.str-pure-black .section-title-intel,
body.dark-mode.str-pure-black .card-title-intel {
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
}

body.str-pure-black .hero-pill-item,
body.str-pure-black .info-card-intel,
body.str-pure-black .cat-card-intel,
body.str-pure-black #home-tab .eco-card-intel,
body.str-pure-black #home-tab .step-card-flow,
body.str-pure-black #home-tab .table-responsive-intel,
body.str-pure-black #home-tab .risk-card-intel {
    background: #101010 !important;
    border-color: var(--fs-accent-border, rgba(255, 255, 255, 0.12)) !important;
}

body.str-pure-black.str-feng-shui-active .tab-btn,
body.dark-mode.str-pure-black.str-feng-shui-active .tab-btn,
body.dark-mode.str-pure-black.str-feng-shui-active .theme-toggle.tabs-theme-toggle {
    background: rgba(8, 12, 20, 0.55) !important;
    color: #f0f0f0 !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Ghi đè tab xanh cố định (style.css dark-mode) → màu ngũ hành */
body.str-feng-shui-active.dark-mode .tab-btn.active,
body.str-feng-shui-active.str-pure-black .tab-btn.active {
    background: color-mix(in srgb, var(--fs-accent) 22%, #121722) !important;
    color: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
}

body.str-feng-shui-active.dark-mode .tab-btn:hover,
body.str-feng-shui-active.str-pure-black .tab-btn:hover {
    background: color-mix(in srgb, var(--fs-accent) 12%, #121722) !important;
    color: var(--str-text-main, #e5e5e5) !important;
    border-color: color-mix(in srgb, var(--fs-accent) 55%, transparent) !important;
}

body.str-feng-shui-active.dark-mode .theme-toggle.tabs-theme-toggle,
body.str-feng-shui-active.str-pure-black .theme-toggle.tabs-theme-toggle {
    background: rgba(8, 12, 20, 0.55) !important;
    color: var(--fs-accent) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Nút menu ☰ (góc phải): bám màu nhấn Giao diện, ghi đè xanh cố định style.css */
body.str-feng-shui-active .tabs-toggle,
body.str-feng-shui-active.dark-mode .tabs-toggle,
body.str-feng-shui-active.str-pure-black .tabs-toggle,
body.str-feng-shui-active.str-bg-cosmic .tabs-toggle,
body.cosmic-mode.str-feng-shui-active .tabs-toggle {
    background: rgba(8, 12, 20, 0.55) !important;
    color: var(--fs-accent) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--fs-accent) 22%, transparent),
        0 4px 16px color-mix(in srgb, var(--fs-accent) 35%, transparent) !important;
    text-shadow: none !important;
}

body.str-feng-shui-active .tabs-toggle:hover,
body.str-feng-shui-active.dark-mode .tabs-toggle:hover,
body.str-feng-shui-active.str-pure-black .tabs-toggle:hover,
body.str-feng-shui-active.str-bg-cosmic .tabs-toggle:hover,
body.cosmic-mode.str-feng-shui-active .tabs-toggle:hover {
    background: color-mix(in srgb, var(--fs-accent) 16%, #121722) !important;
    color: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--fs-accent) 30%, transparent),
        0 6px 20px color-mix(in srgb, var(--fs-accent) 45%, transparent) !important;
    transform: translateY(-2px);
}

body.str-pure-white.str-feng-shui-active .tabs-toggle {
    background: #ffffff !important;
    color: var(--fs-accent) !important;
    border: 1px solid var(--fs-accent-border, #e5e7eb) !important;
    box-shadow: none !important;
}

/* ========== Tab Phân tích kỹ thuật — đồng bộ Giao diện ========== */
body.str-feng-shui-active #analysis-tab {
    color: var(--str-text-main, #f5f5f5) !important;
    background-color: var(--str-bg-base, #000) !important;
    background-image:
        radial-gradient(ellipse 70% 48% at 88% 8%, var(--str-accent-soft) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 8% 18%, var(--str-accent-mid) 0%, transparent 52%);
}

body.str-pure-white.str-feng-shui-active #analysis-tab {
    background-image: none !important;
    background-color: var(--str-bg-base, #f4f5f7) !important;
}

body.str-feng-shui-active #analysis-tab .analysis-form-panel,
body.str-feng-shui-active #analysis-tab .analysis-result-panel {
    background: transparent !important;
    border-color: transparent !important;
}

body.str-feng-shui-active #analysis-tab .card,
body.str-feng-shui-active #analysis-tab .analysis-form-panel .card,
body.str-feng-shui-active #analysis-tab #analysis-result.card {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

body.str-feng-shui-active.str-bg-cosmic #analysis-tab .card,
body.str-feng-shui-active.str-bg-cosmic #analysis-tab .analysis-form-panel .card,
body.str-feng-shui-active.str-bg-cosmic #analysis-tab #analysis-result.card {
    background: linear-gradient(
        145deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.1)) 0%,
        rgba(15, 23, 42, 0.52) 42%,
        var(--str-cosmic-card-b, rgba(168, 85, 247, 0.08)) 100%
    ) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.str-feng-shui-active #analysis-tab .card h2,
body.str-feng-shui-active #analysis-tab .card h3,
body.str-feng-shui-active #analysis-tab .result-card h3,
body.str-feng-shui-active #analysis-tab .indicator-category h4,
body.str-feng-shui-active #analysis-tab .indicator-category-title,
body.str-feng-shui-active #analysis-tab .section-title {
    color: var(--fs-accent) !important;
    -webkit-text-fill-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #analysis-tab .form-group label {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #analysis-tab .form-group input,
body.str-feng-shui-active #analysis-tab .form-group select,
body.str-feng-shui-active #analysis-tab #symbol-search {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #analysis-tab .form-group input:focus,
body.str-feng-shui-active #analysis-tab .form-group select:focus,
body.str-feng-shui-active #analysis-tab #symbol-search:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 3px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #analysis-tab .indicator-checkbox,
body.str-feng-shui-active.dark-mode #analysis-tab .indicator-checkbox,
body.str-feng-shui-active.cosmic-mode #analysis-tab .indicator-checkbox {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow: none !important;
}

body.str-feng-shui-active #analysis-tab .indicator-checkbox:hover,
body.str-feng-shui-active #analysis-tab .indicator-checkbox:has(input:checked),
body.str-feng-shui-active #analysis-tab .indicator-checkbox:has(input[type="checkbox"]:checked) {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    transform: none;
}

body.str-feng-shui-active #analysis-tab .indicator-checkbox input[type="checkbox"]:checked + label {
    color: var(--fs-accent) !important;
    text-shadow: none !important;
}

body.str-feng-shui-active #analysis-tab .form-actions {
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

body.str-feng-shui-active #analysis-tab .form-actions .btn {
    flex: 1 1 calc(50% - 5px) !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.str-feng-shui-active #analysis-tab #analysis-form button[type="submit"],
body.str-feng-shui-active #analysis-tab .btn-primary {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    border: none !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #analysis-tab #save-history-btn:not(:disabled) {
    background: color-mix(in srgb, var(--fs-accent) 72%, #059669) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 12px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #analysis-tab #save-history-btn:disabled {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-dim, #94a3b8) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

body.str-feng-shui-active #analysis-tab #analysis-form button[type="submit"]:hover,
body.str-feng-shui-active #analysis-tab .btn-primary:hover {
    filter: brightness(1.08);
    box-shadow: 0 6px 18px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #analysis-tab .mobile-toggle-btn {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

@media (max-width: 768px) {
    body.str-feng-shui-active #analysis-tab .analysis-form-panel {
        background: var(--str-bg-base) !important;
    }

    body.str-feng-shui-active #analysis-tab .analysis-form-panel .card {
        background: var(--str-bg-base) !important;
    }

    body.str-feng-shui-active #analysis-tab .analysis-mobile-topbar {
        background: var(--str-bg-surface) !important;
        border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    }

    body.str-feng-shui-active #analysis-tab .analysis-mobile-close {
        background: var(--str-bg-card) !important;
        border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
        color: var(--str-text-main) !important;
    }

    body.str-feng-shui-active #analysis-tab .analysis-form-panel .form-actions {
        background: linear-gradient(to top, var(--str-bg-base) 72%, transparent) !important;
        border-top-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    }

    body.str-feng-shui-active #analysis-tab .mobile-toggle-btn.is-visible {
        background: var(--fs-accent) !important;
        color: var(--str-accent-fg, #111827) !important;
        box-shadow: 0 6px 18px var(--str-accent-soft) !important;
    }
}

body.str-feng-shui-active #analysis-tab .analysis-header {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 16px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #analysis-tab .info-section,
body.str-feng-shui-active #analysis-tab .info-section-compact {
    background: var(--str-bg-surface) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    border-left-color: var(--fs-accent) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-bg-cosmic #analysis-tab .info-section,
body.str-feng-shui-active.str-bg-cosmic #analysis-tab .info-section-compact {
    background: rgba(15, 23, 42, 0.45) !important;
}

body.str-feng-shui-active #analysis-tab .info-value:not(.positive):not(.negative),
body.str-feng-shui-active #analysis-tab .ml-item strong {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #analysis-tab .empty-state p {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #analysis-tab .result-content::-webkit-scrollbar-thumb,
body.str-feng-shui-active #analysis-tab .indicators-grid::-webkit-scrollbar-thumb {
    background: var(--fs-accent) !important;
}

body.str-feng-shui-active #analysis-tab #quick-zone-volume {
    background: var(--str-bg-surface) !important;
    border-color: var(--fs-accent-border) !important;
    color: var(--str-text-main) !important;
}

/* Kết quả phân tích (HTML/markdown sinh động — ghi đè màu xanh inline cũ) */
body.str-feng-shui-active #analysis-tab #analysis-content h1,
body.str-feng-shui-active #analysis-tab #analysis-content h2,
body.str-feng-shui-active #analysis-tab #analysis-content h3 {
    color: var(--fs-accent) !important;
    border-bottom-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #analysis-tab #analysis-content p,
body.str-feng-shui-active #analysis-tab #analysis-content li {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #analysis-tab #analysis-content strong {
    color: var(--str-text-main) !important;
}

/* ========== Tab Bảng giá — đồng bộ Giao diện ========== */
body.str-feng-shui-active #priceboard-tab {
    color: var(--str-text-main, #f5f5f5) !important;
    background-color: var(--str-bg-base, #000) !important;
    background-image:
        radial-gradient(ellipse 70% 48% at 88% 8%, var(--str-accent-soft) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 8% 18%, var(--str-accent-mid) 0%, transparent 52%);
}

body.str-pure-white.str-feng-shui-active #priceboard-tab {
    background-image: none !important;
    background-color: var(--str-bg-base, #f4f5f7) !important;
}

body.str-feng-shui-active #priceboard-tab .priceboard-container {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

body.str-feng-shui-active.str-bg-cosmic #priceboard-tab .priceboard-container {
    background: linear-gradient(
        145deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.1)) 0%,
        rgba(15, 23, 42, 0.52) 42%,
        var(--str-cosmic-card-b, rgba(168, 85, 247, 0.08)) 100%
    ) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.str-feng-shui-active #priceboard-tab .pb-index-card,
body.str-feng-shui-active #priceboard-tab .pb-toolbar,
body.str-feng-shui-active #priceboard-tab .pb-table-wrapper {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active.str-bg-cosmic #priceboard-tab .pb-index-card,
body.str-feng-shui-active.str-bg-cosmic #priceboard-tab .pb-toolbar {
    background: rgba(15, 23, 42, 0.45) !important;
}

body.str-feng-shui-active.str-bg-cosmic #priceboard-tab .pb-table-wrapper {
    background: rgba(6, 9, 19, 0.75) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-index-card:hover {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 8px 24px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-index-title {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-index-price {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-cat-btn {
    background: var(--str-bg-card) !important;
    color: var(--str-text-muted) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    box-shadow: none !important;
}

body.str-feng-shui-active #priceboard-tab .pb-cat-btn:hover {
    background: var(--str-accent-soft) !important;
    color: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-cat-btn.active {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    border-color: var(--fs-accent) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-search-input {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-search-input:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 3px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-table th {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-muted) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-table th.grp-bid,
body.str-feng-shui-active #priceboard-tab .pb-table th.grp-ask,
body.str-feng-shui-active #priceboard-tab .pb-table th.grp-match {
    background: var(--str-accent-soft) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-table td {
    color: var(--str-text-main) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--fs-accent) 4%, transparent) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-table tbody tr:hover,
body.str-feng-shui-active #priceboard-tab .pb-table tbody tr.selected {
    background: var(--str-accent-soft) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-table th.th-code,
body.str-feng-shui-active #priceboard-tab .pb-table td.td-code {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-table td.td-name:hover {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #priceboard-tab .pb-btn-action.btn-analyze:hover {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 2px 10px var(--str-accent-soft) !important;
}

@media (max-width: 768px) {
    body.str-feng-shui-active #priceboard-tab .pb-mobile-scroll-hint {
        color: var(--str-text-muted) !important;
    }

    body.str-feng-shui-active #priceboard-tab .pb-table th.th-code,
    body.str-feng-shui-active #priceboard-tab .pb-table td.td-code,
    body.str-feng-shui-active #priceboard-tab .pb-table th.th-name,
    body.str-feng-shui-active #priceboard-tab .pb-table td.td-name {
        background: var(--str-bg-surface) !important;
    }

    body.str-feng-shui-active #priceboard-tab .pb-table thead th.th-code,
    body.str-feng-shui-active #priceboard-tab .pb-table thead th.th-name {
        background: var(--str-bg-card) !important;
    }

    body.str-feng-shui-active #priceboard-tab .pb-table tbody tr:nth-child(even) td.td-code,
    body.str-feng-shui-active #priceboard-tab .pb-table tbody tr:nth-child(even) td.td-name {
        background: var(--str-bg-card) !important;
    }

    body.str-feng-shui-active.str-pure-white #priceboard-tab .pb-table tbody tr:hover td.td-code,
    body.str-feng-shui-active.str-pure-white #priceboard-tab .pb-table tbody tr:hover td.td-name {
        background: var(--str-accent-soft) !important;
    }
}

/* Drawer đặt lệnh / SPS (mở từ Bảng giá) */
body.str-feng-shui-active .sps-order-drawer .sps-drawer-content {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
    border-left-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active.str-bg-cosmic .sps-order-drawer .sps-drawer-content {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.str-feng-shui-active .sps-order-drawer .sps-drawer-header {
    background: var(--str-bg-surface) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active .sps-order-drawer .sps-drawer-tabs button.active {
    color: var(--fs-accent) !important;
    border-bottom-color: var(--fs-accent) !important;
}

/* ========== Tab Giao dịch (#tonghop-tab) — đồng bộ Giao diện ========== */
body.str-feng-shui-active #tonghop-tab {
    color: var(--str-text-main, #f5f5f5) !important;
    background-color: var(--str-bg-base, #000) !important;
    background-image:
        radial-gradient(ellipse 70% 48% at 88% 8%, var(--str-accent-soft) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 8% 18%, var(--str-accent-mid) 0%, transparent 52%);
}

body.str-pure-white.str-feng-shui-active #tonghop-tab {
    background-image: none !important;
    background-color: var(--str-bg-base, #f4f5f7) !important;
}

/* Ghi đè nền/viền xám cố định (tonghop.css dark-mode đầu file) */
body.str-feng-shui-active #tonghop-tab .th-container {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

body.str-feng-shui-active.str-bg-cosmic #tonghop-tab .th-container {
    background: linear-gradient(
        145deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.1)) 0%,
        rgba(15, 23, 42, 0.52) 42%,
        var(--str-cosmic-card-b, rgba(168, 85, 247, 0.08)) 100%
    ) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.str-feng-shui-active #tonghop-tab aside.th-left,
body.str-feng-shui-active #tonghop-tab .th-right,
body.str-feng-shui-active #tonghop-tab .th-chart-wrap,
body.str-feng-shui-active #tonghop-tab .th-table-wrap,
body.str-feng-shui-active #tonghop-tab .th-ticker-card {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-bg-cosmic #tonghop-tab aside.th-left,
body.str-feng-shui-active.str-bg-cosmic #tonghop-tab .th-right,
body.str-feng-shui-active.str-bg-cosmic #tonghop-tab .th-chart-wrap,
body.str-feng-shui-active.str-bg-cosmic #tonghop-tab .th-table-wrap,
body.str-feng-shui-active.str-bg-cosmic #tonghop-tab .th-ticker-card {
    background: rgba(15, 23, 42, 0.48) !important;
}

body.str-feng-shui-active #tonghop-tab .th-ticker-card.active,
body.str-feng-shui-active #tonghop-tab .th-ticker-card:hover {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 1px var(--fs-accent), 0 4px 12px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #tonghop-tab .th-ticker-price,
body.str-feng-shui-active #tonghop-tab .th-pd-title,
body.str-feng-shui-active #tonghop-tab .th-pd-row .val,
body.str-feng-shui-active #tonghop-tab .th-chart-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #tonghop-tab .th-pd-code-badge {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
}

body.str-feng-shui-active #tonghop-tab .th-pd-section-title {
    background: var(--str-accent-soft) !important;
    color: var(--fs-accent) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #tonghop-tab .th-pd-row .lbl,
body.str-feng-shui-active #tonghop-tab .th-detail-empty {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #tonghop-tab .th-chart-head,
body.str-feng-shui-active #tonghop-tab .th-table-tabs {
    background: var(--str-bg-surface) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #tonghop-tab .th-tf-btn,
body.str-feng-shui-active #tonghop-tab .th-cat-btn,
body.str-feng-shui-active #tonghop-tab .th-order-subfilter-btn {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #tonghop-tab .th-tf-btn.active,
body.str-feng-shui-active #tonghop-tab .th-cat-btn.active,
body.str-feng-shui-active #tonghop-tab .th-order-subfilter-btn.active {
    background: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 2px 8px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #tonghop-tab .th-tf-btn:hover,
body.str-feng-shui-active #tonghop-tab .th-cat-btn:hover,
body.str-feng-shui-active #tonghop-tab .th-order-subfilter-btn:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #tonghop-tab .th-open-full-chart,
body.str-feng-shui-active #tonghop-tab .th-ticker-toggle,
body.str-feng-shui-active #tonghop-tab .th-ticker-add {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #tonghop-tab .th-table th,
body.str-feng-shui-active #tonghop-tab .th-order-table th {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-muted) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #tonghop-tab .th-table td,
body.str-feng-shui-active #tonghop-tab .th-order-table td {
    color: var(--str-text-main) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #tonghop-tab .th-table tbody tr:hover,
body.str-feng-shui-active #tonghop-tab .th-order-table tbody tr:hover,
body.str-feng-shui-active #tonghop-tab .th-table tbody tr.selected {
    background: var(--str-accent-soft) !important;
}

@media (max-width: 768px) {
    body.str-feng-shui-active #tonghop-tab .th-mobile-nav {
        background: linear-gradient(to top, var(--str-bg-base) 88%, transparent) !important;
        border-top-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    }

    body.str-feng-shui-active #tonghop-tab .th-mobile-nav-btn.active {
        background: var(--str-accent-soft) !important;
        color: var(--fs-accent) !important;
    }

    body.str-feng-shui-active #tonghop-tab .th-mobile-sheet-head {
        background: var(--str-bg-surface) !important;
        border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
        color: var(--str-text-main) !important;
    }

    body.str-feng-shui-active #tonghop-tab.th-m-sheet-detail .th-left,
    body.str-feng-shui-active #tonghop-tab.th-m-sheet-order .th-right {
        background: var(--str-bg-base) !important;
    }

    body.str-feng-shui-active #tonghop-tab .th-table th.th-col-code,
    body.str-feng-shui-active #tonghop-tab .th-table td.td-code,
    body.str-feng-shui-active #tonghop-tab .th-table th.th-col-name,
    body.str-feng-shui-active #tonghop-tab .th-table td.td-name {
        background: var(--str-bg-surface) !important;
    }
}

body.str-feng-shui-active #tonghop-tab .th-table .td-code,
body.str-feng-shui-active #tonghop-tab .th-order-table .td-code {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #tonghop-tab .th-add-picker {
    background: var(--str-bg-card) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #tonghop-tab .th-add-search {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-main) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #tonghop-tab .th-add-search:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 2px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #tonghop-tab #sps-order-drawer.inline input,
body.str-feng-shui-active #tonghop-tab #sps-order-drawer.inline select {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-main) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #tonghop-tab #sps-order-drawer.inline input:focus,
body.str-feng-shui-active #tonghop-tab #sps-order-drawer.inline select:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 2px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #tonghop-tab .th-chart,
body.str-feng-shui-active #tonghop-tab #th-chart {
    background: var(--str-bg-surface) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

/* ========== Tab Biểu đồ (#chart-tab) — đồng bộ Giao diện ========== */
body.str-feng-shui-active #chart-tab {
    color: var(--str-text-main, #f5f5f5) !important;
    background-color: var(--str-bg-base, #000) !important;
    background-image:
        radial-gradient(ellipse 70% 48% at 88% 8%, var(--str-accent-soft) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 8% 18%, var(--str-accent-mid) 0%, transparent 52%);
}

body.str-pure-white.str-feng-shui-active #chart-tab {
    background-image: none !important;
    background-color: var(--str-bg-base, #f4f5f7) !important;
}

/* Biểu đồ nền sáng — MTF / overlay không bị trùng màu nền */
body.str-pure-white.str-feng-shui-active #chart-tab div[id^="htf-bias-container"],
body.str-pure-white.str-feng-shui-active #chart-tab div[id^="htf-bias-minibar"] {
    background: var(--str-bg-card, #ffffff) !important;
    color: var(--str-text-main, #111827) !important;
    border: 1px solid var(--fs-accent-border, #cbd5e1) !important;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.12) !important;
}

body.str-pure-white.str-feng-shui-active #chart-tab .htf-bias-title,
body.str-pure-white.str-feng-shui-active #chart-tab .htf-bias-table th {
    color: var(--str-text-main, #111827) !important;
}

body.str-pure-white.str-feng-shui-active #chart-tab .htf-bias-table td:first-child {
    color: var(--str-text-muted, #475569) !important;
}

body.str-feng-shui-active #chart-tab .card.chart-wrapper {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

body.str-feng-shui-active.str-bg-cosmic #chart-tab .card.chart-wrapper {
    background: linear-gradient(
        145deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.1)) 0%,
        rgba(15, 23, 42, 0.52) 42%,
        var(--str-cosmic-card-b, rgba(168, 85, 247, 0.08)) 100%
    ) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Ghi đè style.css #1a1d2e và pro-chart cosmic cố định */
body.str-feng-shui-active #chart-tab .card > div:first-of-type,
body.str-feng-shui-active #chart-tab #pro-chart-container,
body.str-feng-shui-active #chart-tab #charts-grid,
body.str-feng-shui-active #chart-tab .chart-cell {
    background: var(--str-bg-base) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active.str-bg-cosmic #chart-tab #pro-chart-container,
body.str-feng-shui-active.str-bg-cosmic #chart-tab #charts-grid,
body.str-feng-shui-active.str-bg-cosmic #chart-tab .chart-cell {
    background: var(--str-bg-base, #060913) !important;
}

body.str-feng-shui-active #chart-tab #global-toolbar-wrapper {
    background: var(--str-bg-surface) !important;
    border-bottom: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active.str-bg-cosmic #chart-tab #global-toolbar-wrapper {
    background: rgba(11, 18, 32, 0.85) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.str-feng-shui-active #chart-tab #layout-select {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #chart-tab #layout-select:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 2px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #chart-tab div[id^="stock-toolbar-container"] .am5stock-control-button,
body.str-feng-shui-active #chart-tab div[id^="stock-toolbar-container"] button,
body.str-feng-shui-active #chart-tab div[id^="stock-toolbar-container"] select,
body.str-feng-shui-active #chart-tab .symbol-search-btn,
body.str-feng-shui-active #chart-tab [id^="symbol-search-btn-"],
body.str-feng-shui-active #chart-tab [id^="ai-analyze-btn-"],
body.str-feng-shui-active #chart-tab [id^="custom-indicators-btn-"],
body.str-feng-shui-active #chart-tab [id^="bg-toggle-btn-"],
body.str-feng-shui-active #chart-tab [id^="grid-toggle-btn-"],
body.str-feng-shui-active #chart-tab [id^="recenter-chart-btn-"],
body.str-feng-shui-active #chart-tab [id^="htf-bias-toggle-btn-"],
body.str-feng-shui-active #chart-tab .custom-undo-redo button,
body.str-feng-shui-active #chart-tab .toolbar-btn,
body.str-feng-shui-active #chart-tab .tf-btn {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #chart-tab div[id^="stock-toolbar-container"] .am5stock-control-button:hover,
body.str-feng-shui-active #chart-tab div[id^="stock-toolbar-container"] button:hover,
body.str-feng-shui-active #chart-tab .symbol-search-btn:hover,
body.str-feng-shui-active #chart-tab [id^="symbol-search-btn-"]:hover,
body.str-feng-shui-active #chart-tab [id^="ai-analyze-btn-"]:hover,
body.str-feng-shui-active #chart-tab [id^="custom-indicators-btn-"]:hover,
body.str-feng-shui-active #chart-tab [id^="bg-toggle-btn-"]:hover,
body.str-feng-shui-active #chart-tab [id^="grid-toggle-btn-"]:hover,
body.str-feng-shui-active #chart-tab [id^="recenter-chart-btn-"]:hover,
body.str-feng-shui-active #chart-tab [id^="htf-bias-toggle-btn-"]:hover,
body.str-feng-shui-active #chart-tab .toolbar-btn:hover,
body.str-feng-shui-active #chart-tab .tf-btn:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #chart-tab div[id^="stock-toolbar-container"] .am5stock-control-button.am5-active,
body.str-feng-shui-active #chart-tab div[id^="stock-toolbar-container"] .am5stock-control-button[aria-pressed="true"],
body.str-feng-shui-active #chart-tab .toolbar-btn.active,
body.str-feng-shui-active #chart-tab .tf-btn.active,
body.str-feng-shui-active #chart-tab .finai-tool-active,
body.str-feng-shui-active #chart-tab .am5stock-control-button.am5-active,
body.str-feng-shui-active #chart-tab .am5stock-control-button.am5stock-active,
body.str-feng-shui-active #chart-tab .am5stock-control-button.active,
body.str-feng-shui-active #chart-tab .am5stock-link.am5-active,
body.str-feng-shui-active #chart-tab .am5stock-list-item.am5-active {
    background: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
}

body.str-feng-shui-active #chart-tab .am5stock-dropdown-list,
body.str-feng-shui-active #chart-tab .am5stock-control-list,
body.str-feng-shui-active #chart-tab .am5stock-control-dropdown,
body.str-feng-shui-active #chart-tab div[id^="custom-indicators-menu-"],
body.str-feng-shui-active #chart-tab div[id^="symbol-search-dropdown-"],
body.str-feng-shui-active #chart-tab .symbol-search-dropdown,
body.str-feng-shui-active #chart-tab .chart-type-dropdown {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #chart-tab .drawing-tools-panel,
body.str-feng-shui-active #chart-tab .crosshair-info {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #chart-tab div[id^="htf-bias-container"] {
    background: var(--str-bg-surface) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #chart-tab div[id^="htf-bias-minibar"]:hover {
    border-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #chart-tab #symbol-search-list::-webkit-scrollbar-thumb:hover,
body.str-feng-shui-active #chart-tab div[id^="symbol-search-list-"]::-webkit-scrollbar-thumb:hover,
body.str-feng-shui-active #chart-tab .symbol-search-list::-webkit-scrollbar-thumb:hover {
    background: var(--fs-accent) !important;
}

@media (max-width: 768px) {
    body.str-feng-shui-active #chart-tab .chart-mobile-toolbar-hint {
        color: var(--str-text-muted) !important;
        background: var(--str-bg-surface) !important;
        border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    }

    body.str-feng-shui-active #chart-tab #multi-chart-controls {
        border-top-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    }
}

/* Modal cài đặt chỉ báo amCharts (Moving Average, RSI, …) — ngoài #chart-tab */
body.str-feng-shui-active .am5-modal .am5-modal-content {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active.str-pure-white .am5-modal .am5-modal-content {
    background: var(--str-bg-card, #ffffff) !important;
    color: var(--str-text-main, #0f172a) !important;
}

body.str-feng-shui-active .am5-modal-content input[type="text"],
body.str-feng-shui-active .am5-modal-content input[type="number"],
body.str-feng-shui-active .am5-modal-content select,
body.str-feng-shui-active .am5-modal-content .am5-modal-input {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: #ffffff !important;
    border-color: var(--fs-accent-border, #94a3b8) !important;
}

body.str-feng-shui-active .am5-modal-content .am5-modal-link-reset {
    color: var(--fs-accent) !important;
}

/* ========== Tab Tin tức (#news-tab) — đồng bộ Giao diện ========== */
body.str-feng-shui-active #news-tab {
    color: var(--str-text-main, #f5f5f5) !important;
    background-color: var(--str-bg-base, #000) !important;
    background-image:
        radial-gradient(ellipse 70% 48% at 88% 8%, var(--str-accent-soft) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 8% 18%, var(--str-accent-mid) 0%, transparent 52%);
}

body.str-pure-white.str-feng-shui-active #news-tab {
    background-image: none !important;
    background-color: var(--str-bg-base, #f4f5f7) !important;
}

body.str-feng-shui-active #news-tab .nh-wrap {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-wrap {
    background: linear-gradient(
        145deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.1)) 0%,
        rgba(15, 23, 42, 0.52) 42%,
        var(--str-cosmic-card-b, rgba(168, 85, 247, 0.08)) 100%
    ) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.str-feng-shui-active #news-tab .nh-head h2 {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #news-tab .nh-main,
body.str-feng-shui-active #news-tab .nh-side-block,
body.str-feng-shui-active #news-tab .nh-event-radar-wrap,
body.str-feng-shui-active #news-tab .nh-studio-stats-strip,
body.str-feng-shui-active #news-tab .nh-studio-playlist-col {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-main,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-side-block,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-event-radar-wrap,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-studio-stats-strip,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-studio-playlist-col {
    background: rgba(15, 23, 42, 0.48) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.str-feng-shui-active #news-tab .nh-tick,
body.str-feng-shui-active #news-tab .nh-month,
body.str-feng-shui-active #news-tab .nh-filters,
body.str-feng-shui-active #news-tab .nh-impact-legend,
body.str-feng-shui-active #news-tab .nh-cal-table-wrap,
body.str-feng-shui-active #news-tab .nh-feed-item,
body.str-feng-shui-active #news-tab .nh-an-top-tier,
body.str-feng-shui-active #news-tab .nh-an-sector-card,
body.str-feng-shui-active #news-tab .nh-report-card,
body.str-feng-shui-active #news-tab .nh-radar-focus-card,
body.str-feng-shui-active #news-tab .nh-scenario-card,
body.str-feng-shui-active #news-tab .nh-playlist-item,
body.str-feng-shui-active #news-tab .nh-stat-item {
    background: var(--str-bg-card) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-tick,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-month,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-filters,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-impact-legend,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-cal-table-wrap,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-feed-item,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-an-top-tier,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-an-sector-card,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-report-card,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-radar-focus-card,
body.str-feng-shui-active.str-bg-cosmic #news-tab .nh-scenario-card {
    background: rgba(15, 23, 42, 0.65) !important;
}

body.str-feng-shui-active #news-tab .nh-tick-price,
body.str-feng-shui-active #news-tab .nh-feed-title,
body.str-feng-shui-active #news-tab .nh-side-title,
body.str-feng-shui-active #news-tab .nh-report-title,
body.str-feng-shui-active #news-tab .nh-focus-event-name,
body.str-feng-shui-active #news-tab .nh-an-top-title,
body.str-feng-shui-active #news-tab .nh-an-sec-title,
body.str-feng-shui-active #news-tab .nh-pl-item-title,
body.str-feng-shui-active #news-tab .nh-stat-price {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #news-tab .nh-tick-name,
body.str-feng-shui-active #news-tab .nh-tick-sym,
body.str-feng-shui-active #news-tab .nh-feed-sum,
body.str-feng-shui-active #news-tab .nh-side-meta,
body.str-feng-shui-active #news-tab .nh-side-src,
body.str-feng-shui-active #news-tab .nh-radar-sub,
body.str-feng-shui-active #news-tab .nh-an-sec-sub,
body.str-feng-shui-active #news-tab .nh-report-meta {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #news-tab .nh-side-block h3 {
    color: var(--str-text-main) !important;
    border-bottom-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-subtab {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #news-tab .nh-subtab:hover {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #news-tab .nh-subtab.active {
    color: var(--fs-accent) !important;
    border-bottom-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-reload {
    background: var(--str-accent-soft) !important;
    border: 1px solid var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-reload:hover {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
}

body.str-feng-shui-active #news-tab .nh-month-head button:hover,
body.str-feng-shui-active #news-tab .nh-day:hover {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-day.selected {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 2px 10px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #news-tab .nh-day.has-event {
    box-shadow: inset 0 -2px 0 var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-filters select {
    background: var(--str-bg-surface) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #news-tab .nh-filters select:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 2px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #news-tab .nh-cal-table th {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-muted) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #news-tab .nh-cal-table td {
    color: var(--str-text-main) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #news-tab .nh-cal-table tbody tr:hover td {
    background: var(--str-accent-soft) !important;
}

body.str-feng-shui-active #news-tab .nh-cal-dayrow td {
    background: var(--str-bg-surface) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-radar-title,
body.str-feng-shui-active #news-tab .nh-cd-val,
body.str-feng-shui-active #news-tab .nh-scen-vol,
body.str-feng-shui-active #news-tab .nh-setup-val.entry,
body.str-feng-shui-active #news-tab .nh-an-h1,
body.str-feng-shui-active #news-tab .nh-an-h2,
body.str-feng-shui-active #news-tab .nh-an-dot,
body.str-feng-shui-active #news-tab .nh-logo-accent {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-focus-tag,
body.str-feng-shui-active #news-tab .nh-an-top-tag,
body.str-feng-shui-active #news-tab .nh-an-top-icon {
    background: var(--str-accent-soft) !important;
    color: var(--fs-accent) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #news-tab .nh-macro-col.col-main {
    border-left-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-macro-col.col-main .nh-macro-col-title {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-block-card {
    border-left-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-bullet-dot {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-an-top-body strong,
body.str-feng-shui-active #news-tab .nh-an-sec-body strong,
body.str-feng-shui-active #news-tab .nh-macro-col-content strong,
body.str-feng-shui-active #news-tab .nh-comm-desc strong {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-pure-white #news-tab .nh-an-dot,
body.str-feng-shui-active.str-pure-white #news-tab .nh-comm-icon {
    color: var(--fs-accent, #0284c7) !important;
}

body.str-feng-shui-active #news-tab .nh-an-h3 {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #news-tab .nh-report-filter-btn:hover,
body.str-feng-shui-active #news-tab .nh-side-item:hover,
body.str-feng-shui-active #news-tab .nh-feed-item:hover,
body.str-feng-shui-active #news-tab .nh-playlist-item:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-report-filter-btn.active,
body.str-feng-shui-active #news-tab .nh-pl-card.active {
    background: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 0 10px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #news-tab .nh-playlist-item.active {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 8px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #news-tab .nh-report-toggle-btn {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #news-tab .nh-report-toggle-btn:hover,
body.str-feng-shui-active #news-tab .nh-desk-rec-badge {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
}

body.str-feng-shui-active #news-tab .nh-desk-rec-banner {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #news-tab .nh-video-thumb {
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #news-tab .nh-video-play-btn {
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
    box-shadow: 0 0 16px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #news-tab .nh-video-card:hover .nh-video-play-btn {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 0 24px var(--str-accent-soft) !important;
}

/* Nền sáng: ghi đè #fff cố định trong news-hub.css bằng token Giao diện */
body.str-feng-shui-active.str-pure-white #news-tab .nh-wrap,
body.str-feng-shui-active.str-pure-white #news-tab .nh-main,
body.str-feng-shui-active.str-pure-white #news-tab .nh-side-block,
body.str-feng-shui-active.str-pure-white #news-tab .nh-tick,
body.str-feng-shui-active.str-pure-white #news-tab .nh-month,
body.str-feng-shui-active.str-pure-white #news-tab .nh-filters,
body.str-feng-shui-active.str-pure-white #news-tab .nh-impact-legend,
body.str-feng-shui-active.str-pure-white #news-tab .nh-cal-table-wrap,
body.str-feng-shui-active.str-pure-white #news-tab .nh-feed-item,
body.str-feng-shui-active.str-pure-white #news-tab .nh-an-top-tier,
body.str-feng-shui-active.str-pure-white #news-tab .nh-an-sector-card,
body.str-feng-shui-active.str-pure-white #news-tab .nh-report-card,
body.str-feng-shui-active.str-pure-white #news-tab .nh-event-radar-wrap,
body.str-feng-shui-active.str-pure-white #news-tab .nh-studio-stats-strip,
body.str-feng-shui-active.str-pure-white #news-tab .nh-studio-playlist-col {
    background: var(--str-bg-card) !important;
    border-color: var(--fs-accent-border, #e5e7eb) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-pure-white #news-tab .nh-cal-table th {
    background: var(--str-bg-surface) !important;
}

@media (max-width: 768px) {
    body.str-feng-shui-active #news-tab .nh-mobile-scroll-hint {
        color: var(--str-text-muted) !important;
    }

    body.str-feng-shui-active #news-tab .nh-subtab.active {
        background: var(--str-accent-soft) !important;
        border-radius: 6px 6px 0 0;
    }

    body.str-feng-shui-active #news-tab .nh-cal-table th:nth-child(1),
    body.str-feng-shui-active #news-tab .nh-cal-table td:nth-child(1) {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--str-bg-surface) !important;
        box-shadow: 2px 0 6px rgba(0, 0, 0, 0.12);
    }
}

/* ========== Tab Nạp/Rút SPS (#sps-cash-tab) — đồng bộ Giao diện ========== */
body.str-feng-shui-active #sps-cash-tab {
    color: var(--str-text-main, #f5f5f5) !important;
    background-color: var(--str-bg-base, #000) !important;
    background-image:
        radial-gradient(ellipse 70% 48% at 88% 8%, var(--str-accent-soft) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 8% 18%, var(--str-accent-mid) 0%, transparent 52%);
}

body.str-pure-white.str-feng-shui-active #sps-cash-tab {
    background-image: none !important;
    background-color: var(--str-bg-base, #f4f5f7) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-metric-card,
body.str-feng-shui-active #sps-cash-tab .sps-cash-card,
body.str-feng-shui-active #sps-cash-tab .sps-balance-stat-box,
body.str-feng-shui-active #sps-cash-tab .sps-cash-table-wrap,
body.str-feng-shui-active #sps-cash-tab .sps-lock-card {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}

body.str-feng-shui-active.str-bg-cosmic #sps-cash-tab .sps-cash-metric-card,
body.str-feng-shui-active.str-bg-cosmic #sps-cash-tab .sps-cash-card,
body.str-feng-shui-active.str-bg-cosmic #sps-cash-tab .sps-balance-stat-box,
body.str-feng-shui-active.str-bg-cosmic #sps-cash-tab .sps-cash-table-wrap,
body.str-feng-shui-active.str-bg-cosmic #sps-cash-tab .sps-lock-card {
    background: rgba(15, 23, 42, 0.7) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.str-feng-shui-active #sps-cash-tab .sps-metric-lbl,
body.str-feng-shui-active #sps-cash-tab .sps-metric-sub,
body.str-feng-shui-active #sps-cash-tab .sps-cash-form-group label,
body.str-feng-shui-active #sps-cash-tab .sps-info-lbl,
body.str-feng-shui-active #sps-cash-tab .stat-title,
body.str-feng-shui-active #sps-cash-tab .sps-empty-desc,
body.str-feng-shui-active #sps-cash-tab .sps-lock-desc {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-metric-val,
body.str-feng-shui-active #sps-cash-tab .sps-cash-card-title,
body.str-feng-shui-active #sps-cash-tab .sps-info-val,
body.str-feng-shui-active #sps-cash-tab .stat-number,
body.str-feng-shui-active #sps-cash-tab .sps-lock-title,
body.str-feng-shui-active #sps-cash-tab .sps-empty-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-nav-row {
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-subtab {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-subtab:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-subtab.active {
    background: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-cash-subtab.active {
    background: var(--str-accent-soft) !important;
    border: 1px solid var(--fs-accent) !important;
    color: var(--fs-accent) !important;
    box-shadow: none !important;
}

body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-cash-subtab.active:hover {
    background: var(--str-accent-mid) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-refresh-btn {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-refresh-btn:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-card-header {
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-input,
body.str-feng-shui-active #sps-cash-tab .sps-withdraw-readonly-val,
body.str-feng-shui-active #sps-cash-tab #sps-deposit-subacct-select {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-input:focus,
body.str-feng-shui-active #sps-cash-tab #sps-deposit-subacct-select:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 2px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-quick-amt-btn,
body.str-feng-shui-active #sps-cash-tab .sps-pct-btn {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-quick-amt-btn:hover,
body.str-feng-shui-active #sps-cash-tab .sps-pct-btn:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-acct-type-btn {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-acct-type-btn:hover {
    border-color: var(--fs-accent) !important;
    background: var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-acct-type-btn.active {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 16px var(--str-accent-soft) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-acct-type-btn.active .type-text strong {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-info-row {
    background: var(--str-bg-surface) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-copy-btn {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-copy-btn:hover {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-btn-primary {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-btn-primary:hover {
    filter: brightness(1.06);
}

body.str-feng-shui-active #sps-cash-tab .btn-sps-download-qr {
    background: var(--str-bg-surface) !important;
    color: var(--fs-accent) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #sps-cash-tab .btn-sps-download-qr:hover {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    border-color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-direction-toggle {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-dir-btn {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-note-alert {
    background: var(--str-accent-soft) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-note-alert.warning {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fcd34d !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-table th {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-muted) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-table td {
    color: var(--str-text-main) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-table tr:hover td {
    background: var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-unlinked-banner {
    background: linear-gradient(
        135deg,
        var(--str-accent-soft) 0%,
        color-mix(in srgb, var(--fs-accent) 8%, transparent) 100%
    ) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-unlinked-banner .unlinked-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-unlinked-banner .unlinked-desc {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-cash-unlinked-banner .btn-sps-link-now {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-syntax-guide-box {
    background: var(--str-bg-surface) !important;
    border: 1px dashed var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-syntax-guide-box .syntax-guide-title {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-syntax-guide-box .syntax-item {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-lock-card,
body.str-feng-shui-active #sps-history-tab .sps-lock-card {
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.45),
        0 0 24px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-lock-badge,
body.str-feng-shui-active #sps-history-tab .sps-lock-badge {
    background: var(--str-accent-soft) !important;
    color: var(--fs-accent) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-lock-desc strong,
body.str-feng-shui-active #sps-history-tab .sps-lock-desc strong {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-lock-btn-link,
body.str-feng-shui-active #sps-history-tab .sps-lock-btn-link {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow: 0 4px 18px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-cash-tab .sps-balance-stat-box:hover {
    border-color: var(--fs-accent) !important;
    background: var(--str-accent-soft) !important;
}

/* Nền sáng: token thay #fff trong sps-cash.css */
body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-cash-metric-card,
body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-cash-card,
body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-balance-stat-box,
body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-cash-table-wrap,
body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-lock-card,
body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-lock-card {
    background: var(--str-bg-card) !important;
    border-color: var(--fs-accent-border, #e5e7eb) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-cash-subtab {
    background: var(--str-bg-surface) !important;
}

body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-cash-input,
body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-withdraw-readonly-val,
body.str-feng-shui-active.str-pure-white #sps-cash-tab .sps-info-row {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-main) !important;
}

/* ========== Modal liên kết Trade SPS (#sps-login-modal) — đồng bộ Giao diện ========== */
body.str-feng-shui-active #sps-login-modal.sps-modal-overlay,
body.str-feng-shui-active #sps-connected-notice-modal.sps-modal-overlay {
    background: color-mix(in srgb, var(--str-bg-base, #060913) 82%, transparent) !important;
}

body.str-feng-shui-active .sps-login-modal-card,
body.str-feng-shui-active .sps-connected-notice-card {
    background: var(--str-bg-card, rgba(15, 23, 42, 0.95)) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    color: var(--str-text-main) !important;
    box-shadow:
        0 25px 60px -15px rgba(0, 0, 0, 0.85),
        0 0 36px var(--str-accent-soft) !important;
}

body.str-feng-shui-active.str-bg-cosmic .sps-login-modal-card,
body.str-feng-shui-active.str-bg-cosmic .sps-connected-notice-card {
    background: linear-gradient(
        160deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.12)) 0%,
        rgba(15, 23, 42, 0.92) 55%,
        rgba(11, 17, 32, 0.96) 100%
    ) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.str-themed-borders .sps-login-modal-card,
body.str-themed-borders .sps-connected-notice-card {
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow:
        0 25px 60px -15px rgba(0, 0, 0, 0.85),
        0 0 20px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .sps-login-modal-card::before {
    background: linear-gradient(
        90deg,
        var(--fs-accent) 0%,
        color-mix(in srgb, var(--fs-accent) 55%, #10b981) 50%,
        var(--fs-accent) 100%
    ) !important;
}

body.str-feng-shui-active .sps-login-header {
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active .sps-login-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .sps-login-subtitle {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .sps-login-badge-icon {
    background: var(--str-accent-soft) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .sps-login-close-btn {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .sps-link-notice-box {
    background: linear-gradient(
        135deg,
        var(--str-accent-soft) 0%,
        color-mix(in srgb, var(--fs-accent) 6%, transparent) 100%
    ) !important;
    border: 1px dashed var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active .sps-notice-text {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .sps-feature-item {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .sps-form-label {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .sps-modern-input {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .sps-modern-input::placeholder {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .sps-modern-input:focus {
    border-color: var(--fs-accent) !important;
    box-shadow:
        0 0 0 3px var(--str-accent-soft),
        inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

body.str-feng-shui-active .sps-toggle-eye-btn:hover {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active .sps-login-btn-submit {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 18px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .sps-login-btn-submit:hover:not(:disabled) {
    filter: brightness(1.06);
    box-shadow: 0 6px 24px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .sps-login-btn-skip {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .sps-login-btn-skip:hover {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active .sps-login-secure-footer {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .sps-login-secure-footer .secure-icon {
    color: var(--fs-accent) !important;
}

/* Thẻ liên kết SPS trong menu ☰ */
body.str-feng-shui-active .sps-link-card {
    background: linear-gradient(
        135deg,
        var(--str-accent-soft) 0%,
        color-mix(in srgb, var(--fs-accent) 5%, transparent) 100%
    ) !important;
    border: 1px dashed var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active .sps-link-card:hover {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 4px 16px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .sps-link-icon {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 3px 10px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .sps-link-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .sps-link-desc {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .btn-sps-link-action {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 3px 12px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .menu-sps-connected-block {
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active .menu-sps-fullname,
body.str-feng-shui-active .menu-acc-name {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .menu-sps-account-meta {
    color: var(--str-text-muted) !important;
    border-top-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active .menu-sps-account-meta #menu-user-account-id {
    color: var(--fs-accent) !important;
}

/* ========== Tab Lịch sử lệnh & dòng tiền (#sps-history-tab) — đồng bộ Giao diện ========== */
body.str-feng-shui-active #sps-history-tab {
    color: var(--str-text-main, #f5f5f5) !important;
    background-color: var(--str-bg-base, #000) !important;
    background-image:
        radial-gradient(ellipse 70% 48% at 88% 8%, var(--str-accent-soft) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 8% 18%, var(--str-accent-mid) 0%, transparent 52%);
}

body.str-pure-white.str-feng-shui-active #sps-history-tab {
    background-image: none !important;
    background-color: var(--str-bg-base, #f4f5f7) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-nav {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active.str-bg-cosmic #sps-history-tab .sps-hist-nav,
body.str-feng-shui-active.str-bg-cosmic #sps-history-tab .sps-hist-card,
body.str-feng-shui-active.str-bg-cosmic #sps-history-tab .sps-hist-table-wrap,
body.str-feng-shui-active.str-bg-cosmic #sps-history-tab .sps-lock-card {
    background: rgba(15, 23, 42, 0.7) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.str-feng-shui-active #sps-history-tab .sps-hist-tab-btn {
    color: var(--str-text-muted) !important;
    border: 1px solid transparent !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-tab-btn:hover {
    color: var(--fs-accent) !important;
    background: var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-tab-btn.active {
    background: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-card,
body.str-feng-shui-active #sps-history-tab .sps-hist-table-wrap,
body.str-feng-shui-active #sps-history-tab .sps-lock-card {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-header {
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-title::before {
    background: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-toolbar {
    background: var(--str-bg-surface) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-select,
body.str-feng-shui-active #sps-history-tab .sps-hist-date-item {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-select:focus,
body.str-feng-shui-active #sps-history-tab .sps-hist-date-item:focus-within {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 2px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-date-lbl {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-date-input {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-btn-search {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 2px 10px var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-btn-search:hover {
    filter: brightness(1.06);
}

body.str-feng-shui-active #sps-history-tab .sps-hist-btn-export {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-btn-export:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-table th {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-muted) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-table th.th-group {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-table td {
    color: var(--str-text-main) !important;
    border-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-table tr:hover td {
    background: var(--str-accent-soft) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-table tfoot tr td {
    background: var(--str-bg-surface) !important;
    border-top-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-page-left {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-page-btn {
    background: var(--str-bg-card) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-page-btn:hover:not(:disabled) {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-page-current {
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-cond-type-badge {
    background: var(--str-accent-soft) !important;
    color: var(--fs-accent) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-hist-empty-title,
body.str-feng-shui-active #sps-history-tab .sps-hist-empty-desc {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-lock-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-history-tab .sps-lock-desc {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-nav,
body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-card,
body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-table-wrap,
body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-toolbar,
body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-lock-card {
    background: var(--str-bg-card) !important;
    border-color: var(--fs-accent-border, #e5e7eb) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-select,
body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-date-item,
body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-page-btn {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active.str-pure-white #sps-history-tab .sps-hist-table th {
    background: var(--str-bg-surface) !important;
}

/* ========== Modal thông báo SPS (#sps-alert-modal) & khung xác nhận ========== */
body.str-feng-shui-active #sps-alert-modal.sps-modal-overlay,
body.str-feng-shui-active #sps-order-confirm.sps-modal-overlay,
body.str-feng-shui-active #sps-cancel-order-confirm.sps-modal-overlay,
body.str-feng-shui-active #sps-delete-tpsl-confirm.sps-modal-overlay,
body.str-feng-shui-active #sps-account-select-modal.sps-modal-overlay {
    background: color-mix(in srgb, var(--str-bg-base, #060913) 78%, transparent) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.str-feng-shui-active .sps-confirm-card {
    background: var(--str-bg-card, rgba(15, 23, 42, 0.95)) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.55),
        0 0 24px var(--str-accent-soft) !important;
}

body.str-feng-shui-active.str-bg-cosmic .sps-confirm-card {
    background: linear-gradient(
        160deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.1)) 0%,
        rgba(15, 23, 42, 0.92) 100%
    ) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.str-themed-borders .sps-confirm-card {
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
}

body.str-feng-shui-active #sps-alert-modal .sps-alert-title {
    margin: 0 0 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active #sps-alert-modal .sps-alert-title--success {
    color: #10b981 !important;
}

body.str-feng-shui-active #sps-alert-modal .sps-alert-title--error {
    color: #ef4444 !important;
}

body.str-feng-shui-active #sps-alert-modal .sps-alert-title--warning {
    color: #f59e0b !important;
}

body.str-feng-shui-active #sps-alert-modal .sps-alert-message {
    font-size: 13px !important;
    color: var(--str-text-muted) !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
    word-break: break-word !important;
}

body.str-feng-shui-active .sps-confirm-head h3 {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .sps-confirm-row {
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .sps-confirm-row b {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .sps-confirm-back {
    background: var(--str-bg-surface) !important;
    color: var(--str-text-main) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active .sps-confirm-back:hover {
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent) !important;
    color: var(--fs-accent) !important;
}

body.str-feng-shui-active .sps-confirm-ok.primary {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
}

body.str-feng-shui-active .sps-confirm-ok.primary:hover {
    filter: brightness(1.06);
}

body.str-feng-shui-active .sps-confirm-ok:not(.danger):not(.primary) {
    background: #16a34a !important;
    color: #fff !important;
}

body.str-feng-shui-active .sps-confirm-ok.danger {
    background: #ef4444 !important;
    color: #fff !important;
}

/* ========== Menu ☰ — khách chưa đăng nhập (guest-card) ========== */
body.str-feng-shui-active .user-info-dropdown {
    background: var(--str-bg-card, rgba(15, 23, 42, 0.98)) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.45),
        0 0 20px var(--str-accent-soft) !important;
}

body.str-feng-shui-active.str-bg-cosmic .user-info-dropdown {
    background: linear-gradient(
        165deg,
        var(--str-cosmic-card-a, rgba(14, 165, 233, 0.12)) 0%,
        rgba(15, 23, 42, 0.95) 100%
    ) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.str-feng-shui-active .menu-guest-view {
    background: transparent !important;
}

body.str-feng-shui-active .guest-avatar {
    background: var(--str-accent-soft) !important;
    border: 1px solid var(--fs-accent-border, var(--fs-accent)) !important;
    color: var(--fs-accent) !important;
    box-shadow: 0 4px 12px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .guest-title {
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .guest-desc {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .btn-guest-login {
    background: var(--fs-accent) !important;
    color: var(--str-accent-fg, #111827) !important;
    box-shadow: 0 4px 14px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .btn-guest-login:hover {
    filter: brightness(1.06);
    box-shadow: 0 6px 20px var(--str-accent-soft) !important;
}

/* Menu ☰ — đã đăng nhập (đồng bộ cùng dropdown) */
body.str-feng-shui-active .menu-tabs-header {
    background: var(--str-bg-surface) !important;
    border-bottom-color: var(--fs-accent-border, var(--str-border-subtle)) !important;
}

body.str-feng-shui-active .menu-tab-btn {
    color: var(--str-text-muted) !important;
}

body.str-feng-shui-active .menu-tab-btn:hover {
    color: var(--str-text-main) !important;
    background: var(--str-accent-soft) !important;
}

body.str-feng-shui-active .menu-tab-btn.active {
    color: var(--fs-accent) !important;
    background: var(--str-accent-soft) !important;
    border-color: var(--fs-accent-border, var(--fs-accent)) !important;
    box-shadow: 0 0 12px var(--str-accent-soft) !important;
}

body.str-feng-shui-active .menu-card {
    background: var(--str-bg-surface) !important;
    border: 1px solid var(--fs-accent-border, var(--str-border-subtle)) !important;
    color: var(--str-text-main) !important;
}

body.str-feng-shui-active .menu-content-body::-webkit-scrollbar-thumb:hover {
    background: var(--fs-accent) !important;
}

body.str-pure-white.str-feng-shui-active .user-info-dropdown {
    background: var(--str-bg-card) !important;
    color: var(--str-text-main) !important;
}

body.str-pure-white.str-feng-shui-active .guest-title {
    color: var(--str-text-main) !important;
}

body.str-pure-white.str-feng-shui-active .guest-desc {
    color: var(--str-text-muted) !important;
}

@media (max-width: 768px) {
    body.str-feng-shui-active .tabs-links .tab-btn {
        font-size: 11px !important;
        padding: 6px 8px !important;
        min-height: 34px !important;
    }
}/* [Removed #home-tab override] *//* [Removed #home-tab override] *//* [Removed #home-tab override] *//* [Removed #home-tab override] *//* [Removed #home-tab override] *//* [Removed #home-tab override] *//* [Removed #home-tab override] *//* [Removed #home-tab override] *//* [Removed #home-tab override] */