/*
 * ReShark admin panel — brand skin.
 *
 * A build-free theme layer (plain CSS, registered as a Filament asset in
 * AdminPanelProvider, the same way prompt-studio.css is) that pulls the stock
 * Filament chrome toward the product's look: a warm cream canvas, a forest-green
 * sidebar, forest ink, and the app's own type — Google Sans for UI, Plus Jakarta
 * Sans for display.
 *
 * Tokens mirror frontend-v4/src/index.css: bg #F8F8F0, brand/forest #002310,
 * brand-raised #004925, on-brand-display (pale mint) #D7E9D7.
 */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

/* Warm cream page canvas instead of Filament's cool white/gray. */
.fi-body {
    background-color: #f8f8f0;
    font-family: 'Google Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

/* Topbar stays light, sitting on the cream canvas. */
.fi-topbar > nav {
    background-color: #ffffff;
}

/* Surfaces: white cards/sections/tables/widgets/dropdowns/modals on the cream
 * canvas — the product's white-on-cream contrast. */
.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta,
.fi-ta-ctn,
.fi-dropdown-panel,
.fi-modal-window,
.fi-fo-component-ctn > .fi-input-wrp {
    background-color: #ffffff;
}

/* Forest-green sidebar — matches the main platform's rail. */
.fi-sidebar {
    background-color: #002310;
}

/* Pale-mint nav text/icons + group labels, readable on forest. */
.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group-btn {
    color: #d7e9d7;
}

.fi-sidebar .fi-sidebar-item-btn:hover {
    background-color: #0a3d22;
}

.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: #ffffff;
}

/* Active item: deeper forest fill + white label. */
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.fi-sidebar .fi-sidebar-item-btn.fi-active {
    background-color: #004925;
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-btn.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-btn.fi-active .fi-sidebar-item-icon {
    color: #ffffff;
}

/* Display type for headings — the product's Plus Jakarta Sans. */
.fi-header-heading,
.fi-modal-heading,
.fi-section-header-heading,
.fi-ta-header-heading,
h1,
h2,
h3 {
    font-family: 'Plus Jakarta Sans', 'Google Sans', ui-sans-serif, sans-serif;
    letter-spacing: -0.01em;
}

/* Wordmark: pale mint on the forest sidebar. */
.fi-logo {
    color: #d7e9d7;
    font-family: 'Plus Jakarta Sans', 'Google Sans', sans-serif;
    font-weight: 700;
}