:root {
    --bl-dash-cocoa: #8e6b6d;
    --bl-dash-cocoa-deep: #765454;
    --bl-dash-brown: #b99091;
    --bl-dash-brown-strong: #765454;
    --bl-dash-blush: #f7eeee;
    --bl-dash-cream: #fffaf8;
    --bl-dash-border: #eadfdd;
    --bl-dash-text: #312729;
    --bl-dash-muted: #8b7978;
}

body:has(#wcfm-main-contentainer),
body:has(.wcfm_dashboard_wc_status_data),
body:has(#wcfm_menu) {
    background: #f6f0ef !important;
    color: var(--bl-dash-text) !important;
}

#wcfm-main-contentainer,
.wcfm-collapse,
.wcfm-container,
.wcfm-content {
    background: #f6f0ef !important;
}

#wcfm_header_panel,
.wcfm_header_panel,
#wcfm-main-contentainer .wcfm-page-headig,
#wcfm-main-contentainer .wcfm-page-headig-fixed,
#wcfm-main-contentainer .page_collapsible,
#wcfm-main-contentainer .wcfm-collapse .page_collapsible,
#wcfm-main-contentainer .wcfm-tabWrap .page_collapsible {
    background: var(--bl-dash-cocoa-deep) !important;
    border-color: rgba(255, 250, 248, 0.1) !important;
    box-shadow: 0 6px 18px rgba(62, 41, 42, 0.18) !important;
}

#wcfm_header_panel *,
.wcfm_header_panel *,
#wcfm-main-contentainer .wcfm-page-headig *,
#wcfm-main-contentainer .wcfm-page-headig-fixed *,
#wcfm-main-contentainer .page_collapsible,
#wcfm-main-contentainer .page_collapsible *,
#wcfm-main-contentainer .dashboard_widget_head {
    color: #fffaf8 !important;
}

#wcfm-main-contentainer .wcfm-page-heading-text,
#wcfm-main-contentainer .wcfm-page-heading-text .wcfmfa,
#wcfm-main-contentainer .wcfm-page-headig .wcfmfa,
#wcfm-main-contentainer .page_collapsible .wcfmfa,
#wcfm-main-contentainer .page_collapsible i {
    color: #e8c9c4 !important;
}

#wcfm_menu,
.wcfm_menu_logo,
.wcfm_menu_logo h4,
.wcfm_menu_no_logo {
    background: var(--bl-dash-cocoa) !important;
    border-color: rgba(255, 250, 248, 0.08) !important;
}

#wcfm_menu {
    overflow: hidden !important;
}

.wcfm_menu_logo {
    display: flex !important;
    align-items: center !important;
    min-height: 66px !important;
    height: 66px !important;
    padding: 0 14px !important;
    overflow: hidden !important;
}

.wcfm_menu_logo h4 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: 66px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #fffaf8 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.wcfm_menu_logo img {
    flex: 0 0 35px !important;
    width: 35px !important;
    height: 35px !important;
    max-width: 35px !important;
    max-height: 35px !important;
    margin: 0 10px 0 0 !important;
    object-fit: contain !important;
}

#wcfm_menu .wcfm_menu_items,
#wcfm_menu .wcfm_menu_items a,
#wcfm_menu .wcfm_menu_item,
#wcfm_menu .wcfm_menu_item span {
    color: #f8eeee !important;
}

#wcfm_menu .wcfm_menu_items {
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
}

#wcfm_menu .wcfm_menu_item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 18px !important;
    background: transparent !important;
    border: 0 !important;
    line-height: 1.2 !important;
}

#wcfm_menu .wcfm_menu_item span {
    flex: 0 0 22px !important;
    margin: 0 14px 0 0 !important;
    line-height: 1 !important;
}

#wcfm_menu .wcfm_menu_items:hover,
#wcfm_menu .wcfm_menu_items.active,
#wcfm_menu .wcfm_menu_items.wcfm_menu_active,
#wcfm_menu .wcfm_menu_items.current-menu-item,
#wcfm_menu .wcfm_menu_items.current,
#wcfm_menu .wcfm_menu_item:hover,
#wcfm_menu .wcfm_menu_item.active,
#wcfm_menu .wcfm_menu_item.wcfm_menu_active,
#wcfm_menu .wcfm_menu_item.current {
    background: var(--bl-dash-brown) !important;
    color: #fff !important;
}

#wcfm_menu .wcfm_menu_items:hover *,
#wcfm_menu .wcfm_menu_items.active *,
#wcfm_menu .wcfm_menu_items.wcfm_menu_active *,
#wcfm_menu .wcfm_menu_items.current-menu-item *,
#wcfm_menu .wcfm_menu_items.current *,
#wcfm_menu .wcfm_menu_item:hover *,
#wcfm_menu .wcfm_menu_item.active *,
#wcfm_menu .wcfm_menu_item.wcfm_menu_active *,
#wcfm_menu .wcfm_menu_item.current * {
    color: #fff !important;
}

#wcfm-main-contentainer .wcfm-container,
#wcfm-main-contentainer .wcfm-collapse-content,
#wcfm-main-contentainer .wcfm_dashboard_welcome_box,
#wcfm-main-contentainer .wcfm_dashboard_stats_block,
#wcfm-main-contentainer .wcfm_dashboard_latest_topics,
#wcfm-main-contentainer .wcfm_dashboard_wc_status,
#wcfm-main-contentainer .wcfm_dashboard_wc_reports_sales_by_date,
#wcfm-main-contentainer .chart-container,
#wcfm-main-contentainer .wcfm-content {
    border: 1px solid var(--bl-dash-border) !important;
    border-radius: 8px !important;
    background: var(--bl-dash-cream) !important;
    box-shadow: 0 10px 28px rgba(76, 48, 50, 0.08) !important;
}

#wcfm-main-contentainer .wcfm_dashboard_welcome_box,
#wcfm-main-contentainer .wcfm_dashboard_wc_reports_sales_by_date,
#wcfm-main-contentainer .chart-container {
    overflow: hidden !important;
}

#wcfm-main-contentainer .wcfm_dashboard_wcfm_region_stats,
#wcfm-main-contentainer #wcfm_dashboard_wcfm_region_stats_expander {
    min-height: 300px !important;
}

#wcfm-main-contentainer #wcfm_world_map_analytics_view,
#wcfm-main-contentainer #wcfm_world_map_analytics_view .jvectormap-container {
    width: 100% !important;
    min-height: 260px !important;
    height: 260px !important;
    overflow: hidden !important;
}

#wcfm-main-contentainer #wcfm_world_map_analytics_view svg,
#wcfm-main-contentainer #wcfm_world_map_analytics_view .jvectormap-container svg {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
}

#wcfm-main-contentainer #wcfm_world_map_analytics_view .jvectormap-region {
    fill: #b99091 !important;
    stroke: #fffaf8 !important;
    stroke-width: 0.45 !important;
}

#wcfm-main-contentainer #wcfm_world_map_analytics_view .jvectormap-region:hover {
    fill: #765454 !important;
}

#wcfm-main-contentainer #wcfm_world_map_analytics_view .jvectormap-zoomin,
#wcfm-main-contentainer #wcfm_world_map_analytics_view .jvectormap-zoomout {
    background: #765454 !important;
    color: #fffaf8 !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 10px rgba(76, 48, 50, 0.18) !important;
}

#wcfm-main-contentainer h1,
#wcfm-main-contentainer h2,
#wcfm-main-contentainer h3,
#wcfm-main-contentainer h4,
#wcfm-main-contentainer strong,
#wcfm-main-contentainer .wcfm_dashboard_welcome_box h2,
#wcfm-main-contentainer .wcfm_dashboard_welcome_box h3 {
    color: var(--bl-dash-cocoa) !important;
}

#wcfm-main-contentainer p,
#wcfm-main-contentainer small,
#wcfm-main-contentainer .wcfm_dashboard_welcome_box span,
#wcfm-main-contentainer .wcfm_dashboard_welcome_box div {
    color: var(--bl-dash-muted) !important;
}

#wcfm-main-contentainer a,
#wcfm-main-contentainer .wcfm_dashboard_welcome_box a,
#wcfm-main-contentainer .wcfm_dashboard_wc_status_data strong,
#wcfm-main-contentainer .wcfmfa {
    color: var(--bl-dash-brown-strong) !important;
}

#wcfm-main-contentainer .wcfm_dashboard_stats_block {
    overflow: hidden !important;
}

#wcfm-main-contentainer .wcfm_dashboard_stats_block .fa,
#wcfm-main-contentainer .wcfm_dashboard_stats_block .wcfmfa,
#wcfm-main-contentainer .wcfm_dashboard_stats_block .wcfm_stats_block_icon,
#wcfm-main-contentainer .wcfm_dashboard_stats_block .wcfm_dashboard_stats_block_icon {
    background: var(--bl-dash-brown) !important;
    color: #fff !important;
}

#wcfm-main-contentainer .wcfm_dashboard_stats_block:nth-of-type(2n) .wcfm_stats_block_icon,
#wcfm-main-contentainer .wcfm_dashboard_stats_block:nth-of-type(2n) .wcfm_dashboard_stats_block_icon {
    background: #c7a7a2 !important;
}

#wcfm-main-contentainer .wcfm_dashboard_stats_block:nth-of-type(3n) .wcfm_stats_block_icon,
#wcfm-main-contentainer .wcfm_dashboard_stats_block:nth-of-type(3n) .wcfm_dashboard_stats_block_icon {
    background: #9f7772 !important;
}

#wcfm-main-contentainer .wcfm_submit_button,
#wcfm-main-contentainer .wcfm_submit_button:hover,
#wcfm-main-contentainer input[type="submit"],
#wcfm-main-contentainer button:not(.wcfmfa):not(.wcfm_dashboard_item_title) {
    border-color: var(--bl-dash-brown) !important;
    background: var(--bl-dash-brown) !important;
    color: #fff !important;
    box-shadow: none !important;
}

#wcfm-main-contentainer .add_new_wcfm_ele_dashboard,
#wcfm-main-contentainer .wcfm_import_export,
#wcfm-main-contentainer .wcfm_action_icon,
#wcfm-main-contentainer .wcfm_buttons,
#wcfm-main-contentainer .dt-button,
#wcfm-main-contentainer .dt-buttons .dt-button,
#wcfm-main-contentainer button.dt-button,
#wcfm-main-contentainer a.dt-button,
#wcfm-main-contentainer .buttons-print,
#wcfm-main-contentainer .buttons-pdf,
#wcfm-main-contentainer .buttons-excel,
#wcfm-main-contentainer .buttons-csv,
#wcfm-main-contentainer a.wcfm_submit_button,
#wcfm-main-contentainer a.add_new_wcfm_ele_dashboard,
#wcfm-main-contentainer a.wcfm_import_export {
    border: 1px solid #b99091 !important;
    border-radius: 7px !important;
    background: #b99091 !important;
    color: #fffaf8 !important;
    box-shadow: 0 8px 18px rgba(118, 84, 84, 0.16) !important;
}

#wcfm-main-contentainer .add_new_wcfm_ele_dashboard *,
#wcfm-main-contentainer .wcfm_import_export *,
#wcfm-main-contentainer .wcfm_action_icon *,
#wcfm-main-contentainer .wcfm_buttons *,
#wcfm-main-contentainer .dt-button *,
#wcfm-main-contentainer .dt-buttons .dt-button *,
#wcfm-main-contentainer a.wcfm_submit_button *,
#wcfm-main-contentainer a.add_new_wcfm_ele_dashboard *,
#wcfm-main-contentainer a.wcfm_import_export * {
    color: #fffaf8 !important;
}

#wcfm-main-contentainer .add_new_wcfm_ele_dashboard:hover,
#wcfm-main-contentainer .add_new_wcfm_ele_dashboard:focus-visible,
#wcfm-main-contentainer .wcfm_import_export:hover,
#wcfm-main-contentainer .wcfm_import_export:focus-visible,
#wcfm-main-contentainer .wcfm_action_icon:hover,
#wcfm-main-contentainer .wcfm_action_icon:focus-visible,
#wcfm-main-contentainer .wcfm_buttons:hover,
#wcfm-main-contentainer .wcfm_buttons:focus-visible,
#wcfm-main-contentainer .dt-button:hover,
#wcfm-main-contentainer .dt-button:focus-visible,
#wcfm-main-contentainer .dt-buttons .dt-button:hover,
#wcfm-main-contentainer .dt-buttons .dt-button:focus-visible,
#wcfm-main-contentainer .buttons-print:hover,
#wcfm-main-contentainer .buttons-print:focus-visible,
#wcfm-main-contentainer .buttons-pdf:hover,
#wcfm-main-contentainer .buttons-pdf:focus-visible,
#wcfm-main-contentainer .buttons-excel:hover,
#wcfm-main-contentainer .buttons-excel:focus-visible,
#wcfm-main-contentainer .buttons-csv:hover,
#wcfm-main-contentainer .buttons-csv:focus-visible {
    border-color: #765454 !important;
    background: #765454 !important;
    color: #fffaf8 !important;
    outline: none !important;
}

#wcfm-main-contentainer input,
#wcfm-main-contentainer select,
#wcfm-main-contentainer textarea {
    border-color: #dfcfcc !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--bl-dash-text) !important;
}

#wcfm-main-contentainer input:focus,
#wcfm-main-contentainer select:focus,
#wcfm-main-contentainer textarea:focus {
    border-color: var(--bl-dash-brown) !important;
    box-shadow: 0 0 0 2px rgba(170, 131, 133, 0.18) !important;
    outline: none !important;
}

#wcfm-main-contentainer table,
#wcfm-main-contentainer .dataTables_wrapper {
    background: var(--bl-dash-cream) !important;
    color: var(--bl-dash-text) !important;
}

#wcfm-main-contentainer table thead th,
#wcfm-main-contentainer .dataTables_wrapper thead th {
    border-color: var(--bl-dash-border) !important;
    background: #f4e9e7 !important;
    color: var(--bl-dash-cocoa) !important;
}

#wcfm-main-contentainer table tbody td {
    border-color: #f0e5e3 !important;
}

#wcfm-main-contentainer .wcfm_notification_wrapper .unread_notification_count,
#wcfm-main-contentainer .wcfm_messages_count,
#wcfm-main-contentainer .notification_count,
#wcfm-main-contentainer .wcfm_count {
    background: #b98383 !important;
    color: #fff !important;
}

#wcfm-main-contentainer .user-avatar,
#wcfm-main-contentainer .wcfm_header_panel_profile,
#wcfm-main-contentainer .wcfm_store_logo {
    background: #d8c1bd !important;
}

#wcfm-main-contentainer canvas {
    filter: sepia(0.08) saturate(0.82);
}

@media (max-width: 768px) {
    #wcfm_menu {
        background: var(--bl-dash-cocoa) !important;
    }

    #wcfm-main-contentainer .wcfm_dashboard_stats_block,
    #wcfm-main-contentainer .wcfm-container,
    #wcfm-main-contentainer .wcfm-collapse-content {
        border-radius: 8px !important;
    }
}

body #wcfm_menu .wcfm_menu_logo h4,
body #wcfm_menu .wcfm_menu_logo h4 *,
body .wcfm_menu_logo h4,
body .wcfm_menu_logo h4 * {
    color: #fffaf8 !important;
}