/* Painel da loja — mesma identidade do admin e do site: grafite, oliva e lima. */

body.fi-panel-painel {
    --zc-ink: #f1f4e9;
    --zc-amber: #f6ad21;
    --zc-blue: #d9f46b;
    --zc-blue-bright: #bce64b;
    --zc-cyan: #86dfbd;
    --zc-paper: #0b1110;
    --zc-surface: #141b18;
    --zc-muted: #a7b2a8;
    --zc-line: rgb(223 239 218 / 11%);
    color: var(--zc-ink);
    background:
        radial-gradient(ellipse 70% 42% at 100% -8%, rgb(217 244 107 / 10%), transparent 58%),
        radial-gradient(ellipse 55% 35% at 0% 18%, rgb(134 223 189 / 8%), transparent 58%),
        var(--zc-paper) !important;
}

body.fi-panel-painel .fi-sidebar {
    background:
        radial-gradient(ellipse 85% 38% at 5% 0%, rgb(217 244 107 / 8%), transparent 58%),
        linear-gradient(180deg, #101814 0%, #0c1210 100%) !important;
    border-inline-end: 1px solid var(--zc-line) !important;
    box-shadow: 10px 0 38px rgb(0 0 0 / 22%);
}

body.fi-panel-painel .fi-sidebar-header,
body.fi-panel-painel .fi-topbar nav {
    background: rgb(13 20 17 / 94%) !important;
    border-color: var(--zc-line) !important;
    backdrop-filter: blur(18px);
}

body.fi-panel-painel .fi-sidebar-group-label { color: #89958a !important; }
body.fi-panel-painel .fi-sidebar-item-label { color: #cad2c6 !important; }
body.fi-panel-painel .fi-sidebar-item-icon { color: #94a194 !important; }
body.fi-panel-painel .fi-sidebar-item-button:hover { background: rgb(255 255 255 / 5%) !important; }

body.fi-panel-painel .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: linear-gradient(90deg, rgb(217 244 107 / 13%), rgb(134 223 189 / 5%)) !important;
    box-shadow: inset 3px 0 0 #d9f46b !important;
}

body.fi-panel-painel .fi-sidebar-item.fi-active .fi-sidebar-item-label,
body.fi-panel-painel .fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: #e8f4b6 !important; }

body.fi-panel-painel .fi-header-heading,
body.fi-panel-painel .fi-section-header-heading { color: var(--zc-ink) !important; }

body.fi-panel-painel .fi-header-subheading,
body.fi-panel-painel .fi-section-header-description { color: var(--zc-muted) !important; }

body.fi-panel-painel .fi-section,
body.fi-panel-painel .fi-ta-ctn,
body.fi-panel-painel .fi-wi-stats-overview-stat {
    border-color: var(--zc-line) !important;
    border-radius: 1rem !important;
    background: linear-gradient(155deg, #18211c, #121915) !important;
    box-shadow: 0 14px 34px rgb(0 0 0 / 20%) !important;
}

body.fi-panel-painel .fi-wi-stats-overview-stat-label,
body.fi-panel-painel .fi-wi-stats-overview-stat-label-ctn,
body.fi-panel-painel .fi-ta-header-cell,
body.fi-panel-painel .fi-ta-header-cell-label,
body.fi-panel-painel .fi-fo-field-label,
body.fi-panel-painel .fi-fo-field-label-content { color: #a9b5aa !important; }

body.fi-panel-painel .fi-wi-stats-overview-stat-value,
body.fi-panel-painel .fi-ta-cell,
body.fi-panel-painel .fi-ta-text,
body.fi-panel-painel .fi-ta-text-item-label { color: #e1e8dc !important; }

body.fi-panel-painel .fi-ta-row:hover > td { background: rgb(217 244 107 / 3%) !important; }

body.fi-panel-painel .fi-input-wrp,
body.fi-panel-painel .fi-select-input,
body.fi-panel-painel .fi-fo-textarea-wrp {
    border-color: rgb(223 239 218 / 15%) !important;
    border-radius: .75rem !important;
    background: #0f1712 !important;
}

body.fi-panel-painel .fi-input-wrp:focus-within,
body.fi-panel-painel .fi-select-input:focus-within,
body.fi-panel-painel .fi-fo-textarea-wrp:focus-within {
    border-color: #bce64b !important;
    box-shadow: 0 0 0 3px rgb(217 244 107 / 17%) !important;
}

body.fi-panel-painel .fi-btn-primary,
body.fi-panel-painel .fi-btn-color-primary,
body.fi-panel-painel .fi-tabs-item.fi-active {
    border-color: transparent !important;
    border-radius: .75rem !important;
    color: #18200d !important;
    background: linear-gradient(135deg, #d9f46b, #bce64b) !important;
    box-shadow: 0 8px 20px rgb(190 230 75 / 16%) !important;
}

body.fi-panel-painel .fi-btn-primary *,
body.fi-panel-painel .fi-btn-color-primary *,
body.fi-panel-painel .fi-tabs-item.fi-active * { color: #18200d !important; }

body.fi-panel-painel :is(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid #d9f46b;
    outline-offset: 3px;
}

body.fi-panel-painel .fi-resource-edit-record-page .fi-sc-tabs > .fi-tabs {
    background: rgb(255 255 255 / 4%) !important;
    border: 1px solid var(--zc-line);
}

body.fi-panel-painel .zc-report-section,
body.fi-panel-painel .zc-report-table-wrap,
body.fi-panel-painel .zc-report-stat,
body.fi-panel-painel .zc-report-aging-card,
body.fi-panel-painel .zc-report-table th {
    background: #141b18 !important;
    border-color: var(--zc-line) !important;
    color: var(--zc-ink) !important;
}

body.fi-panel-painel .zc-report-table td,
body.fi-panel-painel .zc-report-stat strong,
body.fi-panel-painel .zc-report-section__head h3 { color: var(--zc-ink) !important; }

body.fi-panel-painel .zc-report-alert--warn {
    color: #ffd27a !important;
    background: rgb(246 173 33 / 12%) !important;
}

body.fi-panel-painel .zc-report-alert--danger {
    color: #ff9b9b !important;
    background: rgb(214 69 69 / 12%) !important;
}

body.fi-panel-painel .zc-report-bars__track > span,
body.fi-panel-painel .zc-report-mini__bar::after {
    background: linear-gradient(90deg, #d9f46b, #86dfbd) !important;
}

body.fi-panel-painel .dark .zc-kanban__column,
body.fi-panel-painel .zc-kanban__column {
    background: #141b18 !important;
    border-color: rgb(223 239 218 / 11%) !important;
}

body.fi-panel-painel .dark .zc-kanban__card,
body.fi-panel-painel .zc-kanban__card {
    background: #101713 !important;
    border-color: rgb(223 239 218 / 11%) !important;
}

body.fi-panel-painel .zc-kanban__column-head h3,
body.fi-panel-painel .zc-kanban__contact,
body.fi-panel-painel .zc-kanban__card-top strong {
    color: #f1f4e9 !important;
}

body.fi-panel-painel .zc-kanban__card-foot a {
    color: #d9f46b !important;
}

body.fi-panel-painel .zc-dashboard-hero,
body.fi-panel-painel .zc-admin-hero,
body.fi-panel-painel .zc-report-hero,
body.fi-panel-painel .zc-ai-hero {
    border: 1px solid rgb(217 244 107 / 16%);
    background:
        radial-gradient(ellipse 38% 70% at 96% 10%, rgb(134 223 189 / 18%), transparent 65%),
        radial-gradient(ellipse 35% 65% at 8% 94%, rgb(217 244 107 / 12%), transparent 68%),
        linear-gradient(135deg, #101713 0%, #151e18 60%, #1b2a1d 100%) !important;
    box-shadow: 0 24px 56px rgb(0 0 0 / 30%) !important;
}

body.fi-panel-painel .zc-admin-hero::after,
body.fi-panel-painel .zc-dashboard-hero::after {
    background: rgb(217 244 107 / 16%) !important;
}