/* Store Panel analytics skin. It is intentionally visual only: WooCommerce,
 * Dokan, report calculations, dates, filters, links and payment behaviour
 * remain owned by their existing applications. */
body.rsh-account-skin.dokan-dashboard .woocommerce-layout,
body.rsh-account-skin.dokan-dashboard .woocommerce-layout__header,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard-section,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__chart-block,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__chart-block .components-card__body,
body.rsh-account-skin.dokan-dashboard .woocommerce-chart {
    background: var(--rsh-theme-raised-surface, #062733) !important;
    color: var(--rsh-theme-text-primary, #eaf6f8) !important;
    border-color: color-mix(in srgb, var(--rsh-theme-pill-border, #95dae6) 24%, transparent) !important;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-layout__header,
body.rsh-account-skin.dokan-dashboard .woocommerce-section-header {
    border-color: rgba(149, 218, 230, 0.26) !important;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-section-header__title,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__chart-block h3,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__chart-block a,
body.rsh-account-skin.dokan-dashboard .woocommerce-chart,
body.rsh-account-skin.dokan-dashboard .woocommerce-chart * {
    color: #eaf6f8 !important;
}

/* Performance cards retain restrained individual accents while restoring
 * text contrast and avoiding the bright, detached percentage badges. */
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item {
    min-height: 122px;
    border: 1px solid rgba(149, 218, 230, 0.22);
    color: #f5ffff !important;
    box-shadow: none;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-container:nth-child(1) .woocommerce-summary__item { background: rgba(90, 74, 94, 0.56) !important; }
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-container:nth-child(2) .woocommerce-summary__item { background: rgba(34, 98, 78, 0.58) !important; }
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-container:nth-child(3) .woocommerce-summary__item { background: rgba(44, 74, 126, 0.60) !important; }
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-container:nth-child(4) .woocommerce-summary__item { background: rgba(96, 75, 43, 0.58) !important; }
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-container:nth-child(5) .woocommerce-summary__item { background: rgba(39, 76, 121, 0.60) !important; }
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-container:nth-child(6) .woocommerce-summary__item { background: rgba(33, 101, 81, 0.58) !important; }
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-container:nth-child(n+7) .woocommerce-summary__item { background: rgba(30, 69, 79, 0.72) !important; }

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-label,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-value,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-label *,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-value * {
    color: #f5ffff !important;
    opacity: 1 !important;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-delta,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item-delta * {
    background: rgba(7, 42, 53, 0.94) !important;
    border: 1px solid rgba(149, 218, 230, 0.34) !important;
    color: #f5ffff !important;
    box-shadow: none;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item:hover {
    filter: brightness(1.09);
}

/* Reports toolbar: solid control surfaces prevent the heading rule from
 * showing underneath By day on narrow screens. Controls remain visible and
 * use their original native select, line/bar and menu interactions. */
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .woocommerce-section-header__actions,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-input-base,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-input-control__container,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-select-control__input {
    background: var(--rsh-theme-pill-background, #0a3947) !important;
    color: var(--rsh-theme-pill-text, #eaf6f8) !important;
    border-color: color-mix(in srgb, var(--rsh-theme-pill-border, #95dae6) 34%, transparent) !important;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-input-control__container,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-input-control__suffix,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-input-control__suffix svg,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-button,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-button svg,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts [role="menubar"],
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts [role="menuitemradio"] {
    color: #eaf6f8 !important;
    fill: currentColor;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .d3-chart__tooltip {
    background: #062733 !important;
    border-color: rgba(149, 218, 230, 0.34) !important;
    color: #f5ffff !important;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts svg text {
    fill: #d2e5e8 !important;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts svg line,
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts svg .grid-line {
    stroke: rgba(149, 218, 230, 0.30) !important;
}

/* Keep the report heading rule in its own row. This prevents the rule from
 * running under the period selector on desktop as well as mobile. */
body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .woocommerce-section-header.has-interval-select {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    isolation: isolate;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .woocommerce-section-header.has-interval-select > hr {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin: 0;
}

body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .woocommerce-section-header__actions {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    z-index: 2;
    padding: 0;
}

@media (max-width: 768px) {
    body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__store-performance .woocommerce-summary__item {
        min-height: 142px;
        padding: 20px !important;
    }

    body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .woocommerce-chart__interval-select,
    body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-base-control__field,
    body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-input-base,
    body.rsh-account-skin.dokan-dashboard .woocommerce-dashboard__dashboard-charts .components-input-control__container {
        min-width: 132px;
        margin: 0 !important;
    }
}