/* ============================================================
   StockAdvisor VN - phan lon UI dung Tailwind utility class truc tiep
   trong markup (giong file mau). File nay chi giu nhung thu Tailwind
   khong tien lam gon: scrollbar, active-tab, modal search, avatar tron...
   ============================================================ */

body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0F172A; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }

/* Tab bar (NavLink tu dong them class "active" khi route khop) */
.tab-btn.active { border-bottom: 2px solid #10B981; color: #10B981; font-weight: 600; }

/* Segmented control (loc san, loc chien luoc dang nut) */
.segment-btn.active { background-color: #10B981; color: #0F172A; font-weight: 700; }

/* Search popup (TradingView-style) */
.search-modal-backdrop {
    position: fixed; inset: 0; background: rgba(0,0,0,0.6);
    z-index: 1000; display: flex; justify-content: center; padding-top: 8vh;
}
.search-modal {
    background: #1E293B; border: 1px solid #334155; border-radius: 10px;
    width: 560px; max-width: 92vw; max-height: 70vh;
    display: flex; flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}

/* Leaderboard avatar (vong tron mau, 2 ky tu dau ma) */
.avatar-circle {
    width: 34px; height: 34px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 0.75rem; font-weight: 700; flex-shrink: 0;
    text-transform: uppercase;
}

/* Sticky table header inside a scrollable list */
.sticky-thead th { position: sticky; top: 0; background: #1E293B; z-index: 2; }

#blazor-error-ui.show { display: block; }