/* Custom Filament styling — Watchlist design (#03bfb5 at 10% opacity) */

/* ── Brand fonts: Montserrat (headings) + Inter (body) ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');

.fi-body {
    font-family: 'Inter', sans-serif !important;
}

/* Headings: Montserrat */
.fi-header-heading,
.fi-sidebar-header,
.fi-ta-header-heading,
.fi-section-header-heading,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}

/* Sidebar nav: Inter */
.fi-sidebar-item-label,
.fi-sidebar-group-label {
    font-family: 'Inter', sans-serif !important;
}

/* Page background: light teal */
.fi-body {
    background-color: rgba(3, 191, 181, 0.1) !important;
}

/* Table wrapper: transparent to show page background */
.fi-ta-ctn {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Dark mode */
.dark .fi-body {
    background-color: rgba(3, 191, 181, 0.05) !important;
}

.dark .fi-ta-ctn {
    background-color: transparent !important;
}

/* Sidebar menu item text color: teal #00A69D */
.fi-sidebar-item-label {
    color: #00A69D !important;
}

/* Sidebar menu item icon color */
.fi-sidebar-item-btn > svg,
.fi-sidebar-item-btn > .fi-sidebar-item-icon {
    color: #00A69D !important;
}

/* Active item stays primary */
.fi-sidebar-item-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-label {
    color: #00A69D !important;
}

/* Sidebar group labels */
.fi-sidebar-group-label {
    color: #00A69D !important;
}

/* Dark mode */
.dark .fi-sidebar-item-label {
    color: #00A69D !important;
}

.dark .fi-sidebar-item-btn > svg {
    color: #00A69D !important;
}

/* ── Links: hover #03bfb5 ── */
a:hover,
.fi-link:hover,
.fi-ta-row a:hover {
    color: #03bfb5 !important;
}

/* ── Buttons: no color change on hover ── */
.fi-btn-color-primary:hover {
    background-color: #00A69D !important;
}

/* ── Watchlist badge styles (Figma design) ── */

/* Company badge: teal */
[data-badge-type="company"] .fi-badge {
    background: rgba(0, 166, 157, 0.10) !important;
    border: 0.4px solid #00A69D !important;
    border-radius: 4px !important;
    color: #00A69D !important;
}

/* Commodity badge: golden amber */
[data-badge-type="commodity"] .fi-badge {
    background: #F6E7C2 !important;
    border: 0.4px solid #84621F !important;
    border-radius: 4px !important;
    color: #84621F !important;
}

/* Immediate badge: red */
[data-badge-frequency="immediate"] .fi-badge {
    background: #FDE8E8 !important;
    border: 0.5px solid #8F2624 !important;
    border-radius: 4px !important;
    color: #8F2624 !important;
}

/* Daily badge: teal (same as Company) */
[data-badge-frequency="daily"] .fi-badge {
    background: rgba(0, 166, 157, 0.10) !important;
    border: 0.4px solid #00A69D !important;
    border-radius: 4px !important;
    color: #00A69D !important;
}

/* Weekly badge: golden amber (same as Commodity) */
[data-badge-frequency="weekly"] .fi-badge {
    background: #F6E7C2 !important;
    border: 0.4px solid #84621F !important;
    border-radius: 4px !important;
    color: #84621F !important;
}

/* ── Delete action: #b93836 ── */
.fi-ta-row .fi-action-color-danger {
    color: #b93836 !important;
}

.fi-ta-row .fi-action-color-danger svg {
    color: #b93836 !important;
}