/* ============================================================
   GRAINHOUSE ADMIN THEME
   Applies the public-site design language (Fraunces / JetBrains Mono /
   walnut-kraft palette) to the Filament admin panel — used across the
   Analytics hub (Marketing Overview, Contact Clicks, Chat, Search,
   Pixels & Settings) so every dashboard reads as one system.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
    --gh-walnut:#3B2A20;
    --gh-kraft:#E8DFD1;
    --gh-muted:#9a8a7c;
    --gh-border:#e7e1d8;
    --gh-border-soft:#f0ebe3;
    --gh-accent:#D9531E;
}

/* ---------- Page & section headings → Fraunces serif ---------- */
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading{
    font-family:'Fraunces',serif;
    font-weight:600;
    color:var(--gh-walnut);
}
.dark .fi-header-heading,
.dark .fi-section-header-heading,
.dark .fi-modal-heading{
    color:var(--gh-kraft);
}

/* ---------- Stat widgets (native Filament StatsOverviewWidget) ---------- */
.fi-wi-stats-overview-stat-label{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.fi-wi-stats-overview-stat-value{
    font-family:'Fraunces',serif;
    font-weight:700;
    color:var(--gh-walnut);
}
.dark .fi-wi-stats-overview-stat-value{
    color:var(--gh-kraft);
}

/* ---------- Custom metric cards (Chat / Search analytics) ---------- */
.gh-metric{
    background:#fff;
    border:1px solid var(--gh-border);
    border-radius:12px;
    padding:20px;
}
.dark .gh-metric{
    background:#27211c;
    border-color:#3a322b;
}
.gh-metric-label{
    font-size:12px;
    color:var(--gh-muted);
    text-transform:uppercase;
    letter-spacing:.05em;
    margin-bottom:8px;
    font-family:'JetBrains Mono',monospace;
}
.gh-metric-value{
    font-size:30px;
    font-weight:700;
    color:var(--gh-walnut);
    font-family:'Fraunces',serif;
}
.dark .gh-metric-value{
    color:var(--gh-kraft);
}
.gh-metric-delta{
    font-size:12px;
    margin-top:4px;
}
.gh-metric-delta.up{ color:#16a34a; }
.gh-metric-delta.down{ color:#dc2626; }

/* ---------- List cards (most-asked questions, no-result searches, etc.) ---------- */
.gh-list-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:11px 0;
    border-bottom:1px solid var(--gh-border-soft);
    font-size:14px;
}
.dark .gh-list-row{
    border-bottom-color:rgba(255,255,255,.06);
}
.gh-list-row:last-child{ border-bottom:0; }
.gh-list-row-text{ color:#374151; }
.dark .gh-list-row-text{ color:#d1d5db; }
.gh-list-row-meta{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}
.gh-list-row-time{
    font-size:12px;
    color:var(--gh-muted);
}
.gh-badge{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    background:var(--gh-border-soft);
    color:var(--gh-walnut);
    padding:3px 10px;
    border-radius:20px;
    flex-shrink:0;
}
.dark .gh-badge{
    background:rgba(255,255,255,.08);
    color:var(--gh-kraft);
}
.gh-badge-danger{
    background:rgba(220,38,38,.12);
    color:#dc2626;
}
.dark .gh-badge-danger{
    background:rgba(220,38,38,.2);
    color:#f87171;
}

/* ---------- Connection status dot (Pixels & Settings) ---------- */
.gh-status-connected{ color:#16a34a; font-size:13px; }
.gh-status-unset{ color:var(--gh-muted); font-size:13px; }