/* ============================================================
   GRAINHOUSE VENDOR PANEL THEME
   Registered via FilamentAsset in VendorPanelProvider (plain CSS,
   no build step — matches the vendor-panel.js asset pattern).
   Palette mirrors public/css/grainhouse.css (walnut / oak / kraft).
   ============================================================ */

body.fi-panel-vendor {
    --gh-walnut: #3B2A20;
    --gh-walnut-2: #2A1D16;
    --gh-oak: #C9A876;
    --gh-kraft: #E8DFD1;
    --gh-paper: #F5F0E8;
    --gh-accent: #D9531E;
    --gh-accent-2: #7A8B6F;
    --gh-white: #FBF9F5;
    --gh-ink: #1A130E;
    --gh-line: rgba(59, 42, 32, .14);
}

/* ---------- sidebar ---------- */
body.fi-panel-vendor .fi-sidebar {
    background: var(--gh-walnut-2);
    border-inline-end-color: rgba(232, 223, 209, .08);
}

body.fi-panel-vendor .fi-sidebar-header {
    border-block-end-color: rgba(232, 223, 209, .08);
}

body.fi-panel-vendor .fi-sidebar-group-label {
    color: var(--gh-oak) !important;
}

body.fi-panel-vendor .fi-sidebar-group-btn .fi-icon,
body.fi-panel-vendor .fi-sidebar-group-dropdown-trigger-btn .fi-icon {
    color: var(--gh-oak) !important;
}

body.fi-panel-vendor .fi-sidebar-item-btn {
    color: rgba(232, 223, 209, .85);
}

/* Filament sets text/icon colour directly on the label span and icon,
   not just the parent link, so the parent-level color above doesn't
   cascade — target them explicitly. */
body.fi-panel-vendor .fi-sidebar-item-label {
    color: rgba(245, 240, 232, .92) !important;
}

body.fi-panel-vendor .fi-sidebar-item-btn .fi-icon {
    color: rgba(232, 223, 209, .65) !important;
}

body.fi-panel-vendor .fi-sidebar-item-btn:hover {
    background: rgba(232, 223, 209, .06);
}

body.fi-panel-vendor .fi-sidebar-item-btn:hover .fi-sidebar-item-label {
    color: var(--gh-white) !important;
}

body.fi-panel-vendor .fi-sidebar-item-btn:hover .fi-icon {
    color: var(--gh-kraft) !important;
}

body.fi-panel-vendor .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background: rgba(217, 83, 30, .18);
    color: #fff;
}

body.fi-panel-vendor .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: #fff !important;
}

body.fi-panel-vendor .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--gh-accent) !important;
}

/* "How it works" / "WhatsApp support" footer links (custom partial,
   ships with its own light-mode text-gray-600 classes). */
body.fi-panel-vendor .fi-sidebar-help-link {
    border-top-color: rgba(232, 223, 209, .12) !important;
}

body.fi-panel-vendor .fi-sidebar-help-link a {
    color: rgba(232, 223, 209, .8) !important;
}

body.fi-panel-vendor .fi-sidebar-help-link a:hover {
    color: var(--gh-white) !important;
}

body.fi-panel-vendor .fi-sidebar-help-link a .fi-icon {
    color: rgba(232, 223, 209, .65) !important;
}

/* ---------- topbar & content ---------- */
body.fi-panel-vendor .fi-topbar {
    background: var(--gh-paper);
    border-block-end-color: var(--gh-line);
}

body.fi-panel-vendor .fi-main {
    background: var(--gh-paper);
}

body.fi-panel-vendor .fi-header-heading {
    font-family: 'Fraunces', serif;
}

/* ---------- stat cards ---------- */
body.fi-panel-vendor .fi-wi-stats-overview-stat {
    border-radius: 14px;
    border-color: var(--gh-line);
    transition: transform .15s ease, box-shadow .15s ease;
}

body.fi-panel-vendor .fi-wi-stats-overview-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(59, 42, 32, .1);
}

body.fi-panel-vendor .fi-wi-stats-overview-stat-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* ---------- sections & tables ---------- */
body.fi-panel-vendor .fi-section {
    border-radius: 14px;
}

body.fi-panel-vendor .fi-ta-ctn {
    border-radius: 14px;
}