/* public/assets/css/app.css */

/* ── 全域 ──────────────────────────────────────────────────── */
body {
    font-family: 'Segoe UI', 'PingFang TC', 'Noto Sans TC', sans-serif;
    font-size: 0.925rem;
}

/* ── Scrollbar（深色主題用） ────────────────────────────────── */
::-webkit-scrollbar        { width: 6px; height: 6px; }
::-webkit-scrollbar-track  { background: #111827; }
::-webkit-scrollbar-thumb  { background: #374151; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #4b5563; }

/* ── Navbar ────────────────────────────────────────────────── */
.navbar .nav-link:hover { color: #fbbf24 !important; }
.navbar .nav-link.active { color: #fbbf24 !important; }

/* ── Cards ──────────────────────────────────────────────────── */
.card { border-radius: 0.5rem; }

/* ── Table ──────────────────────────────────────────────────── */
.table-dark > :not(caption) > * > * {
    background-color: transparent;
}
.table-hover > tbody > tr:hover > * {
    background-color: rgba(255,255,255,0.04) !important;
}

/* ── 股票代號 Badge ─────────────────────────────────────────── */
.stock-code {
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
}

/* ── 漲跌色 ─────────────────────────────────────────────────── */
.up   { color: #ef4444; }
.down { color: #22c55e; }

/* ── Loading Spinner（AJAX 用） ──────────────────────────────── */
.loading-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.55);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
}

/* ── ECharts 容器 ───────────────────────────────────────────── */
[id$="Chart"] { min-height: 200px; }

/* ── Pagination ────────────────────────────────────────────── */
.pagination .page-link {
    background-color: #1f2937;
    border-color: #374151;
    color: #d1d5db;
}
.pagination .page-link:hover {
    background-color: #374151;
    color: #fbbf24;
}
.pagination .page-item.active .page-link {
    background-color: #d97706;
    border-color: #d97706;
    color: #fff;
}
.pagination .page-item.disabled .page-link {
    background-color: #111827;
    border-color: #374151;
    color: #6b7280;
}