/* ============================================================
   GH HANDICRAFT DROPSHIP PROGRAM — reseller dashboard theme
   Registered via FilamentAsset in DropshipPanelProvider. Panel chrome is
   scoped to body.fi-panel-dropship; the .ds-panel-* blocks only exist in
   this panel's own views. Same teak / honey / forest palette as the
   Seller Centre.
   ============================================================ */

body.fi-panel-dropship {
    --hc-teak: #3A2416;
    --hc-teak-2: #2B1A0F;
    --hc-honey: #E0A84B;
    --hc-forest: #2F4A3A;
    --hc-forest-2: #22382B;
    --hc-paper: #FAF5EC;
}
body.fi-panel-dropship .fi-layout,
body.fi-panel-dropship .fi-main-ctn { background: var(--hc-paper); }

body.fi-panel-dropship .fi-sidebar { background: var(--hc-forest-2); border-inline-end-color: rgba(246, 236, 217, .08); }
body.fi-panel-dropship .fi-sidebar-header { background: var(--hc-teak); border-block-end-color: rgba(246, 236, 217, .08); }
body.fi-panel-dropship .fi-sidebar-header .hc-panel-brand-name { color: #fff; }
body.fi-panel-dropship .fi-sidebar-header .hc-panel-brand-tag { color: var(--hc-honey); }
body.fi-panel-dropship .fi-sidebar-group-label { color: var(--hc-honey) !important; }
body.fi-panel-dropship .fi-sidebar-item-btn .fi-sidebar-item-label { color: rgba(246, 236, 217, .82) !important; }
body.fi-panel-dropship .fi-sidebar-item-btn .fi-icon { color: rgba(246, 236, 217, .6) !important; }
body.fi-panel-dropship .fi-sidebar-item-btn:hover { background: rgba(246, 236, 217, .08) !important; }
body.fi-panel-dropship .fi-sidebar-item.fi-active .fi-sidebar-item-btn { background: rgba(224, 168, 75, .16) !important; }
body.fi-panel-dropship .fi-sidebar-item.fi-active .fi-sidebar-item-label,
body.fi-panel-dropship .fi-sidebar-item.fi-active .fi-icon { color: var(--hc-honey) !important; }
body.fi-panel-dropship .fi-topbar { background: #fff; border-block-end: 3px solid var(--hc-honey); }
body.fi-panel-dropship .fi-header-heading { font-family: 'Fraunces', serif; color: var(--hc-teak); letter-spacing: -.01em; }

/* brand lockup (same markup as the Seller Centre) */
body.fi-panel-dropship .hc-panel-brand { display: inline-flex; align-items: center; gap: .6rem; line-height: 1; }
body.fi-panel-dropship .hc-panel-brand-img { height: 2.2rem; width: auto; }
body.fi-panel-dropship .hc-panel-brand-mark { font-size: 1.6rem; color: var(--hc-honey); display: inline-grid; place-items: center; }
body.fi-panel-dropship .hc-panel-brand-mark .ico { width: 1em; height: 1em; }
body.fi-panel-dropship .hc-panel-brand-words { display: flex; flex-direction: column; gap: .2rem; }
body.fi-panel-dropship .hc-panel-brand-name { font-family: 'Fraunces', serif; font-weight: 700; font-size: 1.1rem; color: var(--hc-teak); white-space: nowrap; }
body.fi-panel-dropship .hc-panel-brand-tag { font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: #B7791F; white-space: nowrap; font-weight: 600; }

/* dashboard welcome + quick links */
.ds-panel-welcome {
    display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem;
    padding: 1.25rem 1.4rem; border-radius: 1rem; color: #fff;
    background: linear-gradient(120deg, #3A2416 0%, #2F4A3A 100%);
}
.ds-panel-welcome-title { font-family: 'Fraunces', serif; font-size: 1.35rem; font-weight: 700; margin: 0; color: #fff; }
.ds-panel-welcome p { margin: .35rem 0 0; font-size: .9rem; line-height: 1.5; color: rgba(246, 236, 217, .85); max-width: 46rem; }
.ds-panel-welcome strong { color: #fff; }
.ds-panel-status { flex: none; padding: .35rem .8rem; border-radius: 999px; font-size: .75rem; font-weight: 700; background: rgba(224, 168, 75, .22); color: #F6D9A3; }
.ds-panel-status.ds-status-approved { background: rgba(110, 231, 183, .2); color: #A7F3D0; }
.ds-panel-status.ds-status-rejected,
.ds-panel-status.ds-status-disabled { background: rgba(252, 165, 165, .2); color: #FECACA; }
.ds-panel-quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .75rem; margin-top: .9rem; }
.ds-panel-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: #3A2416; text-decoration: none;
    transition: border-color .15s, transform .15s;
}
.ds-panel-quick a:hover { border-color: #E0A84B; transform: translateY(-1px); }
.ds-panel-quick a strong { font-weight: 700; font-size: .95rem; }
.ds-panel-quick a span { font-size: .8rem; color: #78716c; }

/* order form summary */
.ds-summary { width: 100%; border-collapse: collapse; font-size: .9rem; }
.ds-summary td { padding: .4rem 0; border-bottom: 1px dashed rgba(58, 36, 22, .14); }
.ds-summary td:last-child { text-align: right; font-weight: 600; white-space: nowrap; }
.ds-summary tr.is-total td { border-bottom: 0; padding-top: .6rem; font-size: 1rem; font-weight: 700; color: #3A2416; }
.ds-summary tr.is-profit td { color: #15803D; font-weight: 700; }
.ds-summary tr.is-loss td { color: #B91C1C; font-weight: 700; }
.ds-summary-note { margin: .5rem 0 0; font-size: .8rem; color: #78716c; }

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