/* ── Nabdha Global Styles ──────────────────── */

/* Font */
* { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }

/* Base */
body { background: #ffffff !important; color: #0f172a !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Navbar links */
.navbar .nav-link {
    color: #64748b !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    transition: color 0.15s, background 0.15s !important;
}
.navbar .nav-link:hover { color: #0f172a !important; background: #f8fafc !important; }
.navbar .nav-link.active { color: #0f172a !important; font-weight: 600 !important; }

/* Date inputs */
input[type="date"] {
    font-size: 0.82rem !important;
    color: #0f172a !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
}
input[type="date"]:focus { border-color: #f97316 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(249,115,22,0.12) !important; }

/* Quick range buttons */
.btn-outline-secondary {
    border-color: #e2e8f0 !important;
    color: #64748b !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
}
.btn-outline-secondary:hover { background: #f8fafc !important; color: #0f172a !important; border-color: #cbd5e1 !important; }
.btn-outline-secondary.active, .btn-outline-secondary:active { background: #0f172a !important; color: #ffffff !important; border-color: #0f172a !important; }

/* DataTable overrides */
.dash-spreadsheet-container .dash-spreadsheet { border: none !important; }
.dash-spreadsheet td, .dash-spreadsheet th { font-size: 0.845rem !important; }
.dash-spreadsheet th { letter-spacing: 0.02em !important; }
.dash-spreadsheet td.cell--selected, .dash-spreadsheet td.focused { background: #fff7ed !important; }

/* Loading spinner */
._dash-loading { color: #f97316 !important; }

/* Cards */
.card { border-radius: 10px !important; }

/* Plotly toolbar hide */
.modebar { display: none !important; }

/* Alert cards RTL */
.tweet-body { word-break: break-word; }

/* Filter pills */
.filter-pill {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid #e2e8f0;
    color: #64748b;
    background: #ffffff;
    transition: all 0.15s;
    text-decoration: none !important;
}
.filter-pill:hover { border-color: #94a3b8; color: #0f172a; }
.filter-pill.active { background: #0f172a; color: #ffffff; border-color: #0f172a; }