/* ============================================================
   GRAIN HANDICRAFT SELLER CENTRE — panel theme
   Registered via FilamentAsset in HandicraftPanelProvider. Every rule is
   scoped to body.fi-panel-handicraft, so the admin and the furniture
   /vendor panel are untouched. Palette mirrors the store's .hc-* tokens
   in grainhouse.css (teak / honey / forest).
   ============================================================ */

body.fi-panel-handicraft {
    --hc-teak: #3A2416;
    --hc-teak-2: #2B1A0F;
    --hc-honey: #E0A84B;
    --hc-forest: #2F4A3A;
    --hc-forest-2: #22382B;
    --hc-cream: #F6ECD9;
    --hc-paper: #FAF5EC;
}

body.fi-panel-handicraft .fi-layout,
body.fi-panel-handicraft .fi-main-ctn {
    background: var(--hc-paper);
}

/* ---------- brand lockup ---------- */
.hc-panel-brand { display: inline-flex; align-items: center; gap: .6rem; line-height: 1; }
.hc-panel-brand-img { height: 2.2rem; width: auto; }
.hc-panel-brand-mark { font-size: 1.6rem; }
.hc-panel-brand-words { display: flex; flex-direction: column; gap: .2rem; }
.hc-panel-brand-name { font-family: 'Fraunces', serif; font-weight: 700; font-size: 1.1rem; color: var(--hc-teak, #3A2416); white-space: nowrap; }
.hc-panel-brand-tag { font-family: 'JetBrains Mono', monospace; font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: #B7791F; white-space: nowrap; }

/* ---------- sidebar ---------- */
body.fi-panel-handicraft .fi-sidebar {
    background: var(--hc-forest-2);
    border-inline-end-color: rgba(246, 236, 217, .08);
}
body.fi-panel-handicraft .fi-sidebar-header {
    background: var(--hc-teak);
    border-block-end-color: rgba(246, 236, 217, .08);
}
body.fi-panel-handicraft .fi-sidebar-header .hc-panel-brand-name { color: #fff; }
body.fi-panel-handicraft .fi-sidebar-header .hc-panel-brand-tag { color: var(--hc-honey); }
body.fi-panel-handicraft .fi-sidebar-group-label { color: var(--hc-honey) !important; }
body.fi-panel-handicraft .fi-sidebar-group-btn .fi-icon,
body.fi-panel-handicraft .fi-sidebar-group-dropdown-trigger-btn .fi-icon { color: var(--hc-honey) !important; }
body.fi-panel-handicraft .fi-sidebar-item-btn .fi-sidebar-item-label { color: rgba(246, 236, 217, .82) !important; }
body.fi-panel-handicraft .fi-sidebar-item-btn .fi-icon { color: rgba(246, 236, 217, .6) !important; }
body.fi-panel-handicraft .fi-sidebar-item-btn:hover { background: rgba(246, 236, 217, .08) !important; }
body.fi-panel-handicraft .fi-sidebar-item.fi-active .fi-sidebar-item-btn { background: rgba(224, 168, 75, .16) !important; }
body.fi-panel-handicraft .fi-sidebar-item.fi-active .fi-sidebar-item-label,
body.fi-panel-handicraft .fi-sidebar-item.fi-active .fi-icon { color: var(--hc-honey) !important; }
body.fi-panel-handicraft .fi-sidebar-item-badge-ctn .fi-badge { background: var(--hc-honey); color: var(--hc-teak-2); }

/* ---------- topbar ---------- */
body.fi-panel-handicraft .fi-topbar {
    background: #fff;
    border-block-end: 3px solid var(--hc-honey);
}

/* ---------- headings ---------- */
body.fi-panel-handicraft .fi-header-heading {
    font-family: 'Fraunces', serif;
    color: var(--hc-teak);
    letter-spacing: -.01em;
}

/* ---------- dashboard quick actions ---------- */
.hc-quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .75rem; }
.hc-quick a {
    display: flex; flex-direction: column; gap: .25rem; padding: .9rem 1rem; border-radius: .75rem;
    background: #fff; border: 1px solid rgba(58, 36, 22, .12); color: var(--hc-teak, #3A2416);
    text-decoration: none; transition: border-color .15s, transform .15s;
}
.hc-quick a:hover { border-color: #E0A84B; transform: translateY(-1px); }
.hc-quick a strong { font-weight: 700; font-size: .95rem; }
.hc-quick a span { font-size: .78rem; color: #78716c; }
.hc-quick .hc-quick-icon { font-size: 1.35rem; }
.hc-welcome {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
    padding: 1.25rem 1.4rem; border-radius: 1rem; color: #fff;
    background: linear-gradient(120deg, #3A2416 0%, #2F4A3A 100%);
}
.hc-welcome h2 { font-family: 'Fraunces', serif; font-size: 1.35rem; font-weight: 700; margin: 0; color: #fff; }
.hc-welcome p { margin: .25rem 0 0; font-size: .88rem; color: rgba(246, 236, 217, .8); }
.hc-welcome .hc-welcome-pill {
    display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .75rem; border-radius: 999px;
    font-size: .75rem; font-weight: 700; background: rgba(224, 168, 75, .2); color: #F6D9A3;
}
.hc-notice { padding: .9rem 1.1rem; border-radius: .75rem; font-size: .88rem; line-height: 1.5; }
.hc-notice-warn { background: #FEF3C7; border: 1px solid #FCD34D; color: #78350F; }
.hc-notice-info { background: #ECFDF5; border: 1px solid #6EE7B7; color: #064E3B; }
.hc-notice a { font-weight: 700; text-decoration: underline; }

@media (max-width: 640px) {
    .hc-welcome { padding: 1rem; }
    .hc-welcome h2 { font-size: 1.15rem; }
    .hc-quick { grid-template-columns: 1fr 1fr; }
}