/* ─── Trunk Brand Fonts ───────────────────────────────────────────────────── */

@font-face {
    font-family: 'Roobert';
    src: url('https://trunk.agency/app/themes/trunk-sage/public/fonts/Roobert-Regular.a68d66.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert';
    src: url('https://trunk.agency/app/themes/trunk-sage/public/fonts/Roobert-Medium.9140d8.woff2') format('woff2');
    font-weight: 500 600;
    font-display: swap;
}

/* ─── Global Font Override ────────────────────────────────────────────────── */

:root {
    --trunk-orange: #FF5328;
    --trunk-black: #000000;
    --trunk-off-white: #F5F5F5;
    --trunk-dark-grey: #3C3C3C;
    --trunk-mid-grey: #787878;
    --trunk-purple: #5636C0;
    --trunk-purple-light: #7E67F5;
}

/* Apply Roobert across the panel */
.fi-body,
.filament-body,
[class*="fi-"] {
    font-family: 'Roobert', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ─── Sidebar ─────────────────────────────────────────────────────────────── */

.fi-sidebar {
    background-color: #0a0a0a !important;
    border-right: 1px solid #1f1f1f !important;
}

.fi-sidebar-nav {
    background-color: #0a0a0a !important;
}

/* Sidebar nav items */
.fi-sidebar-item-button {
    color: #999 !important;
    border-radius: 6px !important;
}

.fi-sidebar-item-button:hover {
    background-color: #1a1a1a !important;
    color: #F5F5F5 !important;
}

.fi-sidebar-item-button.fi-active,
.fi-sidebar-item-button[aria-current] {
    background-color: #FF5328 !important;
    color: #fff !important;
}

.fi-sidebar-item-button.fi-active svg,
.fi-sidebar-item-button[aria-current] svg {
    color: #fff !important;
}

/* Sidebar group labels */
.fi-sidebar-group-label {
    color: #555 !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* Brand logo area */
.fi-sidebar-header {
    background-color: #0a0a0a !important;
    border-bottom: 1px solid #1f1f1f !important;
    padding: 1.25rem 1rem !important;
}

/* ─── Topbar ──────────────────────────────────────────────────────────────── */

.fi-topbar {
    background-color: #0a0a0a !important;
    border-bottom: 1px solid #1f1f1f !important;
}

.fi-topbar nav,
.fi-topbar button,
.fi-topbar a {
    color: #999 !important;
}

.fi-topbar button:hover,
.fi-topbar a:hover {
    color: #F5F5F5 !important;
}

.fi-breadcrumbs li span,
.fi-breadcrumbs li a {
    color: #666 !important;
}

.fi-breadcrumbs li:last-child span {
    color: #999 !important;
}

/* ─── Stat cards ──────────────────────────────────────────────────────────── */

.fi-stats-overview-stat {
    border-radius: 8px !important;
}

/* ─── Buttons — primary ───────────────────────────────────────────────────── */

.fi-btn-primary,
button[class*="fi-btn"][class*="primary"] {
    background-color: #FF5328 !important;
    border-color: #FF5328 !important;
}

.fi-btn-primary:hover {
    background-color: #e63d10 !important;
}

/* ─── Badges ──────────────────────────────────────────────────────────────── */

/* ─── Tables ──────────────────────────────────────────────────────────────── */

.fi-ta-header-cell {
    font-weight: 500 !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #9ca3af !important;
}

/* ─── Page headings ───────────────────────────────────────────────────────── */

.fi-header-heading {
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
}

/* ─── Form sections ───────────────────────────────────────────────────────── */

.fi-section {
    border-radius: 8px !important;
}