/**
 * داشبورد / هاب‌ها / پشتیبان — UI توکن‌محور (موج H)
 */

/* ── داشبورد اصلی (bzd) ── */
.bzd-ai-ok { background: var(--spe-success-bg); }
.bzd-donut-hole {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: var(--spe-surface);
    display: grid;
    place-items: center;
    text-align: center;
}
.bzd-aff-name { font-weight: 700; }
.bzd-aff-sales { font-weight: 700; color: var(--spe-success); }
.bzd-aff-pending { color: var(--spe-danger); font-weight: 700; }
.td-muted { color: var(--spe-text-3); }
.bzd-wait-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: var(--spe-primary);
    border-radius: 50%;
    vertical-align: middle;
    margin-inline-start: 4px;
}

.bzd-money-guide {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 2px 16px;
    padding: 10px 14px;
    border-radius: var(--spe-radius, 12px);
    border: 1px solid color-mix(in srgb, var(--spe-accent) 35%, var(--spe-border));
    background: color-mix(in srgb, var(--spe-accent) 8%, var(--spe-surface));
    font-size: 12px;
    font-weight: 600;
    color: var(--spe-text-2);
    line-height: 1.55;
}
.bzd-money-guide strong {
    color: var(--spe-text-1);
    font-weight: 800;
}
.bzd-money-guide-mark {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background: var(--spe-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--spe-accent) 22%, transparent);
}

/* ── سفر مشتری (قیف upsell) — scoped + رنگ‌های صریح ── */
.bzd.spe-dash-layout .spe-journey {
    margin: 0 0 18px;
    background: #fff;
    border: 1px solid #e9ecf3;
    border-radius: 16px;
    padding: 16px 18px;
}
.bzd.spe-dash-layout .spe-journey__title {
    font-size: 12.5px;
    font-weight: 800;
    color: #64748b;
    margin: 0 0 12px;
}
.bzd.spe-dash-layout .spe-journey__row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: stretch;
}
.bzd.spe-dash-layout a.spe-journey__step,
.bzd.spe-dash-layout .spe-journey__step {
    --journey-border-mix: 30%;
    --journey-bg-mix: 7%;
    flex: 1 1 120px;
    min-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none;
    color: inherit;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--jc, #6366f1) var(--journey-border-mix), #e9ecf3);
    padding: 12px 10px;
    text-align: center;
    transition: 0.15s;
    background: color-mix(in srgb, var(--jc, #6366f1) var(--journey-bg-mix), #fff);
    box-sizing: border-box;
}
.bzd.spe-dash-layout a.spe-journey__step:hover,
.bzd.spe-dash-layout .spe-journey__step:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px -12px rgba(15, 23, 42, 0.25);
}
.bzd.spe-dash-layout a.spe-journey__step.is-active,
.bzd.spe-dash-layout .spe-journey__step.is-active {
    --journey-bg-mix: 11%;
}
.bzd.spe-dash-layout a.spe-journey__step.is-partial,
.bzd.spe-dash-layout .spe-journey__step.is-partial {
    --journey-bg-mix: 9%;
}
.bzd.spe-dash-layout a.spe-journey__step.is-locked,
.bzd.spe-dash-layout .spe-journey__step.is-locked {
    --journey-bg-mix: 6%;
}
.bzd.spe-dash-layout .spe-journey__step .ic {
    font-size: 20px;
    display: block;
    margin-bottom: 4px;
}
.bzd.spe-dash-layout .spe-journey__step .lb {
    font-size: 12px;
    font-weight: 800;
    color: #0f172a;
}
.bzd.spe-dash-layout .spe-journey__offer {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--spe-accent, #7c3aed) 8%, #fff);
    border: 1px solid color-mix(in srgb, var(--spe-accent, #7c3aed) 25%, #fff);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.bzd.spe-dash-layout .spe-journey__offer p {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #334155;
}
.bzd.spe-dash-layout .spe-journey__offer a.button-primary {
    background: var(--spe-accent, #7c3aed) !important;
    border-color: var(--spe-accent, #7c3aed) !important;
}

/* چیدمان ویجت — ویرایش drag-and-drop */
.bzd-layout-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 2px 14px;
    padding: 10px 12px;
    background: var(--spe-surface);
    border: 1px solid var(--spe-border);
    border-radius: 12px;
}
.bzd-layout-bar .hint { font-size: 12px; color: var(--spe-text-2); margin-inline-end: auto; }
.bzd-layout-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 9px;
    border: 1px solid var(--spe-border-strong);
    background: var(--spe-surface);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    color: var(--spe-text);
}
.bzd-layout-btn.is-active,
.bzd-layout-btn.primary {
    background: var(--spe-accent);
    border-color: var(--spe-accent);
    color: #fff;
}
.bzd-layout-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    background: var(--spe-text);
    color: #fff;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s, transform .2s;
    z-index: 100100;
}
.bzd-layout-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(0); }
#bzd-widgets { display: flex; flex-direction: column; gap: 0; }
#bzd-widgets.bzd-dash-grid,
.bzd-dash-grid,
.bzd-dash-grid[data-dash-grid] {
    display: grid !important;
    /* Must beat later auto-fit/auto-fill rules (.bzd-kpis, .spsh-kpis, .spmk-grid, …) */
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 10px;
    align-items: stretch;
}
.bzd-dash-grid[data-dash-grid="widget"] { grid-auto-rows: minmax(96px, auto); }
.bzd-dash-grid[data-dash-grid="journey"] { grid-auto-rows: minmax(64px, auto); }
.bzd-dash-grid[data-dash-grid="pulse"] { grid-auto-rows: minmax(88px, auto); }
.bzd-dash-grid[data-dash-grid="mapdom"] { grid-auto-rows: minmax(120px, auto); }
.bzd-dash-grid[data-dash-grid="maptile"] { grid-auto-rows: minmax(44px, auto); }
.bzd-dash-grid[data-dash-grid="ametric"] { grid-auto-rows: minmax(72px, auto); }
.bzd-dash-grid[data-dash-grid="areport"] { grid-auto-rows: minmax(140px, auto); }
.bzd-dash-grid[data-dash-grid="schart"] { grid-auto-rows: minmax(160px, auto); }
.bzd-dash-grid[data-dash-grid="kpi"] { grid-auto-rows: minmax(84px, auto); }
#bzd-journey-grid.bzd-dash-grid.spe-journey__row { flex-wrap: unset; }
#bzd-pulse-grid.bzd-dash-grid.bzd-pulse { margin-bottom: 18px; }
#bzd-kpi-grid.bzd-dash-grid.bzd-kpis { grid-template-columns: repeat(12, minmax(0, 1fr)); }
#bzd-analytics-metrics-grid.bzd-dash-grid,
#bzd-analytics-reports-grid.bzd-dash-grid,
#bzd-sales-charts-grid.bzd-dash-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.bzd-is-editing [data-bzd-resizable],
.spe-dash-layout.bzd-is-editing [data-bzd-resizable] {
    position: relative;
}
.bzd-is-editing .spe-journey__step.bzd-journey-tile,
.spe-dash-layout.bzd-is-editing .spe-journey__step.bzd-journey-tile { flex: unset; min-width: 0; }
/* دستگیره‌های تغییر اندازه — فقط لبه‌ها و گوشه‌ها (نه کل سطح کاشی) */
.bzd-resize-grips { display: none; }
.bzd-is-editing [data-bzd-resizable] > .bzd-resize-grips,
.spe-dash-layout.bzd-is-editing [data-bzd-resizable] > .bzd-resize-grips {
    display: block;
    position: absolute;
    inset: 0;
    /* پایین‌تر از ابزارهای کاشی (چشم/دستگیره) می‌ماند تا کلیک آن‌ها مسدود نشود */
    z-index: 2;
    pointer-events: none;
}
.bzd-resize-grip {
    position: absolute;
    pointer-events: auto;
    background: transparent;
    touch-action: none;
}
/* لبه‌ها */
.bzd-grip-n { top: -3px; inset-inline: 12px; height: 10px; cursor: ns-resize; z-index: 1; }
.bzd-grip-s { bottom: -3px; inset-inline: 12px; height: 10px; cursor: ns-resize; z-index: 1; }
.bzd-grip-e { top: 12px; bottom: 12px; inset-inline-end: -3px; width: 10px; cursor: ew-resize; z-index: 1; }
.bzd-grip-w { top: 12px; bottom: 12px; inset-inline-start: -3px; width: 10px; cursor: ew-resize; z-index: 1; }
/* گوشه‌ها (اندازهٔ منطقی نسبت به جهت متن) — بالاتر از لبه‌ها در گوشهٔ مشترک */
.bzd-grip-ne, .bzd-grip-nw, .bzd-grip-se, .bzd-grip-sw {
    width: 16px; height: 16px; z-index: 2;
}
.bzd-grip-ne { top: -4px; inset-inline-end: -4px; cursor: nesw-resize; }
.bzd-grip-nw { top: -4px; inset-inline-start: -4px; cursor: nwse-resize; }
.bzd-grip-se { bottom: -4px; inset-inline-end: -4px; cursor: nwse-resize; }
.bzd-grip-sw { bottom: -4px; inset-inline-start: -4px; cursor: nesw-resize; }
/* نشانگر دیداری گوشهٔ پایین برای دعوت به تغییر اندازه */
.bzd-grip-sw::after,
.bzd-grip-se::after {
    content: '';
    position: absolute;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid color-mix(in srgb, var(--spe-accent) 60%, transparent);
    opacity: 0;
    transition: opacity .12s;
}
.bzd-grip-sw::after { inset-inline-start: 4px; border-inline-start: 2px solid color-mix(in srgb, var(--spe-accent) 60%, transparent); border-bottom-left-radius: 3px; }
.bzd-grip-se::after { inset-inline-end: 4px; border-inline-end: 2px solid color-mix(in srgb, var(--spe-accent) 60%, transparent); border-bottom-right-radius: 3px; }
.bzd-is-editing [data-bzd-resizable]:hover > .bzd-resize-grips .bzd-grip-sw::after,
.bzd-is-editing [data-bzd-resizable]:hover > .bzd-resize-grips .bzd-grip-se::after {
    opacity: 1;
}
.bzd-is-editing .bzd-map-tiles,
.spe-dash-layout.bzd-is-editing .bzd-map-tiles {
    position: relative;
    z-index: 3;
}
.bzd-is-editing [class*="-handle"],
.spe-dash-layout.bzd-is-editing [class*="-handle"] {
    cursor: grab !important;
}
.bzd-is-editing [class*="-eye"],
.spe-dash-layout.bzd-is-editing [class*="-eye"] {
    cursor: pointer !important;
}
.bzd-is-editing .is-widget-hidden > [class*="-tools"],
.bzd-is-editing .is-kpi-hidden > [class*="-tools"],
.bzd-is-editing .is-journey-hidden > [class*="-tools"],
.bzd-is-editing .is-pulse-hidden > [class*="-tools"],
.bzd-is-editing .is-mapdom-hidden > [class*="-tools"],
.bzd-is-editing .is-maptile-hidden > [class*="-tools"],
.bzd-is-editing .is-ametric-hidden > [class*="-tools"],
.bzd-is-editing .is-areport-hidden > [class*="-tools"],
.bzd-is-editing .is-schart-hidden > [class*="-tools"],
.bzd-is-editing .is-nav-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-widget-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-kpi-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-journey-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-pulse-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-mapdom-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-maptile-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-ametric-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-areport-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-schart-hidden > [class*="-tools"],
.spe-dash-layout.bzd-is-editing .is-nav-hidden > [class*="-tools"] {
    opacity: 1 !important;
    filter: none !important;
}
body.bzd-is-resizing { user-select: none; }
.bzd-is-editing .bzd-widget-tools,
.bzd-is-editing .bzd-kpi-tools,
.bzd-is-editing .bzd-journey-tools,
.bzd-is-editing .bzd-pulse-tools,
.bzd-is-editing .bzd-mapdom-tools,
.bzd-is-editing .bzd-maptile-tools,
.bzd-is-editing .bzd-ametric-tools,
.bzd-is-editing .bzd-areport-tools,
.bzd-is-editing .bzd-schart-tools,
.spe-dash-layout.bzd-is-editing .bzd-widget-tools,
.spe-dash-layout.bzd-is-editing .bzd-kpi-tools,
.spe-dash-layout.bzd-is-editing .bzd-journey-tools,
.spe-dash-layout.bzd-is-editing .bzd-pulse-tools,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-tools,
.spe-dash-layout.bzd-is-editing .bzd-maptile-tools,
.spe-dash-layout.bzd-is-editing .bzd-ametric-tools,
.spe-dash-layout.bzd-is-editing .bzd-areport-tools,
.spe-dash-layout.bzd-is-editing .bzd-schart-tools { z-index: 6; }
.bzd-is-editing .bzd-widget-tools,
.spe-dash-layout.bzd-is-editing .bzd-widget-tools,
.bzd-is-editing .bzd-widget-handle,
.bzd-is-editing .bzd-widget-eye,
.spe-dash-layout.bzd-is-editing .bzd-widget-handle,
.spe-dash-layout.bzd-is-editing .bzd-widget-eye { pointer-events: auto; }
.bzd-widget { position: relative; }
.bzd-widget.is-widget-hidden { display: none !important; }
.bzd-is-editing .bzd-widget.is-widget-hidden,
.spe-dash-layout.bzd-is-editing .bzd-widget.is-widget-hidden {
    display: block !important;
    opacity: 0.42;
    filter: grayscale(0.35);
}
.bzd-is-editing .bzd-widget.is-widget-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-widget.is-widget-hidden::after {
    content: 'مخفی';
    position: absolute;
    top: 10px;
    inset-inline-start: 12px;
    font-size: 11px;
    font-weight: 700;
    color: var(--spe-warn);
    background: var(--spe-warn-bg);
    padding: 2px 8px;
    border-radius: 8px;
    z-index: 2;
    pointer-events: none;
}
.bzd-widget-tools,
.bzd-kpi-tools,
.bzd-nav-tools,
.bzd-journey-tools,
.bzd-pulse-tools,
.bzd-mapdom-tools,
.bzd-maptile-tools {
    display: none;
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    z-index: 3;
    gap: 4px;
}
.bzd-is-editing .bzd-widget-tools,
.bzd-is-editing .bzd-kpi-tools,
.bzd-is-editing .bzd-journey-tools,
.bzd-is-editing .bzd-pulse-tools,
.bzd-is-editing .bzd-mapdom-tools,
.bzd-is-editing .bzd-maptile-tools,
.bzd-is-editing .bzd-nav-tools,
.spe-dash-layout.bzd-is-editing .bzd-widget-tools,
.spe-dash-layout.bzd-is-editing .bzd-kpi-tools,
.spe-dash-layout.bzd-is-editing .bzd-journey-tools,
.spe-dash-layout.bzd-is-editing .bzd-pulse-tools,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-tools,
.spe-dash-layout.bzd-is-editing .bzd-maptile-tools,
.spe-dash-layout.bzd-is-editing .bzd-nav-tools { display: flex; }
.bzd-widget-handle,
.bzd-kpi-handle,
.bzd-nav-handle,
.bzd-journey-handle,
.bzd-pulse-handle,
.bzd-mapdom-handle,
.bzd-maptile-handle,
.bzd-widget-eye,
.bzd-kpi-eye,
.bzd-nav-eye,
.bzd-journey-eye,
.bzd-pulse-eye,
.bzd-mapdom-eye,
.bzd-maptile-eye {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--spe-border);
    background: var(--spe-surface);
    cursor: grab;
    font-size: 14px;
    line-height: 1;
    display: grid;
    place-items: center;
    color: var(--spe-text-2);
}
.bzd-widget-eye,
.bzd-kpi-eye,
.bzd-nav-eye,
.bzd-journey-eye,
.bzd-pulse-eye,
.bzd-mapdom-eye,
.bzd-maptile-eye { cursor: pointer; }
.bzd-is-editing .bzd-widget,
.spe-dash-layout.bzd-is-editing .bzd-widget { outline: 1px dashed color-mix(in srgb, var(--spe-accent) 35%, transparent); outline-offset: 4px; border-radius: 14px; margin-bottom: 0; }
.bzd-is-editing .bzd-kpi-tile,
.bzd-is-editing .bzd-nav-tile,
.bzd-is-editing .bzd-journey-tile,
.bzd-is-editing .bzd-pulse-tile,
.bzd-is-editing .bzd-mapdom-tile,
.bzd-is-editing .bzd-maptile-tile,
.spe-dash-layout.bzd-is-editing .bzd-kpi-tile,
.spe-dash-layout.bzd-is-editing .bzd-nav-tile,
.spe-dash-layout.bzd-is-editing .bzd-journey-tile,
.spe-dash-layout.bzd-is-editing .bzd-pulse-tile,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-tile,
.spe-dash-layout.bzd-is-editing .bzd-maptile-tile { outline: 1px dashed color-mix(in srgb, var(--spe-accent) 30%, transparent); outline-offset: 2px; position: relative; }
.bzd-is-editing .bzd-kpi-tile,
.bzd-is-editing .bzd-nav-tile,
.bzd-is-editing .bzd-journey-tile,
.bzd-is-editing .bzd-pulse-tile,
.bzd-is-editing .bzd-mapdom-tile,
.bzd-is-editing .bzd-maptile-tile,
.spe-dash-layout.bzd-is-editing .bzd-kpi-tile,
.spe-dash-layout.bzd-is-editing .bzd-nav-tile,
.spe-dash-layout.bzd-is-editing .bzd-journey-tile,
.spe-dash-layout.bzd-is-editing .bzd-pulse-tile,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-tile,
.spe-dash-layout.bzd-is-editing .bzd-maptile-tile { pointer-events: none; }
.bzd-is-editing .bzd-kpi-tools,
.bzd-is-editing .bzd-kpi-handle,
.bzd-is-editing .bzd-kpi-eye,
.bzd-is-editing .bzd-nav-tools,
.bzd-is-editing .bzd-nav-handle,
.bzd-is-editing .bzd-nav-eye,
.bzd-is-editing .bzd-journey-tools,
.bzd-is-editing .bzd-journey-handle,
.bzd-is-editing .bzd-journey-eye,
.bzd-is-editing .bzd-pulse-tools,
.bzd-is-editing .bzd-pulse-handle,
.bzd-is-editing .bzd-pulse-eye,
.bzd-is-editing .bzd-mapdom-tools,
.bzd-is-editing .bzd-mapdom-handle,
.bzd-is-editing .bzd-mapdom-eye,
.bzd-is-editing .bzd-maptile-tools,
.bzd-is-editing .bzd-maptile-handle,
.bzd-is-editing .bzd-maptile-eye,
.spe-dash-layout.bzd-is-editing .bzd-kpi-tools,
.spe-dash-layout.bzd-is-editing .bzd-kpi-handle,
.spe-dash-layout.bzd-is-editing .bzd-kpi-eye,
.spe-dash-layout.bzd-is-editing .bzd-nav-tools,
.spe-dash-layout.bzd-is-editing .bzd-nav-handle,
.spe-dash-layout.bzd-is-editing .bzd-nav-eye,
.spe-dash-layout.bzd-is-editing .bzd-journey-tools,
.spe-dash-layout.bzd-is-editing .bzd-journey-handle,
.spe-dash-layout.bzd-is-editing .bzd-journey-eye,
.spe-dash-layout.bzd-is-editing .bzd-pulse-tools,
.spe-dash-layout.bzd-is-editing .bzd-pulse-handle,
.spe-dash-layout.bzd-is-editing .bzd-pulse-eye,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-tools,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-handle,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-eye,
.spe-dash-layout.bzd-is-editing .bzd-maptile-tools,
.spe-dash-layout.bzd-is-editing .bzd-maptile-handle,
.spe-dash-layout.bzd-is-editing .bzd-maptile-eye { pointer-events: auto; }
.bzd-is-editing .bzd-widget a:not(.bzd-widget-eye):not(.bzd-kpi-eye):not(.bzd-nav-eye):not(.bzd-journey-eye):not(.bzd-pulse-eye):not(.bzd-mapdom-eye):not(.bzd-maptile-eye):not(.bzd-ametric-eye):not(.bzd-areport-eye):not(.bzd-schart-eye),
.spe-dash-layout.bzd-is-editing .bzd-widget a:not(.bzd-widget-eye):not(.bzd-kpi-eye):not(.bzd-nav-eye):not(.bzd-journey-eye):not(.bzd-pulse-eye):not(.bzd-mapdom-eye):not(.bzd-maptile-eye):not(.bzd-ametric-eye):not(.bzd-areport-eye):not(.bzd-schart-eye) { pointer-events: none; }
.bzd-kpi-tile.is-kpi-hidden { display: none !important; }
.bzd-nav-tile.is-nav-hidden { display: none !important; }
.bzd-journey-tile.is-journey-hidden { display: none !important; }
.bzd-pulse-tile.is-pulse-hidden { display: none !important; }
.bzd-mapdom-tile.is-mapdom-hidden { display: none !important; }
.bzd-maptile-tile.is-maptile-hidden { display: none !important; }
.bzd-is-editing .bzd-kpi-tile.is-kpi-hidden,
.bzd-is-editing .bzd-journey-tile.is-journey-hidden,
.bzd-is-editing .bzd-pulse-tile.is-pulse-hidden,
.bzd-is-editing .bzd-mapdom-tile.is-mapdom-hidden,
.bzd-is-editing .bzd-maptile-tile.is-maptile-hidden,
.spe-dash-layout.bzd-is-editing .bzd-kpi-tile.is-kpi-hidden,
.spe-dash-layout.bzd-is-editing .bzd-journey-tile.is-journey-hidden,
.spe-dash-layout.bzd-is-editing .bzd-pulse-tile.is-pulse-hidden,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-tile.is-mapdom-hidden,
.spe-dash-layout.bzd-is-editing .bzd-maptile-tile.is-maptile-hidden {
    display: flex !important;
    opacity: 0.42;
    filter: grayscale(0.35);
}
.bzd-is-editing .bzd-kpi-tile.is-kpi-hidden::after,
.bzd-is-editing .bzd-journey-tile.is-journey-hidden::after,
.bzd-is-editing .bzd-pulse-tile.is-pulse-hidden::after,
.bzd-is-editing .bzd-mapdom-tile.is-mapdom-hidden::after,
.bzd-is-editing .bzd-maptile-tile.is-maptile-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-kpi-tile.is-kpi-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-journey-tile.is-journey-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-pulse-tile.is-pulse-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-mapdom-tile.is-mapdom-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-maptile-tile.is-maptile-hidden::after {
    content: 'مخفی';
    position: absolute;
    top: 8px;
    inset-inline-start: 10px;
    font-size: 10px;
    font-weight: 700;
    color: var(--spe-warn);
    background: var(--spe-warn-bg);
    padding: 1px 7px;
    border-radius: 7px;
    z-index: 2;
    pointer-events: none;
}
/* ── کنترل مجزای «کل ویجت» — متمایز از کنترل کاشی‌ها ──
   کاشی‌ها ابزارشان در گوشهٔ inline-end است؛ ابزار ویجت به گوشهٔ inline-start
   و یک نوار بالای ویجت منتقل می‌شود تا هیچ همپوشانی‌ای با کاشی‌ها نداشته باشد. */
.bzd-is-editing .bzd-widget,
.spe-dash-layout.bzd-is-editing .bzd-widget {
    /* فقط فضای بالای نوار ابزار — بدون padding افقی تا عرض کاشی‌ها با حالت خروجی یکی بماند */
    padding: 46px 0 0;
    background: color-mix(in srgb, var(--spe-accent) 4%, transparent);
    border-radius: 14px;
}
.bzd-widget-tools {
    inset-inline-end: auto;
    inset-inline-start: 8px;
    top: 9px;
    align-items: center;
    padding: 3px 4px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--spe-accent) 12%, var(--spe-surface));
    border: 1px solid color-mix(in srgb, var(--spe-accent) 45%, transparent);
    box-shadow: 0 2px 8px -4px color-mix(in srgb, var(--spe-accent) 55%, transparent);
}
.bzd-is-editing .bzd-widget-tools,
.spe-dash-layout.bzd-is-editing .bzd-widget-tools { z-index: 9; }
.bzd-widget-tools-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--spe-accent);
    padding: 0 4px;
    white-space: nowrap;
    user-select: none;
    pointer-events: none;
}
.bzd-widget-handle,
.bzd-widget-eye {
    background: color-mix(in srgb, var(--spe-accent) 16%, var(--spe-surface));
    border-color: color-mix(in srgb, var(--spe-accent) 42%, transparent);
    color: var(--spe-accent);
}
.bzd-widget-eye:hover,
.bzd-widget-handle:hover { background: color-mix(in srgb, var(--spe-accent) 28%, var(--spe-surface)); }
/* نشان «مخفی» ویجت به گوشهٔ مقابلِ نوار کنترل منتقل می‌شود تا با آن تداخل نکند */
.bzd-is-editing .bzd-widget.is-widget-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-widget.is-widget-hidden::after {
    inset-inline-start: auto;
    inset-inline-end: 12px;
}
.bzd-layout-hidden-note {
    color: var(--spe-warn);
    font-weight: 700;
}
.bzd-sort-placeholder,
.bzd-kpi-placeholder,
.bzd-journey-placeholder,
.bzd-pulse-placeholder,
.bzd-mapdom-placeholder,
.bzd-maptile-placeholder {
    min-height: 48px;
    border: 2px dashed var(--spe-accent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--spe-accent) 6%, transparent);
    margin-bottom: 8px;
}
.bzd-kpi-placeholder,
.bzd-journey-placeholder,
.bzd-pulse-placeholder,
.bzd-mapdom-placeholder { min-height: 88px; }
.bzd-maptile-placeholder { min-height: 40px; }
.bzd-mapdom-tile { position: relative; }
.bzd-maptile-tile { position: relative; }

/* کاشی‌های تحلیل پیشرفته و روند فروش */
.bzd-ametric-tools,
.bzd-areport-tools,
.bzd-schart-tools {
    display: none;
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    z-index: 3;
    gap: 4px;
}
.bzd-is-editing .bzd-ametric-tools,
.bzd-is-editing .bzd-areport-tools,
.bzd-is-editing .bzd-schart-tools,
.spe-dash-layout.bzd-is-editing .bzd-ametric-tools,
.spe-dash-layout.bzd-is-editing .bzd-areport-tools,
.spe-dash-layout.bzd-is-editing .bzd-schart-tools { display: flex; }
.bzd-ametric-handle,
.bzd-areport-handle,
.bzd-schart-handle,
.bzd-ametric-eye,
.bzd-areport-eye,
.bzd-schart-eye {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--spe-border);
    background: var(--spe-surface);
    cursor: grab;
    font-size: 14px;
    line-height: 1;
    display: grid;
    place-items: center;
    color: var(--spe-text-2);
}
.bzd-ametric-eye,
.bzd-areport-eye,
.bzd-schart-eye { cursor: pointer; }
.bzd-ametric-tile,
.bzd-areport-tile,
.bzd-schart-tile { position: relative; }
.bzd-is-editing .bzd-ametric-tile,
.bzd-is-editing .bzd-areport-tile,
.bzd-is-editing .bzd-schart-tile,
.spe-dash-layout.bzd-is-editing .bzd-ametric-tile,
.spe-dash-layout.bzd-is-editing .bzd-areport-tile,
.spe-dash-layout.bzd-is-editing .bzd-schart-tile {
    outline: 1px dashed color-mix(in srgb, var(--spe-accent) 30%, transparent);
    outline-offset: 2px;
}
.bzd-is-editing .bzd-ametric-tile,
.bzd-is-editing .bzd-areport-tile,
.bzd-is-editing .bzd-schart-tile,
.spe-dash-layout.bzd-is-editing .bzd-ametric-tile,
.spe-dash-layout.bzd-is-editing .bzd-areport-tile,
.spe-dash-layout.bzd-is-editing .bzd-schart-tile { pointer-events: none; }
.bzd-is-editing .bzd-ametric-tools,
.bzd-is-editing .bzd-ametric-handle,
.bzd-is-editing .bzd-ametric-eye,
.bzd-is-editing .bzd-areport-tools,
.bzd-is-editing .bzd-areport-handle,
.bzd-is-editing .bzd-areport-eye,
.bzd-is-editing .bzd-schart-tools,
.bzd-is-editing .bzd-schart-handle,
.bzd-is-editing .bzd-schart-eye,
.spe-dash-layout.bzd-is-editing .bzd-ametric-tools,
.spe-dash-layout.bzd-is-editing .bzd-ametric-handle,
.spe-dash-layout.bzd-is-editing .bzd-ametric-eye,
.spe-dash-layout.bzd-is-editing .bzd-areport-tools,
.spe-dash-layout.bzd-is-editing .bzd-areport-handle,
.spe-dash-layout.bzd-is-editing .bzd-areport-eye,
.spe-dash-layout.bzd-is-editing .bzd-schart-tools,
.spe-dash-layout.bzd-is-editing .bzd-schart-handle,
.spe-dash-layout.bzd-is-editing .bzd-schart-eye { pointer-events: auto; }
.bzd-ametric-tile.is-ametric-hidden,
.bzd-areport-tile.is-areport-hidden,
.bzd-schart-tile.is-schart-hidden { display: none !important; }
.bzd-is-editing .bzd-ametric-tile.is-ametric-hidden,
.bzd-is-editing .bzd-areport-tile.is-areport-hidden,
.bzd-is-editing .bzd-schart-tile.is-schart-hidden,
.spe-dash-layout.bzd-is-editing .bzd-ametric-tile.is-ametric-hidden,
.spe-dash-layout.bzd-is-editing .bzd-areport-tile.is-areport-hidden,
.spe-dash-layout.bzd-is-editing .bzd-schart-tile.is-schart-hidden {
    display: flex !important;
    opacity: 0.42;
    filter: grayscale(0.35);
}
.bzd-is-editing .bzd-ametric-tile.is-ametric-hidden::after,
.bzd-is-editing .bzd-areport-tile.is-areport-hidden::after,
.bzd-is-editing .bzd-schart-tile.is-schart-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-ametric-tile.is-ametric-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-areport-tile.is-areport-hidden::after,
.spe-dash-layout.bzd-is-editing .bzd-schart-tile.is-schart-hidden::after {
    content: 'مخفی';
    position: absolute;
    top: 8px;
    inset-inline-start: 10px;
    font-size: 10px;
    font-weight: 700;
    color: var(--spe-warn);
    background: var(--spe-warn-bg);
    padding: 1px 7px;
    border-radius: 7px;
    z-index: 2;
    pointer-events: none;
}
.bzd-ametric-placeholder,
.bzd-areport-placeholder,
.bzd-schart-placeholder {
    min-height: 48px;
    border: 2px dashed var(--spe-accent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--spe-accent) 6%, transparent);
    margin-bottom: 8px;
}
.bzd-areport-placeholder { min-height: 120px; }
#bzd-analytics-reports-grid .bzd-areport-tile.bzd-analytics-wide:not([data-bzd-cols]) { grid-column: 1 / -1; }
#bzd-kpi-grid.bzd-kpis { display: grid; }
#spsh-widgets { display: flex; flex-direction: column; gap: 0; }
#spsh-kpi-grid.bzd-kpis { display: grid; }
.spsh-kpi.bzd-kpi-tile { position: relative; }

/* تحلیل پیشرفته فروش */
.bzd-analytics-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}
.bzd-am {
    background: var(--spe-surface);
    border: 1px solid var(--spe-border);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.bzd-am .lbl { font-size: 11px; font-weight: 700; color: var(--spe-text-2); }
.bzd-am .val {
    font-size: 20px;
    font-weight: 800;
    color: var(--spe-text);
    text-align: start;
    direction: ltr;
    unicode-bidi: plaintext;
    font-variant-numeric: tabular-nums;
}
.bzd-am .val small { font-size: 11px; font-weight: 700; color: var(--spe-text-2); margin-inline-start: 3px; }
.bzd-am .sub { font-size: 10.5px; color: var(--spe-text-3); text-align: start; direction: ltr; unicode-bidi: plaintext; }
.bzd-analytics-grid {
    grid-template-columns: 1.4fr 1fr 1fr;
    align-items: start;
}
.bzd-analytics-wide { grid-column: 1 / -1; }
@media (max-width: 1100px) {
    .bzd-analytics-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
    .bzd-analytics-grid { grid-template-columns: 1fr; }
}
.bzd-line-wrap { width: 100%; height: 120px; margin-top: 4px; }
.bzd-line-svg { width: 100%; height: 100%; display: block; }
.bzd-chart-with-axis {
    display: flex;
    align-items: stretch;
    gap: 6px;
    direction: ltr;
    width: 100%;
}
.bzd-chart-y-axis {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    width: 54px;
    padding: 2px 0;
    direction: ltr;
    unicode-bidi: plaintext;
}
.bzd-chart-y-axis.has-title {
    width: 62px;
}
.bzd-chart-y-axis-title {
    flex-shrink: 0;
    font-size: 8px;
    font-weight: 800;
    color: var(--spe-text-2);
    text-align: center;
    line-height: 1.2;
    margin-bottom: 3px;
    padding: 0 2px;
}
.bzd-chart-y-axis-ticks {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    min-height: 0;
    font-size: 9px;
    font-weight: 700;
    color: var(--spe-text-3);
    text-align: end;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}
.bzd-chart-y-axis--end .bzd-chart-y-axis-ticks {
    text-align: start;
}
.bzd-chart-with-axis.is-bar .bzd-chart-y-axis {
    min-height: 140px;
    padding-bottom: 20px;
}
.bzd-chart-with-axis.is-dual.is-bar .bzd-chart-y-axis {
    min-height: 168px;
}
.bzd-chart-y-axis--end {
    text-align: start;
}
.bzd-chart-inner--ytd-combo .bzd-bar-svg {
    height: 168px;
}
.bzd-card--ytd-combo {
    grid-column: 1 / -1;
}
.bzd-ytd-combo-legend {
    margin: 0 0 10px;
}
.bzd-mkt-legend .dot.is-ytd-rev { background: #6366f1; }
.bzd-mkt-legend .dot.is-ytd-ord { background: #0ea5e9; }
.bzd-chart-foot-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 6px;
}
.bzd-chart-foot-row .bzd-chart-foot {
    margin: 0;
}
.bzd-chart-inner--goal .bzd-chart-with-axis.is-bar .bzd-chart-y-axis {
    min-height: 168px;
}
.bzd-chart-inner--goal .bzd-bar-svg {
    height: 168px;
}
.bzd-chart-grid {
    stroke: var(--spe-border);
    stroke-width: 0.75;
    opacity: 0.85;
}
.bzd-chart-axis {
    stroke: color-mix(in srgb, var(--spe-text-3) 55%, var(--spe-border));
    stroke-width: 1.25;
}
.bzd-bar-top-label {
    fill: var(--spe-text-2);
    font-size: 7px;
    font-weight: 700;
    font-family: var(--spe-font), Tahoma, sans-serif;
    pointer-events: none;
}
.bzd-chart-scale-note {
    margin: 6px 0 0 60px;
    font-size: 10px;
    font-weight: 600;
    color: var(--spe-text-3);
}
.bzd-goal-legend {
    margin: 0 0 10px;
}
.bzd-goal-legend-note {
    color: var(--spe-text-3);
    font-weight: 600;
}
.bzd-mkt-legend .dot.is-goal-target { background: #94a3b8; }
.bzd-mkt-legend .dot.is-goal-actual { background: #16a34a; }
.bzd-goal-totals {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--spe-border);
}
.bzd-chart-with-axis.is-line .bzd-chart-y-axis {
    min-height: 120px;
    padding-bottom: 0;
}
.bzd-chart-body {
    flex: 1;
    min-width: 0;
}
.bzd-chart-with-axis + .bzd-line-labels,
.bzd-chart-scroll + .bzd-month-labels {
    margin-inline-start: 60px;
}
.bzd-chart-scroll:has(.bzd-chart-inner--ytd-combo) + .bzd-month-labels {
    margin-inline-end: 60px;
}
.bzd-line-labels {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    margin-top: 6px;
    font-size: 10px;
    color: var(--spe-text-3);
    font-weight: 700;
    direction: ltr;
    unicode-bidi: plaintext;
}
.bzd-hbar {
    display: grid;
    grid-template-columns: 52px 1fr auto;
    grid-template-rows: auto auto;
    gap: 2px 10px;
    align-items: center;
    margin-bottom: 10px;
}
.bzd-hbar .lb { grid-row: 1 / 3; font-size: 11.5px; font-weight: 700; color: var(--spe-text-2); }
.bzd-hbar .track {
    grid-column: 2;
    height: 9px;
    border-radius: 6px;
    background: var(--spe-surface-2);
    overflow: hidden;
}
.bzd-hbar .fill {
    display: block;
    height: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--spe-accent), color-mix(in srgb, var(--spe-accent) 65%, #fff));
    min-width: 2px;
}
.bzd-hbar .vl {
    grid-column: 3;
    font-size: 12px;
    font-weight: 800;
    color: var(--spe-text);
    text-align: start;
    direction: ltr;
    unicode-bidi: plaintext;
    white-space: nowrap;
}
.bzd-hbar .ct {
    grid-column: 2 / 4;
    font-size: 10px;
    color: var(--spe-text-3);
    text-align: start;
    direction: ltr;
    unicode-bidi: plaintext;
}
.bzd-week-chart { margin-top: 4px; }
.bzd-week-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-bottom: 10px;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--spe-text-2);
}
.bzd-week-lg {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.bzd-week-lg i {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    flex-shrink: 0;
}
.bzd-week-lg.is-cnt i {
    background: linear-gradient(180deg, var(--spe-accent), color-mix(in srgb, var(--spe-accent) 65%, #fff));
}
.bzd-week-lg.is-rev i {
    background: linear-gradient(180deg, var(--spe-primary), color-mix(in srgb, var(--spe-primary) 65%, #fff));
}
.bzd-week-cols {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: flex-end;
}
.bzd-week-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.bzd-week-bars {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    width: 100%;
    height: 132px;
}
.bzd-week-bar-wrap {
    flex: 1;
    max-width: 24px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    gap: 3px;
}
.bzd-week-val {
    font-size: 9px;
    font-weight: 800;
    color: var(--spe-text-2);
    direction: ltr;
    unicode-bidi: plaintext;
    text-align: start;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bzd-week-track {
    flex: 1;
    display: flex;
    align-items: flex-end;
    border-radius: 4px;
    background: var(--spe-surface-2);
    overflow: hidden;
    min-height: 0;
}
.bzd-week-bar {
    display: block;
    width: 100%;
    min-height: 2px;
    border-radius: 3px 3px 0 0;
}
.bzd-week-bar-wrap.is-cnt .bzd-week-bar {
    background: linear-gradient(180deg, var(--spe-accent), color-mix(in srgb, var(--spe-accent) 65%, #fff));
}
.bzd-week-bar-wrap.is-rev .bzd-week-bar {
    background: linear-gradient(180deg, var(--spe-primary), color-mix(in srgb, var(--spe-primary) 65%, #fff));
}
.bzd-week-bar-wrap[title],
.bzd-week-bar[title] {
    cursor: help;
}
.bzd-week-lbl {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--spe-text-2);
    text-align: center;
    line-height: 1.3;
}
.bzd-funnel-step { margin-bottom: 11px; }
.bzd-funnel-step .hd {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    margin-bottom: 5px;
    color: var(--spe-text-2);
    font-weight: 700;
}
.bzd-funnel-step .hd b {
    color: var(--spe-text);
    font-weight: 800;
    direction: ltr;
    unicode-bidi: plaintext;
    text-align: start;
}
.bzd-funnel-step .hd small { font-size: 10px; font-weight: 700; color: var(--spe-text-3); }
.bzd-funnel-step .bar {
    height: 10px;
    border-radius: 6px;
    background: var(--spe-surface-2);
    overflow: hidden;
}
.bzd-funnel-step .bar span {
    display: block;
    height: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    min-width: 4px;
}
.bzd-funnel-step.is-crm .bar span { background: linear-gradient(90deg, #7c3aed, #a78bfa); }
.bzd-funnel-step.is-crm .fn-label {
    text-align: start;
    color: var(--spe-text);
    font-weight: 800;
}
.bzd-funnel-step.is-crm .fn-cnt {
    font-weight: 700;
    color: var(--spe-text-2);
    direction: ltr;
    unicode-bidi: plaintext;
    font-variant-numeric: tabular-nums;
    margin-inline-start: 4px;
}
.bzd-funnel-step.is-crm .fn-val {
    flex-shrink: 0;
    white-space: nowrap;
}

/* نمودارهای سال جاری (YTD جلالی) */
.bzd-ytd-charts { margin-bottom: 14px; }
.bzd-ytd-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.bzd-ytd-pair { margin-bottom: 14px; }
.bzd-ytd-rest { margin-bottom: 0; }
.bzd-bar-svg {
    cursor: default;
}
.bzd-bar-svg rect { cursor: help; }
@media (max-width: 900px) {
    .bzd-ytd-grid { grid-template-columns: 1fr; }
}
.bzd-chart-hint {
    margin: -8px 0 10px;
    font-size: 11px;
    color: var(--spe-text-3);
    font-weight: 600;
}
.bzd-chart-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 4px;
}
.bzd-chart-inner { min-width: 100%; }
.bzd-bar-svg {
    width: 100%;
    height: 140px;
    display: block;
}
.bzd-month-labels {
    display: flex;
    justify-content: space-between;
    gap: 2px;
    font-size: 10px;
    font-weight: 700;
    color: var(--spe-text-3);
}
.bzd-month-labels span { flex: 1; text-align: center; min-width: 0; }
.bzd-chart-foot {
    margin: 8px 0 0;
    font-size: 11px;
    font-weight: 700;
    text-align: start;
    direction: ltr;
    unicode-bidi: plaintext;
}
.bzd-mkt-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 10px;
    font-size: 11px;
    font-weight: 700;
    color: var(--spe-text-2);
}
.bzd-mkt-legend .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-inline-end: 4px;
    vertical-align: middle;
}
.bzd-mkt-legend .dot.is-mkt-lead { background: var(--spe-type-file); }
.bzd-mkt-legend .dot.is-mkt-cust { background: var(--spe-primary); }
.bzd-mkt-legend .dot.is-mkt-aff { background: var(--spe-success); }
.bzd-mkt-legend span {
    direction: ltr;
    unicode-bidi: plaintext;
    font-variant-numeric: tabular-nums;
}

/* ── هاب فروشگاه (spsh) ── */
.spsh-hero-btn {
    background: var(--spe-surface) !important;
    color: var(--spe-success) !important;
    border: 0 !important;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13.5px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── صفحه پشتیبان (spe-exp) ── */
.spe-exp-wrap { font-family: var(--spe-font); }

.spe-exp-warn {
    background: var(--spe-warn-bg);
    border: 1px solid color-mix(in srgb, var(--spe-warn) 35%, transparent);
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 18px;
    font-size: 13px;
    line-height: 2;
}
.spe-exp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}
.spe-exp-card {
    background: var(--spe-surface);
    border: 1px solid var(--spe-border);
    border-radius: 12px;
    padding: 18px;
}
.spe-exp-kpi-val {
    font-size: 22px;
    font-weight: 800;
    color: var(--exp-color, var(--spe-accent));
}
.spe-exp-kpi-val.is-settings { color: var(--spe-accent); }
.spe-exp-card h3 { margin: 4px 0 6px; }
.spe-exp-desc {
    color: var(--spe-text-2);
    font-size: 12px;
    margin: 0 0 12px;
}

.spe-exp-full-backup {
    background: linear-gradient(135deg, color-mix(in srgb, var(--spe-accent) 10%, var(--spe-surface)), color-mix(in srgb, var(--spe-accent) 6%, var(--spe-surface)));
    border: 2px solid var(--spe-accent);
    border-radius: 14px;
    padding: 22px;
    margin-top: 24px;
}
.spe-exp-full-backup h2 { margin-top: 0; }
.spe-exp-badge-rec {
    font-size: 12px;
    font-weight: 600;
    color: var(--spe-accent);
    background: var(--spe-surface);
    border: 1px solid color-mix(in srgb, var(--spe-accent) 28%, transparent);
    border-radius: 999px;
    padding: 2px 10px;
    vertical-align: middle;
}
.spe-exp-lead {
    color: var(--spe-text-2);
    font-size: 13px;
    line-height: 1.9;
    margin-bottom: 14px;
}

.spe-exp-selective {
    background: var(--spe-surface);
    border: 2px solid var(--spe-accent);
    border-radius: 14px;
    padding: 20px;
    margin-top: 24px;
}
.spe-exp-selective h2 { margin-top: 0; }
.spe-exp-hint {
    color: var(--spe-text-2);
    font-size: 13px;
    line-height: 1.9;
}
.spe-exp-dep-warn { color: var(--spe-warn); }
.spe-exp-backup-actions {
    display: flex;
    gap: 8px;
    margin: 6px 0 12px;
}
.spe-exp-submit { margin-top: 14px; }

.spe-exp-restore {
    background: var(--spe-surface);
    border: 2px solid var(--spe-success);
    border-radius: 14px;
    padding: 20px;
    margin-top: 16px;
}
.spe-exp-restore h2 { margin-top: 0; }
.spe-exp-restore-info {
    background: color-mix(in srgb, var(--spe-info) 10%, var(--spe-surface));
    border: 1px solid color-mix(in srgb, var(--spe-info) 28%, transparent);
    border-radius: 8px;
    padding: 12px;
    font-size: 13px;
    line-height: 1.95;
    margin-bottom: 12px;
}
.spe-exp-restore-muted { color: var(--spe-text-2); }
.spe-exp-restore-form {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.spe-exp-file-inp {
    border: 1px solid var(--spe-border);
    border-radius: 8px;
    padding: 6px;
    flex: 1;
}
.spe-exp-replace-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    background: color-mix(in srgb, var(--spe-danger) 8%, var(--spe-surface));
    border: 1px solid color-mix(in srgb, var(--spe-danger) 35%, transparent);
    border-radius: 8px;
    padding: 8px 12px;
}

.spe-exp-guide {
    background: var(--spe-success-bg);
    border: 1px solid color-mix(in srgb, var(--spe-success) 40%, transparent);
    border-radius: 10px;
    padding: 14px 16px;
    margin-top: 20px;
    font-size: 13px;
}

/* ماژول‌های پشتیبان انتخابی — از inline style منتقل‌شده */
#spe-sel-backup .spe-mod-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
}
#spe-sel-backup .spe-mod {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: 'cb t' 'cb c' 'cb d';
    align-items: center;
    gap: 2px 10px;
    background: var(--spe-surface-2);
    border: 1px solid var(--spe-border);
    border-radius: 10px;
    padding: 12px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
#spe-sel-backup .spe-mod:hover { border-color: color-mix(in srgb, var(--spe-accent) 45%, transparent); }
#spe-sel-backup .spe-mod input {
    grid-area: cb;
    width: 18px;
    height: 18px;
    accent-color: var(--spe-accent);
}
#spe-sel-backup .spe-mod-t {
    grid-area: t;
    font-weight: 700;
    font-size: 13px;
    color: var(--spe-text);
}
#spe-sel-backup .spe-mod-c {
    grid-area: c;
    font-size: 12px;
    color: var(--spe-text-2);
}
#spe-sel-backup .spe-mod-d {
    grid-area: d;
    font-size: 11px;
    color: var(--spe-warn);
}
#spe-sel-backup .spe-mod.spe-on {
    background: color-mix(in srgb, var(--spe-accent) 10%, var(--spe-surface));
    border-color: var(--spe-accent);
}
#spe-sel-backup .spe-mod.spe-auto {
    background: var(--spe-warn-bg);
    border-color: color-mix(in srgb, var(--spe-warn) 45%, transparent);
}
#spe-sel-backup .spe-mod.spe-auto .spe-mod-t::after {
    content: ' • پیش‌نیاز خودکار';
    font-weight: 400;
    font-size: 10px;
    color: var(--spe-warn);
}

/* ── migrated from inline (wave Q) ── */
/* فونت برند — آدرس مطلق چون این <style> داخل صفحه ادمین است */
        .bzd{--bg:var(--spe-bg);--card:var(--spe-surface);--ink:var(--spe-text);--ink2:var(--spe-text-2);--muted:var(--spe-text-2);--faint:var(--spe-text-3);--line:var(--spe-border);--line2:var(--spe-surface-3);
             --shop:var(--spe-info);--ord:var(--spe-accent);--crm:var(--spe-type-file);--mkt:var(--spe-primary);--sup:var(--spe-warn);--set:var(--spe-text-2);--fin:var(--spe-success);
             direction:rtl;font-family:var(--spe-font);
             margin:8px 18px 48px 0;max-width:1340px;color:var(--ink)}
        .bzd *{box-sizing:border-box}
        .bzd a{text-decoration:none;color:inherit}
        /* ── هدر ── */
        .bzd-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 2px 18px}
        .bzd-hi h1{margin:0;font-size:24px;font-weight:800;color:var(--ink);line-height:1.5}
        .bzd-hi p{margin:5px 0 0;color:var(--muted);font-size:13px}
        .bzd-acts{display:flex;gap:9px;flex-wrap:wrap}
        .bzd-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:11px;font-size:13px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink2);transition:.15s;box-shadow:0 2px 6px -4px rgba(15,23,42,.3)}
        .bzd-btn:hover{border-color:#c7cdda;transform:translateY(-1px);color:var(--ink)}
        .bzd-btn.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:0;box-shadow:0 10px 22px -10px rgba(79,70,229,.7)}
        .bzd-btn.primary:hover{color:#fff;filter:brightness(1.05)}
        /* ── نبض ── */
        .bzd-pulse{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-bottom:18px}
        .bzd-pl{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px 17px;position:relative;overflow:hidden;box-shadow:0 4px 14px -10px rgba(15,23,42,.22)}
        .bzd-pl::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--c,#6366f1)}
        .bzd-pl .pi{position:absolute;inset-inline-end:14px;top:13px;font-size:18px;opacity:.5}
        .bzd-pl .lab{font-size:12px;color:var(--muted);font-weight:700;text-align:start}
        .bzd-pl .num{font-size:23px;font-weight:800;margin-top:5px;white-space:nowrap;line-height:1.2;text-align:start;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
        .bzd-pl .num small{font-size:12px;font-weight:700;color:var(--muted);margin-inline-start:2px}
        /* ── کارت پایه ── */
        .bzd-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 4px 14px -10px rgba(15,23,42,.22)}
        .bzd-card h3{margin:0 0 15px;font-size:14.5px;font-weight:800;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px}
        .bzd-card h3 .lnk{font-size:12px;font-weight:700;color:var(--crm)}
        .bzd-sec{font-size:13px;font-weight:800;color:var(--muted);margin:26px 4px 10px;display:flex;align-items:center;gap:7px}
        .bzd-sec::before{content:"";width:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}
        .bzd-empty{text-align:center;color:var(--faint);padding:28px 0;font-size:13px}
        .bzd-grid{display:grid;gap:14px}
        .bzd-2{grid-template-columns:1.85fr 1fr;align-items:start}
        .bzd-11{grid-template-columns:1fr 1fr;align-items:start}
        @media(max-width:1000px){.bzd-2,.bzd-11{grid-template-columns:1fr}}
        /* ── نیازمند رسیدگی ──
           auto-fit (نه auto-fill): ستون خالی جمع می‌شود تا کاشی‌ها همیشه ردیف را پر کنند.
           با auto-fill در عرض بیشتر ستون خالی می‌ماند و کاشی‌ها باریک‌تر از حالت ویرایش می‌شدند. */
        .bzd-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px;margin-bottom:6px}
        .bzd-alert{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px;min-width:0;transition:.16s;border-right:4px solid #cbd5e1;box-shadow:0 3px 10px -8px rgba(15,23,42,.3)}
        .bzd-alert:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(15,23,42,.4)}
        .bzd-alert-hd{display:flex;align-items:flex-start;gap:10px;min-width:0}
        .bzd-alert-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
        .bzd-alert .ai{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex-shrink:0}
        .bzd-alert .at{font-size:13px;font-weight:700;color:var(--ink);line-height:1.35}
        .bzd-alert .as{font-size:11.5px;color:var(--faint);line-height:1.4}
        .bzd-alert .ac{margin:0;margin-top:auto;font-size:22px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
        .bzd-alert .ac small{font-size:11px;font-weight:700;color:var(--muted);margin-inline-start:4px}
        .bzd-alert.ok{border-right-color:#22c55e}
        /* ── KPI (فشرده — عدد چپ، بقیه راست) ── */
        .bzd-kpis{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}
        .bzd-kpi{display:flex;flex-direction:column;gap:5px;transition:.18s;position:relative;overflow:hidden;min-width:0;padding:12px 13px!important}
        .bzd-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(15,23,42,.35)}
        .bzd-kpi .top{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%}
        .bzd-kpi .ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex-shrink:0}
        .bzd-kpi .val{width:100%;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.3px;line-height:1.25;text-align:left;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .bzd-kpi .val .unit{font-size:11px;font-weight:700;color:var(--muted);margin-inline-start:3px}
        .bzd-kpi .lbl{width:100%;font-size:11.5px;color:var(--muted);font-weight:700;text-align:start}
        .bzd-kpi .sub{width:100%;font-size:10.5px;color:var(--faint);text-align:start;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .bzd-kpi .sub.bzd-up{color:#15803d;font-weight:700}
        .bzd-kpi .sub.bzd-down{color:#b91c1c;font-weight:700}
        .bzd-chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}
        .bzd-up{background:#dcfce7;color:#15803d}.bzd-down{background:#fee2e2;color:#b91c1c}
        .spark{width:100%;height:34px;display:block;margin-top:2px}
        /* ── نمودار میله‌ای درآمد ── */
        .bzd-bars{display:flex;align-items:flex-end;gap:9px;height:184px;padding-top:10px}
        .bzd-bars .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}
        .bzd-bars .bar{width:100%;max-width:40px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#6366f1,#a78bfa);transition:.25s;min-height:6px}
        .bzd-bars .bar:hover{filter:brightness(1.08)}
        .bzd-bars .v{font-size:10.5px;color:var(--muted);font-weight:700}
        .bzd-bars .d{font-size:10.5px;color:var(--faint)}
        /* ── دونات ── */
        .bzd-donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
        .bzd-donut-pair{align-items:flex-start;gap:14px}
        .bzd-donut-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
        .bzd-donut-tag{font-size:10px;font-weight:800;color:var(--muted);line-height:1.2;text-align:center}
        .bzd-donut-ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
        .bzd-legend--status{flex:1;min-width:140px;gap:5px}
        .bzd-legend--status .bzd-legend-hd{display:grid;grid-template-columns:11px 1fr auto auto;gap:6px 8px;font-size:10px;font-weight:800;color:var(--faint);padding-bottom:4px;border-bottom:1px dashed var(--line)}
        .bzd-legend--status .bzd-legend-hd span:nth-child(3),
        .bzd-legend--status .bzd-legend-hd span:nth-child(4){text-align:end;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
        .bzd-legend--status .it{display:grid;grid-template-columns:11px 1fr auto auto;gap:6px 8px;align-items:center;color:var(--muted)}
        .bzd-legend--status .nm{font-size:12px;font-weight:600;color:var(--muted)}
        .bzd-legend--status .is-cnt,
        .bzd-legend--status .is-amt{font-size:12px;font-weight:800;color:var(--ink);text-align:end;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums;white-space:nowrap}
        .bzd-legend--status .is-amt{color:var(--fin)}
        .bzd-legend{display:flex;flex-direction:column;gap:7px;font-size:12.5px;flex:1;min-width:130px}
        .bzd-legend .it{display:flex;align-items:center;gap:8px;color:var(--muted)}
        .bzd-legend .dot{width:11px;height:11px;border-radius:4px;flex-shrink:0}
        .bzd-legend b{margin-inline-start:auto;color:var(--ink);font-weight:800}
        .bzd-legend small{font-size:11px}
        /* ── نوار سهم فروش ── */
        .bzd-seg{display:flex;height:15px;border-radius:9px;overflow:hidden;background:var(--line2)}
        .bzd-seg span{height:100%;transition:.3s;min-width:2px}
        .bzd-seg span:hover{filter:brightness(1.08)}
        /* ── رتبه‌بندی پرفروش‌ها ── */
        .bzd-rank{display:flex;align-items:center;gap:11px;padding:9px 2px;border-bottom:1px solid var(--line2)}
        .bzd-rank:last-child{border-bottom:0}
        .bzd-rank .rk{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}
        .bzd-rank .rt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
        .bzd-rank .rn{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .bzd-rank .rs{font-size:11px;color:var(--faint)}
        .bzd-rank .rv{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap;margin-inline-start:auto;text-align:start;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
        .bzd-rank .rv small{font-size:10.5px;font-weight:700;color:var(--muted)}
        /* ── خط‌لوله فروش (مینی کاشی‌ها) ── */
        .bzd-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
        .bzd-mini .m{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:#fafbff;transition:.16s;min-width:0}
        a.m:hover{border-color:var(--crm);background:#fff;transform:translateY(-2px);box-shadow:0 12px 22px -16px rgba(139,92,246,.7)}
        .bzd-mini .mi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}
        .bzd-mini .mtx{min-width:0;display:flex;flex-direction:column;gap:2px}
        .bzd-mini .mv{font-size:19px;font-weight:800;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
        .bzd-mini .ml{font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        /* ── جدول ── */
        .bzd-tbl{width:100%;border-collapse:collapse;font-size:13px}
        .bzd-tbl th{text-align:right;color:var(--faint);font-weight:700;font-size:11.5px;padding:0 8px 10px;border-bottom:1px solid var(--line)}
        .bzd-tbl td{padding:11px 8px;border-bottom:1px solid var(--line2);color:var(--ink)}
        .bzd-tbl tr:last-child td{border-bottom:0}
        .bzd-tbl tr:hover td{background:#fafbff}
        .bzd-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;color:#fff;white-space:nowrap}
        /* ── چت‌ها ── */
        .bzd-tk{display:flex;flex-direction:column;gap:9px}
        .bzd-tk a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:#fafbff;transition:.16s}
        .bzd-tk a:hover{border-color:var(--sup);background:#fff}
        .bzd-tk .av{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#a78bfa,#6d28d9);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;flex-shrink:0}
        .bzd-tk .tt{font-size:13px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .bzd-tk .tm{font-size:11px;color:var(--faint)}
        /* ── نقشه ماژول‌ها ── */
        .bzd-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
        .bzd-dom{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 16px;box-shadow:0 4px 14px -10px rgba(15,23,42,.22);border-top:3px solid var(--dc,#6366f1)}
        .bzd-dom .dh{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:11px}
        .bzd-dom .dh .de{font-size:17px}
        .bzd-tiles{display:flex;flex-direction:column;gap:3px}
        .bzd-tile{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;transition:.13s}
        .bzd-tile:hover{background:#f7f8fc}
        .bzd-tile .te{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:15px;flex-shrink:0;background:#eef2f7;background:color-mix(in srgb, var(--dc,#6366f1) 14%, #fff)}
        .bzd-tile .tn{font-size:12.5px;font-weight:700;color:var(--ink2);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .bzd-tile .tc{font-size:12px;font-weight:800;color:var(--dc,#6366f1);background:#eef2f7;background:color-mix(in srgb, var(--dc,#6366f1) 12%, #fff);border-radius:20px;padding:1px 9px;min-width:26px;text-align:center}
        .bzd-tile .tg{color:var(--faint);font-size:13px}
        /* ── سفر مشتری (قیف upsell) ── */
        .spe-journey{margin:0 0 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
        .spe-journey__title{font-size:12.5px;font-weight:800;color:var(--muted);margin:0 0 12px}
        .spe-journey__row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
        .spe-journey__sep{align-self:center;color:var(--faint);font-size:16px;padding:0 2px}
        .spe-journey__step{flex:1 1 120px;min-width:110px;text-decoration:none;color:inherit;border-radius:12px;border:1px solid var(--line);padding:12px 10px;text-align:center;transition:.15s;background:#fafbff}
        .spe-journey__step:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(15,23,42,.25)}
        .spe-journey__step.is-active{border-color:var(--spe-primary,#16a34a);background:#f0fdf4}
        .spe-journey__step.is-partial{border-color:#f59e0b;background:#fffbeb}
        .spe-journey__step.is-locked{opacity:.72;border-style:dashed}
        .spe-journey__step .ic{font-size:20px;display:block;margin-bottom:4px}
        .spe-journey__step .lb{font-size:12px;font-weight:800;color:var(--ink)}
        .spe-journey__offer{margin-top:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb, var(--spe-accent,#7c3aed) 8%, #fff);border:1px solid color-mix(in srgb, var(--spe-accent,#7c3aed) 25%, #fff);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
        .spe-journey__offer p{margin:0;font-size:13px;line-height:1.7;color:var(--ink2)}
        .spe-journey__offer a.button-primary{background:var(--spe-accent,#7c3aed)!important;border-color:var(--spe-accent,#7c3aed)!important}

.spmk{--ink:var(--spe-text);--muted:var(--spe-text-2);--line:var(--spe-border);direction:rtl;font-family:var(--spe-font);margin:10px 20px 40px 0;max-width:1280px}
        .spmk *{box-sizing:border-box}.spmk a{text-decoration:none}
        .spmk-hero{background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:22px;padding:22px 26px;color:#fff;margin-bottom:16px;box-shadow:0 12px 32px -16px rgba(124,58,237,.55)}
        .spmk-hero h1{margin:0 0 4px;color:#fff;font-size:22px;font-weight:800}
        .spmk-hero p{margin:0;opacity:.9;font-size:13px;line-height:1.7}
        .spmk-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));margin-bottom:18px}
        .spmk-kpi{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 4px 14px -10px rgba(15,23,42,.2);transition:.16s;color:var(--ink)}
        .spmk-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(15,23,42,.35)}
        .spmk-kpi .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:#f5f3ff}
        .spmk-kpi .val{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.2}
        .spmk-kpi .lbl{font-size:12.5px;color:var(--muted);font-weight:700}
        .spmk-sec{font-size:12.5px;font-weight:800;color:var(--muted);margin:4px 4px 8px}
        .spmk-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
        .spmk-nv{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fafbff;color:var(--ink);transition:.15s}
        .spmk-nv:hover{border-color:#7c3aed;background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(124,58,237,.45)}
        .spmk-nv .ni{font-size:22px}.spmk-nv .nt{font-size:13.5px;font-weight:800}.spmk-nv .nc{font-size:11px;font-weight:600;color:#94a3b8}

.spop{--ink:var(--spe-text);--muted:var(--spe-text-2);--line:var(--spe-border);direction:rtl;font-family:var(--spe-font);margin:10px 20px 40px 0;max-width:1280px}
        .spop *{box-sizing:border-box}.spop a{text-decoration:none}
        .spop-hero{background:linear-gradient(135deg,#334155,#0f766e 55%,#0284c7);border-radius:22px;padding:22px 26px;color:#fff;margin-bottom:16px;box-shadow:0 12px 32px -16px rgba(15,118,110,.45)}
        .spop-hero h1{margin:0 0 4px;color:#fff;font-size:22px;font-weight:800;font-family:var(--spe-font)!important}
        .spop-hero p{margin:0;opacity:.9;font-size:13px;line-height:1.7}
        .spop-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));margin-bottom:18px}
        .spop-kpi{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 4px 14px -10px rgba(15,23,42,.2);transition:.16s;color:var(--ink)}
        .spop-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(15,23,42,.35)}
        .spop-kpi .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#334155}
        .spop-kpi .ico .dashicons{font-size:20px;width:20px;height:20px}
        .spop-kpi .val{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.2}
        .spop-kpi .lbl{font-size:12.5px;color:var(--muted);font-weight:700}
        .spop-sec{font-size:12.5px;font-weight:800;color:var(--muted);margin:4px 4px 8px}
        .spop-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
        .spop-nv{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fafbff;color:var(--ink);transition:.15s}
        .spop-nv:hover{border-color:#0f766e;background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(15,118,110,.4)}
        .spop-nv .ni{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ecfdf5;color:#0f766e}
        .spop-nv .ni .dashicons{font-size:18px;width:18px;height:18px}
        .spop-nv .nt{font-size:13.5px;font-weight:800;display:block}.spop-nv .nc{font-size:11px;font-weight:600;color:#94a3b8}
        .spop-urg{list-style:none;margin:0 0 18px;padding:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
        .spop-urg li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}
        .spop-urg li:last-child{border-bottom:0}
        .spop-urg a{color:var(--ink);font-weight:600;text-decoration:none}
        /* چیپِ برچسب کنارِ عنوانِ وظیفه؛ تاریخ همچنان تهِ ردیف می‌ماند. */
        .spop-urg li{justify-content:flex-start}
        .spop-urg li>a{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .spop-urg .spe-tag-chips{flex:0 0 auto}
        .spop-urg .spe-tag-badge{font-size:10px;padding:0 6px}
        .spop-urg .due{flex:0 0 auto;margin-inline-start:auto}
        .spop-urg a:hover{color:#0f766e}
        .spop-urg .due{font-size:11px;color:var(--muted);white-space:nowrap}
        .spop-urg .due.bad{color:#b91c1c;font-weight:700}

.spmk-kpi,
.spop-kpi,
.spe-crm-home-dash .spe-stat.bzd-kpi-tile { position: relative; }
.spmk-nv,
.spop-nv,
.spe-crm-home-dash .spe-btn.bzd-nav-tile { position: relative; }
.bzd-is-editing .bzd-nav-tile.is-nav-hidden,
.spe-dash-layout.bzd-is-editing .bzd-nav-tile.is-nav-hidden {
    display: flex !important;
    opacity: 0.42;
    filter: grayscale(0.35);
}

.spsh{--g1:var(--spe-success);--g2:var(--spe-info);--ink:var(--spe-text);--muted:var(--spe-text-2);--line:var(--spe-border);direction:rtl;font-family:var(--spe-font);margin:10px 20px 40px 0;max-width:1280px}
        .spsh *{box-sizing:border-box}.spsh a{text-decoration:none}
        .spsh-hero{background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:22px;padding:22px 26px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;box-shadow:0 12px 32px -16px rgba(15,118,110,.55)}
        .spsh-hero h1{margin:0 0 4px;color:#fff;font-size:22px;font-weight:800}
        .spsh-hero p{margin:0;opacity:.9;font-size:13px;line-height:1.7}
        .spsh-hstats{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
        .spsh-hstats .hs{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:10px 14px;min-width:110px;backdrop-filter:blur(4px)}
        .spsh-hstats b{font-size:18px;font-weight:800;display:block;white-space:nowrap}
        .spsh-hstats span{font-size:11.5px;opacity:.85}
        .spsh-grid{display:grid;gap:14px}
        .spsh-kpis{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));margin-bottom:16px}
        .spsh-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 4px 14px -10px rgba(15,23,42,.2)}
        .spsh-kpi{display:flex;flex-direction:column;gap:6px;transition:.16s;position:relative;overflow:hidden;min-width:0}
        .spsh-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(15,23,42,.35)}
        .spsh-kpi .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px}
        .spsh-kpi .val{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
        .spsh-kpi .val .unit{font-size:11px;font-weight:700;color:var(--muted);margin-right:3px}
        .spsh-kpi .lbl{font-size:12.5px;color:var(--muted);font-weight:700}
        .spsh-kpi .sub{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .spsh-cols{display:grid;grid-template-columns:1.9fr 1fr;gap:16px;align-items:start;margin-bottom:16px}
        @media(max-width:980px){.spsh-cols{grid-template-columns:1fr}}
        .spsh-card h3{margin:0 0 16px;font-size:14.5px;font-weight:800;color:var(--ink);display:flex;align-items:center;justify-content:space-between}
        .spsh-card h3 .sub{font-size:11px;font-weight:600;color:#94a3b8}
        /* نوار نیازمند رسیدگی فروشگاه */
        .spsh-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px;margin-bottom:16px}
        .spsh-alert{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px;min-width:0;transition:.16s;border-right:4px solid #cbd5e1}
        .spsh-alert:hover{transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(15,23,42,.4)}
        .spsh-alert .ai{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex-shrink:0}
        .spsh-alert .at{font-size:13px;font-weight:700;color:var(--ink);line-height:1.35;display:block}
        .spsh-alert .as{font-size:11.5px;color:#94a3b8;line-height:1.4;display:block}
        .spsh-alert .ac{margin:0;margin-top:auto;font-size:22px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
        .spsh-alert.ok{border-right-color:#22c55e}
        /* نشانه موجودی کنار پرفروش‌ها */
        .spsh-stk{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap;margin-inline-start:6px}
        .spsh-stk.ok{background:#f0fdf4;color:#15803d}.spsh-stk.low{background:#fff7ed;color:#c2410c}.spsh-stk.out{background:#fef2f2;color:#b91c1c}
        .spsh-rank{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #f1f3f9}
        .spsh-rank:last-child{border-bottom:0}
        .spsh-rank .rk{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}
        .spsh-rank .rt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
        .spsh-rank .rn{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .spsh-rank .rs{font-size:10.5px;color:#94a3b8}
        .spsh-rank .rv{font-size:13.5px;font-weight:800;color:var(--ink);white-space:nowrap;margin-inline-start:auto}
        .spsh-rank .rv small{font-size:10px;font-weight:700;color:var(--muted)}
        .spsh-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:6px}
        .spsh-nv{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fafbff;color:var(--ink);font-size:13px;font-weight:700;transition:.15s}
        .spsh-nv:hover{border-color:var(--g1);background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(15,118,110,.45);color:var(--g1)}
        .spsh-nv .ni{font-size:20px}
        .spsh-nv .nc{font-size:11px;font-weight:600;color:#94a3b8}
        .spsh-sec{font-size:12.5px;font-weight:800;color:var(--muted);margin:20px 4px 6px}
        .spsh-empty{text-align:center;color:#94a3b8;padding:30px 0;font-size:13px}

/* Layout editor — 12-col must win after all decorative auto-fit/auto-fill blocks above */
.bzd-dash-grid[data-dash-grid] {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}


/* Bazarban Smart Dashboard — approved RTL UI pass */
.bzd.spe-dash-layout{direction:rtl;text-align:right;max-width:none;--bzd-soft-shadow:0 2px 10px rgba(15,23,42,.045)}
.bzd.spe-dash-layout .bzd-top{align-items:center;margin:0 2px 12px}
.bzd.spe-dash-layout .bzd-hi h1{display:flex;align-items:center;gap:8px;font-size:22px;line-height:1.45;color:var(--spe-text,#0f172a)}
.bzd.spe-dash-layout .bzd-hi h1 .dashicons{width:25px;height:25px;font-size:25px;line-height:25px;color:var(--spe-accent,#6366f1)}
.bzd.spe-dash-layout .bzd-hi p{margin-top:3px;font-size:11.5px;color:var(--spe-text-3,#94a3b8)}
.bzd.spe-dash-layout .bzd-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:11.5px;box-shadow:none}
.bzd.spe-dash-layout .bzd-money-guide,.bzd.spe-dash-layout .bzd-chart-hint{display:none!important}
.bzd.spe-dash-layout .bzd-sec{margin:18px 3px 8px;color:var(--spe-text-2,#64748b);font-size:12.5px}
.bzd.spe-dash-layout .bzd-card,.bzd.spe-dash-layout .bzd-pl,.bzd.spe-dash-layout .bzd-kpi{border-color:var(--spe-border,#e7e9ee);border-radius:12px;box-shadow:var(--bzd-soft-shadow)}
.bzd.spe-dash-layout .bzd-kpis{gap:9px;margin-bottom:14px}.bzd.spe-dash-layout .bzd-kpi{padding:11px 12px!important;gap:4px}.bzd.spe-dash-layout .bzd-kpi .ico{width:30px;height:30px;border-radius:9px}.bzd.spe-dash-layout .bzd-kpi .val{font-size:17px}.bzd.spe-dash-layout .bzd-kpi .lbl{font-size:11px}.bzd.spe-dash-layout .bzd-kpi .sub{font-size:10px}

.spe-dash-layout .bzd-layout-bar{justify-content:flex-start;min-height:40px;margin:0 2px 12px;padding:0;background:transparent;border:0;border-radius:0}
.spe-dash-layout .bzd-layout-bar .hint,.spe-dash-layout .bzd-layout-bar [id$="-layout-reset"]{display:none}
.spe-dash-layout .bzd-layout-bar [id$="-layout-edit"]{margin-inline-start:auto}
.spe-dash-layout .bzd-layout-btn{min-height:38px;padding:0 12px;border-radius:9px;gap:6px;box-shadow:none}.spe-dash-layout .bzd-layout-btn .dashicons{width:16px;height:16px;font-size:16px;line-height:16px}
.spe-dash-layout.bzd-is-editing .bzd-layout-bar{position:sticky;top:38px;z-index:80;gap:7px;padding:9px 10px;background:color-mix(in srgb,var(--spe-surface,#fff) 95%,transparent);border:1px solid color-mix(in srgb,var(--spe-accent,#6366f1) 20%,var(--spe-border,#e7e9ee));border-radius:11px;box-shadow:0 8px 24px rgba(15,23,42,.10);backdrop-filter:blur(10px)}
.spe-dash-layout.bzd-is-editing .bzd-layout-bar .hint{display:inline-flex!important;margin-inline-end:auto;font-size:10.5px}.spe-dash-layout.bzd-is-editing .bzd-layout-bar [id$="-layout-reset"]{display:inline-flex!important}.spe-dash-layout.bzd-is-editing .bzd-layout-bar [id$="-layout-edit"]{display:none!important}

.spe-dash-layout:not(.bzd-is-editing) .bzd-widget-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-kpi-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-nav-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-journey-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-pulse-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-mapdom-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-maptile-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-ametric-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-areport-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-schart-tools,.spe-dash-layout:not(.bzd-is-editing) .bzd-resize-grips{display:none!important}
.spe-dash-layout.bzd-is-editing .bzd-widget-tools,.spe-dash-layout.bzd-is-editing .bzd-kpi-tools,.spe-dash-layout.bzd-is-editing .bzd-nav-tools,.spe-dash-layout.bzd-is-editing .bzd-journey-tools,.spe-dash-layout.bzd-is-editing .bzd-pulse-tools,.spe-dash-layout.bzd-is-editing .bzd-mapdom-tools,.spe-dash-layout.bzd-is-editing .bzd-maptile-tools,.spe-dash-layout.bzd-is-editing .bzd-ametric-tools,.spe-dash-layout.bzd-is-editing .bzd-areport-tools,.spe-dash-layout.bzd-is-editing .bzd-schart-tools{display:flex!important}

.bzd.spe-dash-layout .spe-journey{direction:rtl;margin:0 0 14px;padding:13px 14px 10px;border:1px solid var(--spe-border,#e7e9ee);border-radius:14px;box-shadow:var(--bzd-soft-shadow);overflow:hidden}
.bzd.spe-dash-layout .spe-journey__title{margin:0 2px 9px;color:var(--spe-text,#0f172a);font-size:14px;font-weight:800;text-align:right}
.bzd.spe-dash-layout .spe-journey__row{direction:rtl;display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:5px;width:100%;padding:2px 0 6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity}
.bzd.spe-dash-layout a.spe-journey__step,.bzd.spe-dash-layout .spe-journey__step{position:relative;flex:1 0 144px;min-width:138px;min-height:72px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 24px 10px 16px;border:0!important;border-radius:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--jc,#6366f1) 13%,#fff),color-mix(in srgb,var(--jc,#6366f1) 5%,#fff));clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 50%,100% 100%,18px 100%,0 50%);filter:drop-shadow(0 2px 2px rgba(15,23,42,.06));color:var(--spe-text,#0f172a);text-align:right;direction:rtl;scroll-snap-align:start;transition:filter .16s ease,background .16s ease}
.bzd.spe-dash-layout a.spe-journey__step:hover,.bzd.spe-dash-layout .spe-journey__step:hover{transform:none;filter:drop-shadow(0 4px 6px rgba(15,23,42,.10));background:linear-gradient(135deg,color-mix(in srgb,var(--jc,#6366f1) 17%,#fff),color-mix(in srgb,var(--jc,#6366f1) 7%,#fff))}
.bzd.spe-dash-layout .spe-journey__step .ic{width:34px;height:34px;margin:0;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:color-mix(in srgb,var(--jc,#6366f1) 14%,#fff);color:var(--jc,#6366f1);font-size:18px}.bzd.spe-dash-layout .spe-journey__step .ic .dashicons{width:18px;height:18px;font-size:18px;line-height:18px}.bzd.spe-dash-layout .spe-journey__step .lb{color:var(--spe-text,#0f172a);font-size:12.5px;font-weight:800;line-height:1.45;white-space:nowrap}.bzd.spe-dash-layout .spe-journey__step.is-locked{opacity:.58;filter:grayscale(.18)}
.bzd.spe-dash-layout .spe-journey__offer{margin-top:8px;padding:9px 11px}.bzd.spe-dash-layout .spe-journey__offer p{font-size:11px}
.bzd.spe-dash-layout.bzd-is-editing .spe-journey__step{clip-path:none!important;border:1px dashed color-mix(in srgb,var(--jc,#6366f1) 32%,var(--spe-border,#e7e9ee))!important;border-radius:10px!important;padding-top:38px}
@media(max-width:1100px){.bzd.spe-dash-layout .spe-journey__step{flex-basis:132px;min-width:128px}}
@media(max-width:782px){.bzd.spe-dash-layout .bzd-top{align-items:flex-start}.bzd.spe-dash-layout .bzd-hi h1{font-size:19px}.bzd.spe-dash-layout .spe-journey{padding:11px 10px 8px}.bzd.spe-dash-layout .spe-journey__row{padding-bottom:8px}.bzd.spe-dash-layout .spe-journey__step{flex:0 0 136px;min-width:136px}.spe-dash-layout.bzd-is-editing .bzd-layout-bar{top:46px}.spe-dash-layout.bzd-is-editing .bzd-layout-bar .hint{flex-basis:100%;order:5}}


/* Smart dashboard management widgets — approved 2026-09 */
.bzd{--bzd-card-border:color-mix(in srgb,var(--spe-border,#e5e7eb) 92%,transparent)}
.bzd .bzd-layout-bar{position:relative}
.bzd-widget-manager{position:absolute;z-index:35;top:132px;inset-inline-start:28px;width:270px;padding:10px;border:1px solid var(--bzd-card-border);border-radius:13px;background:var(--spe-surface,#fff);box-shadow:0 18px 42px rgba(15,23,42,.14)}
.bzd-widget-manager[hidden]{display:none!important}
.bzd-widget-manager-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 9px;border-bottom:1px solid var(--bzd-card-border)}
.bzd-widget-manager-head strong{font-size:12px;color:var(--spe-ink,#172033)}
.bzd-widget-manager-head span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--spe-accent-soft,#eef2ff);color:var(--spe-accent,#4f46e5);font-size:10px;font-weight:800}
.bzd-widget-manager-list{display:grid;gap:5px;padding-top:7px}
.bzd-widget-restore{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--spe-text-2,#53627a);font:inherit;font-size:11px;text-align:right;cursor:pointer}
.bzd-widget-restore:hover{background:var(--spe-surface-2,#f7f9fc);color:var(--spe-ink,#172033)}
.bzd-widget-restore b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--spe-accent-soft,#eef2ff);color:var(--spe-accent,#4f46e5);font-size:16px;font-weight:500}
.bzd-manager-widget{grid-column:span 3;min-width:0}
.bzd-sales-funnel-widget{grid-column:span 6;min-width:0}
.bzd-manager-card{height:100%;min-height:210px;padding:15px;border:1px solid var(--bzd-card-border);border-radius:14px;background:var(--spe-surface,#fff);box-shadow:0 2px 8px rgba(15,23,42,.035)}
.bzd-manager-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.bzd-manager-head h3{margin:0;color:var(--spe-ink,#172033);font-size:14px;font-weight:800}
.bzd-manager-head a{padding:4px 8px;border-radius:7px;background:var(--spe-accent-soft,#eef2ff);color:var(--spe-accent,#4f46e5);font-size:9.5px;font-weight:700;text-decoration:none}
.bzd-manager-main{display:flex;align-items:center;justify-content:center;gap:16px;min-height:145px}
.bzd-manager-ring{--ring-p:0;--ring-a:#f97316;--ring-b:#2563eb;position:relative;display:grid;place-items:center;width:108px;height:108px;flex:0 0 108px;border-radius:50%;background:conic-gradient(var(--ring-a) 0 calc(var(--ring-p)*1%),var(--ring-b) calc(var(--ring-p)*1%) 100%)}
.bzd-manager-ring::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--spe-surface,#fff)}
.bzd-manager-ring>span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1.3}
.bzd-manager-ring b{color:var(--spe-ink,#172033);font-size:21px;font-weight:850}
.bzd-manager-ring small{color:var(--spe-text-3,#8a97ab);font-size:9.5px}
.bzd-manager-legend{display:grid;gap:10px;min-width:108px}
.bzd-manager-legend span{display:grid;grid-template-columns:9px auto 1fr;align-items:center;gap:6px;color:var(--spe-text-2,#53627a);font-size:10.5px}
.bzd-manager-legend i{width:8px;height:8px;border-radius:50%;background:var(--dot)}
.bzd-manager-legend b{color:var(--spe-ink,#172033);font-size:13px}
.bzd-goal-summary{display:flex;min-width:125px;flex-direction:column;gap:5px}
.bzd-goal-summary strong{color:var(--spe-ink,#172033);font-size:15px}
.bzd-goal-summary small{color:var(--spe-text-3,#8a97ab);font-size:9.5px;line-height:1.6}
.bzd-goal-summary a{margin-top:4px;color:var(--spe-accent,#4f46e5);font-size:10px;text-decoration:none}
.bzd-comm-total{display:flex;align-items:baseline;gap:7px;margin:18px 0 15px}
.bzd-comm-total strong{color:var(--spe-ink,#172033);font-size:28px;line-height:1;font-weight:850}
.bzd-comm-total span{color:var(--spe-text-3,#8a97ab);font-size:10px}
.bzd-comm-bars{display:grid;gap:13px}
.bzd-comm-bars>div{display:grid;gap:6px}
.bzd-comm-bars span{display:flex;justify-content:space-between;color:var(--spe-text-2,#53627a);font-size:10.5px}
.bzd-comm-bars span b{color:var(--spe-ink,#172033)}
.bzd-comm-bars i{display:block;height:7px;overflow:hidden;border-radius:99px;background:var(--spe-surface-3,#eef2f7)}
.bzd-comm-bars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#3b82f6)}
.bzd-sales-funnel-card{min-height:300px}
.bzd-sales-funnel{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 8px 2px}
.bzd-sales-funnel-stage{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(100px,1fr);align-items:center;gap:10px;width:var(--funnel-w);min-width:36%;min-height:38px;padding:6px 24px;color:#fff;text-decoration:none;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);background:linear-gradient(90deg,color-mix(in srgb,var(--spe-accent,#4f46e5) 84%,#0ea5e9),var(--spe-accent,#4f46e5));transition:transform .16s,filter .16s}
.bzd-sales-funnel-stage:nth-child(2n){filter:saturate(.88) brightness(1.04)}
.bzd-sales-funnel-stage:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.05)}
.bzd-sales-funnel-stage span{overflow:hidden;font-size:10.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.bzd-sales-funnel-stage b{font-size:13px;text-align:center}
.bzd-sales-funnel-stage small{font-size:9px;text-align:left;opacity:.9}
/* The final/purchase stage is on the far right; stages continue to the left. */
.bzd #bzd-journey-grid{display:flex!important;direction:rtl!important;flex-direction:row-reverse!important;align-items:stretch;overflow-x:auto;scrollbar-width:thin}
.bzd #bzd-journey-grid>.bzd-journey-tile{flex:1 0 142px;min-width:142px}
/* Edit tools exist in DOM but are invisible until customization mode is active. */
.bzd:not(.bzd-is-editing) .bzd-widget-tools,.bzd:not(.bzd-is-editing) .bzd-kpi-tools,.bzd:not(.bzd-is-editing) [class*="bzd-"][class*="-tools"]{visibility:hidden!important;pointer-events:none!important;opacity:0!important}
.bzd.bzd-is-editing .bzd-widget-tools,.bzd.bzd-is-editing .bzd-kpi-tools{visibility:visible;pointer-events:auto;opacity:1}
@media(max-width:1260px){.bzd-manager-widget{grid-column:span 6}.bzd-sales-funnel-widget{grid-column:span 12}}
@media(max-width:782px){
  .bzd-widget-manager{position:fixed;top:auto;right:12px;bottom:12px;left:12px;inset-inline-start:auto;width:auto;max-height:48vh;overflow:auto;z-index:10020}
  .bzd-manager-widget,.bzd-sales-funnel-widget{grid-column:1/-1}
  .bzd-manager-card{min-height:190px;padding:13px}
  .bzd-manager-main{min-height:125px}
  .bzd-sales-funnel-stage{grid-template-columns:1fr auto;min-width:55%;padding-inline:20px}
  .bzd-sales-funnel-stage small{display:none}
  .bzd #bzd-journey-grid>.bzd-journey-tile{flex-basis:132px;min-width:132px}
}

/* Dashboard funnel mockup fidelity v4 — cold-to-warm spectrum + isolated editor */
.bzd.spe-dash-layout .bzd-sales-funnel-card{min-height:0!important;padding:16px 18px 18px;overflow:visible;border-radius:16px}
.bzd.spe-dash-layout .bzd-sales-funnel-head{margin-bottom:16px}
.bzd.spe-dash-layout .bzd-sales-funnel-head h3{font-size:15px}
.bzd.spe-dash-layout .bzd-sales-funnel-head a{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--spe-accent,#4f46e5) 10%,var(--spe-border,#e7e9ee));border-radius:9px;background:color-mix(in srgb,var(--spe-accent,#4f46e5) 9%,#fff);font-size:10px}
.bzd.spe-dash-layout .bzd-sales-funnel{display:grid;gap:16px;width:min(100%,1040px);margin:0 auto;padding:2px 8px 0;direction:rtl}
.bzd.spe-dash-layout .bzd-sales-funnel-pipeline{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}
.bzd.spe-dash-layout .bzd-sales-funnel-stage{position:relative;isolation:isolate;width:var(--funnel-w,100%)!important;min-width:0!important;min-height:64px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(92px,.42fr) minmax(165px,.72fr);align-items:center;gap:16px;padding:9px clamp(30px,3.6vw,52px);overflow:hidden;border:0!important;color:#fff!important;text-decoration:none;direction:rtl;clip-path:polygon(3.4% 0,96.6% 0,92.4% 100%,7.6% 100%);background:linear-gradient(118deg,var(--funnel-c1,#2563eb),var(--funnel-c2,#4f46e5));box-shadow:0 12px 30px -23px color-mix(in srgb,var(--funnel-c1,#2563eb) 78%,#111827),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.bzd.spe-dash-layout .bzd-sales-funnel-stage::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.11),transparent 42%),radial-gradient(circle at 78% 8%,rgba(255,255,255,.15),transparent 30%)}
.bzd.spe-dash-layout .bzd-sales-funnel-stage:hover{color:#fff!important;transform:translateY(-1px);filter:brightness(1.035) saturate(1.035)!important;box-shadow:0 16px 34px -24px color-mix(in srgb,var(--funnel-c1,#2563eb) 86%,#111827),inset 0 1px 0 rgba(255,255,255,.20)}
.bzd.spe-dash-layout .bzd-sales-funnel-stage:focus-visible,.bzd.spe-dash-layout .bzd-sales-funnel-outcome:focus-visible{outline:3px solid color-mix(in srgb,var(--spe-accent,#4f46e5) 42%,#fff);outline-offset:3px}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-title{min-width:0;display:flex;align-items:center;gap:11px;color:#fff;font-size:13.5px;font-weight:830;line-height:1.5;text-align:right}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-icon .dashicons{width:20px;height:20px;font-size:20px;line-height:20px;color:#fff}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-count{min-width:96px;min-height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 13px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.15);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);line-height:1;white-space:nowrap}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-count>span{font-size:14px;font-weight:880}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-count>small{color:rgba(255,255,255,.84);font-size:9px;font-weight:650}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-value{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden;color:#fff;direction:ltr;white-space:nowrap}
.bzd.spe-dash-layout .bzd-sales-funnel-stage-value>.dashicons{width:22px;height:22px;flex:0 0 22px;font-size:22px;line-height:22px;color:rgba(255,255,255,.90)}
.bzd.spe-dash-layout .bzd-sales-funnel-money{min-width:0;display:flex;align-items:baseline;gap:5px;direction:rtl;overflow:hidden}
.bzd.spe-dash-layout .bzd-sales-funnel-money>b{overflow:hidden;font-size:12.5px;font-weight:830;text-overflow:ellipsis}
.bzd.spe-dash-layout .bzd-sales-funnel-money>small{color:rgba(255,255,255,.78);font-size:9px;font-weight:650}
.bzd.spe-dash-layout .bzd-sales-funnel.is-dense .bzd-sales-funnel-pipeline{gap:6px}
.bzd.spe-dash-layout .bzd-sales-funnel.is-dense .bzd-sales-funnel-stage{min-height:58px;padding-block:7px}
.bzd.spe-dash-layout .bzd-sales-funnel.is-very-dense .bzd-sales-funnel-pipeline{gap:5px}
.bzd.spe-dash-layout .bzd-sales-funnel.is-very-dense .bzd-sales-funnel-stage{min-height:54px;padding-block:6px}
.bzd.spe-dash-layout .bzd-sales-funnel.is-very-dense .bzd-sales-funnel-stage-icon{width:32px;height:32px;flex-basis:32px}
.bzd.spe-dash-layout .bzd-sales-funnel-empty{margin:2px auto 0;padding:11px 13px;border:1px dashed var(--spe-border,#e7e9ee);border-radius:10px;color:var(--spe-text-3,#8a97ab);background:var(--spe-surface-2,#f8fafc);font-size:10.5px;text-align:center}
.bzd.spe-dash-layout .bzd-sales-funnel-outcomes{width:min(100%,980px);margin:2px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;direction:rtl}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome{min-height:82px;box-sizing:border-box;display:grid;grid-template-columns:44px 56px minmax(0,1fr);align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--spe-border,#e7e9ee);border-radius:14px;color:var(--spe-text,#172033);text-decoration:none;direction:ltr;box-shadow:0 8px 24px -22px rgba(15,23,42,.45);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome:hover{color:var(--spe-text,#172033);transform:translateY(-1px);box-shadow:0 13px 28px -22px rgba(15,23,42,.5)}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome.is-won{order:1;border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fbfffc)}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome.is-lost{order:2;border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fffafa)}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:24px;font-weight:900}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome.is-won .bzd-sales-funnel-outcome-icon{background:#dcfce7;color:#16a34a}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome.is-lost .bzd-sales-funnel-outcome-icon{background:#fee2e2;color:#dc2626}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome-count{min-width:48px;display:flex;flex-direction:column;align-items:center;gap:2px;padding-inline-start:12px;border-inline-start:1px solid color-mix(in srgb,currentColor 11%,transparent);color:var(--spe-text-2,#53627a);direction:rtl}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome-count>span{font-size:15px;font-weight:850;line-height:1.2}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome-count>small{color:var(--spe-text-3,#8a97ab);font-size:8px;font-weight:650}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome-meta{min-width:0;display:flex;flex-direction:column;gap:4px;direction:rtl;text-align:right}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome-meta>b{overflow:hidden;color:var(--spe-text,#172033);font-size:12px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome-meta>small{color:var(--spe-text-3,#8a97ab);font-size:9.5px}

.bzd.spe-dash-layout .bzd-customizer-shell{position:relative;z-index:81}
.bzd.spe-dash-layout:not(.bzd-is-editing) .bzd-customizer-shell{display:block;margin:0 2px 12px}
.bzd.spe-dash-layout:not(.bzd-is-editing) .bzd-customizer-shell .bzd-layout-bar{margin:0!important}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell{position:fixed!important;z-index:100060!important;top:72px;bottom:18px;left:18px;right:auto;width:344px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--spe-accent,#4f46e5) 19%,var(--spe-border,#e7e9ee));border-radius:16px;background:var(--spe-surface,#fff);box-shadow:0 24px 60px rgba(15,23,42,.19);direction:rtl}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-bar{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:0!important;padding:0 0 10px!important;border:0!important;border-bottom:1px solid var(--spe-border,#e7e9ee)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-bar::before{content:"سفارشی‌سازی داشبورد";grid-column:1/-1;display:block;padding:2px 1px 8px;color:var(--spe-text,#172033);font-size:14px;font-weight:850}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-bar .hint,.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-hidden-note{grid-column:1/-1;display:block!important;margin:0!important;color:var(--spe-text-3,#8a97ab);font-size:10px;line-height:1.65}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell #bzd-layout-reset{grid-column:1/-1;justify-content:center}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell #bzd-layout-save,.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell #bzd-layout-cancel{justify-content:center}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell #bzd-widget-manager{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;width:100%!important;max-height:none!important;flex:1 1 auto;box-sizing:border-box;overflow:auto;margin:0;padding:0 2px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell #bzd-widget-manager .bzd-widget-manager-head{position:sticky;top:0;z-index:1;margin:0 0 6px;padding:6px 2px 9px;background:var(--spe-surface,#fff)}
@media (min-width:1281px){.bzd.spe-dash-layout.bzd-is-editing{box-sizing:border-box;padding-left:382px!important}}
@media (max-width:1280px) and (min-width:783px){
  .bzd.spe-dash-layout.bzd-is-editing{padding-left:0!important}
  .bzd.spe-dash-layout.bzd-is-editing::before{content:"";position:fixed;z-index:100040;inset:0;pointer-events:none;background:rgba(15,23,42,.18)}
  .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell{top:50%;bottom:auto;left:50%;width:min(420px,calc(100vw - 32px));max-height:78vh;transform:translate(-50%,-50%)}
}
@media (max-width:1100px){
  .bzd.spe-dash-layout .bzd-sales-funnel{width:100%;padding-inline:0}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage{grid-template-columns:minmax(0,1.25fr) minmax(84px,.4fr) minmax(135px,.7fr);gap:11px;padding-inline:30px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-title{font-size:12px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-icon{width:34px;height:34px;flex-basis:34px}
}
@media (max-width:782px){
  .bzd.spe-dash-layout .bzd-sales-funnel-card{padding:13px 10px 14px}
  .bzd.spe-dash-layout .bzd-sales-funnel-head{margin-bottom:12px}
  .bzd.spe-dash-layout .bzd-sales-funnel{width:100%;gap:12px;padding-inline:0}
  .bzd.spe-dash-layout .bzd-sales-funnel-pipeline{gap:6px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage{min-width:84%!important;min-height:58px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 9px;padding:7px 24px;clip-path:polygon(4% 0,96% 0,92% 100%,8% 100%)}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-title{grid-column:1;grid-row:1;font-size:10.5px;gap:8px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-icon{width:28px;height:28px;flex-basis:28px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-icon .dashicons{width:16px;height:16px;font-size:16px;line-height:16px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-count{grid-column:2;grid-row:1/3;min-width:68px;min-height:31px;padding-inline:9px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-count>span{font-size:12px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-value{grid-column:1;grid-row:2;gap:5px}
  .bzd.spe-dash-layout .bzd-sales-funnel-stage-value>.dashicons{width:16px;height:16px;font-size:16px;line-height:16px}
  .bzd.spe-dash-layout .bzd-sales-funnel-money>b{font-size:10px}
  .bzd.spe-dash-layout .bzd-sales-funnel-money>small{font-size:8px}
  .bzd.spe-dash-layout .bzd-sales-funnel-outcomes{grid-template-columns:1fr;gap:8px}
  .bzd.spe-dash-layout .bzd-sales-funnel-outcome{min-height:72px;padding:10px 11px}
  .bzd.spe-dash-layout.bzd-is-editing{padding-left:0!important}
  .bzd.spe-dash-layout.bzd-is-editing::before{content:"";position:fixed;z-index:100040;inset:0;pointer-events:none;background:rgba(15,23,42,.22)}
  .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:70vh;transform:none;border-radius:16px}
}

/* Dashboard management widgets v2 — tasks, goals, tickets — 2026-09-11 */
.bzd.spe-dash-layout .bzd-manager-card-v2{
  --mgr-accent:var(--spe-accent,#4f46e5);
  --mgr-soft:color-mix(in srgb,var(--mgr-accent) 8%,var(--spe-surface,#fff));
  min-height:226px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  overflow:hidden;
}
.bzd.spe-dash-layout .bzd-manager-card-v2.is-tasks{--mgr-accent:#2563eb}
.bzd.spe-dash-layout .bzd-manager-card-v2.is-goals{--mgr-accent:#7c3aed}
.bzd.spe-dash-layout .bzd-manager-card-v2.is-tickets{--mgr-accent:#ef4444}
.bzd.spe-dash-layout .bzd-manager-head-v2{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}
.bzd.spe-dash-layout .bzd-manager-title{display:flex;align-items:center;gap:8px;min-width:0}
.bzd.spe-dash-layout .bzd-manager-title-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:var(--mgr-soft);color:var(--mgr-accent)}
.bzd.spe-dash-layout .bzd-manager-title-icon .dashicons{width:17px;height:17px;font-size:17px;line-height:17px}
.bzd.spe-dash-layout .bzd-manager-title h3{margin:0;color:var(--spe-ink,#172033);font-size:13.5px;font-weight:850;white-space:nowrap}
.bzd.spe-dash-layout .bzd-manager-head-v2>a{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border:1px solid color-mix(in srgb,var(--mgr-accent) 14%,var(--spe-border,#e7e9ee));border-radius:8px;background:color-mix(in srgb,var(--mgr-accent) 4%,var(--spe-surface,#fff));color:var(--mgr-accent);font-size:9.5px;font-weight:750;text-decoration:none;white-space:nowrap}
.bzd.spe-dash-layout .bzd-manager-head-v2>a:hover{border-color:color-mix(in srgb,var(--mgr-accent) 32%,var(--spe-border,#e7e9ee));background:color-mix(in srgb,var(--mgr-accent) 7%,var(--spe-surface,#fff))}
.bzd.spe-dash-layout .bzd-manager-overview{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;min-height:110px}
.bzd.spe-dash-layout .bzd-manager-ring-v2{--ring-p:0;--ring-a:#f97316;--ring-b:#2563eb;position:relative;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--ring-a) 0 calc(var(--ring-p)*1%),var(--ring-b) calc(var(--ring-p)*1%) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.bzd.spe-dash-layout .bzd-manager-ring-v2::after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--spe-surface,#fff);box-shadow:0 0 0 1px var(--spe-border,#e7e9ee)}
.bzd.spe-dash-layout .bzd-manager-ring-v2>span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.25}
.bzd.spe-dash-layout .bzd-manager-ring-v2 b{color:var(--spe-ink,#172033);font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.bzd.spe-dash-layout .bzd-manager-ring-v2 small{color:var(--spe-text-3,#8a97ab);font-size:9px;font-weight:650}
.bzd.spe-dash-layout .bzd-manager-stat-grid{display:grid;grid-template-columns:1fr;gap:7px;min-width:0}
.bzd.spe-dash-layout .bzd-manager-stat{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:7px 9px;border:1px solid var(--spe-border,#e7e9ee);border-radius:10px;background:var(--spe-surface-2,#f8fafc)}
.bzd.spe-dash-layout .bzd-manager-stat span{display:flex;align-items:center;gap:6px;min-width:0;color:var(--spe-text-2,#53627a);font-size:10px;font-weight:700;white-space:nowrap}
.bzd.spe-dash-layout .bzd-manager-stat span i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#2563eb}
.bzd.spe-dash-layout .bzd-manager-stat b{color:var(--spe-ink,#172033);font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.bzd.spe-dash-layout .bzd-manager-stat.is-warning span i{background:#f97316}
.bzd.spe-dash-layout .bzd-manager-stat.is-danger span i{background:#ef4444}
.bzd.spe-dash-layout .bzd-manager-progress{display:grid;gap:6px;margin-top:auto}
.bzd.spe-dash-layout .bzd-manager-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--spe-text-3,#8a97ab);font-size:9.5px;font-weight:650}
.bzd.spe-dash-layout .bzd-manager-progress>div b{color:var(--spe-text-2,#53627a);font-size:10.5px;font-weight:850}
.bzd.spe-dash-layout .bzd-manager-progress>i{display:block;height:7px;overflow:hidden;border-radius:999px;background:var(--spe-surface-3,#eef2f7)}
.bzd.spe-dash-layout .bzd-manager-progress>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#2563eb)}
.bzd.spe-dash-layout .bzd-manager-progress.is-success>i>em{background:linear-gradient(90deg,#4ade80,#16a34a)}
.bzd.spe-dash-layout .bzd-manager-progress.is-danger>i>em{background:linear-gradient(90deg,#f87171,#ef4444)}
.bzd.spe-dash-layout .bzd-goal-overview{grid-template-columns:104px minmax(0,1fr)}
.bzd.spe-dash-layout .bzd-goal-compare{display:grid;gap:7px;min-width:0}
.bzd.spe-dash-layout .bzd-goal-compare>div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "label unit";column-gap:6px;align-items:center;min-height:43px;padding:7px 9px;border:1px solid var(--spe-border,#e7e9ee);border-radius:10px;background:var(--spe-surface-2,#f8fafc)}
.bzd.spe-dash-layout .bzd-goal-compare span{grid-area:label;color:var(--spe-text-2,#53627a);font-size:9.5px;font-weight:700}
.bzd.spe-dash-layout .bzd-goal-compare b{grid-area:value;color:var(--spe-ink,#172033);font-size:12px;font-weight:900;text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
.bzd.spe-dash-layout .bzd-goal-compare small{grid-area:unit;color:var(--spe-text-3,#8a97ab);font-size:8px;text-align:left;white-space:nowrap}
.bzd.spe-dash-layout .bzd-goal-months{display:grid;gap:6px;margin-top:auto}
.bzd.spe-dash-layout .bzd-goal-month{display:grid;gap:4px}
.bzd.spe-dash-layout .bzd-goal-month>div{display:flex;align-items:center;justify-content:space-between;color:var(--spe-text-3,#8a97ab);font-size:8.5px}
.bzd.spe-dash-layout .bzd-goal-month>div b{color:var(--spe-text-2,#53627a);font-size:9px;font-weight:850}
.bzd.spe-dash-layout .bzd-goal-month>i{display:block;height:5px;overflow:hidden;border-radius:999px;background:var(--spe-surface-3,#eef2f7)}
.bzd.spe-dash-layout .bzd-goal-month>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#7c3aed)}
.bzd.spe-dash-layout .bzd-manager-empty-state{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:var(--spe-text-3,#8a97ab)}
.bzd.spe-dash-layout .bzd-manager-empty-state>.dashicons{width:32px;height:32px;font-size:32px;line-height:32px;color:var(--mgr-accent);opacity:.75}
.bzd.spe-dash-layout .bzd-manager-empty-state b{color:var(--spe-text-2,#53627a);font-size:11px}
.bzd.spe-dash-layout .bzd-manager-empty-state a{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:8px;background:var(--mgr-accent);color:#fff;font-size:9.5px;font-weight:750;text-decoration:none}
@media(max-width:1260px){
  .bzd.spe-dash-layout .bzd-manager-card-v2{min-height:214px}
  .bzd.spe-dash-layout .bzd-manager-overview{grid-template-columns:96px minmax(0,1fr)}
  .bzd.spe-dash-layout .bzd-manager-ring-v2{width:96px;height:96px}
}
@media(max-width:782px){
  .bzd.spe-dash-layout .bzd-manager-card-v2{min-height:0;gap:11px}
  .bzd.spe-dash-layout .bzd-manager-overview,.bzd.spe-dash-layout .bzd-goal-overview{grid-template-columns:92px minmax(0,1fr);min-height:98px}
  .bzd.spe-dash-layout .bzd-manager-ring-v2{width:92px;height:92px}
  .bzd.spe-dash-layout .bzd-manager-ring-v2::after{inset:10px}
  .bzd.spe-dash-layout .bzd-manager-ring-v2 b{font-size:18px}
  .bzd.spe-dash-layout .bzd-manager-stat{min-height:38px}
}


/* ── Dynamic process-driven customer journey ───────────────────────────── */
.bzd.spe-dash-layout .spe-journey__head{
    display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px;
}
.bzd.spe-dash-layout .spe-journey__head .spe-journey__title{margin:0}
.bzd.spe-dash-layout .spe-journey__source{
    display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:44%;padding:4px 8px;
    border:1px solid var(--spe-border,#e7e9ee);border-radius:999px;background:var(--spe-surface-2,#f8fafc);
    color:var(--spe-text-3,#94a3b8);font-size:9.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bzd.spe-dash-layout .spe-journey__source .dashicons{width:13px;height:13px;font-size:13px;line-height:13px;flex:0 0 auto}
.bzd.spe-dash-layout .spe-journey__step{min-height:82px!important;justify-content:flex-start!important;gap:9px!important}
.bzd.spe-dash-layout .spe-journey__step .ic{
    position:relative;z-index:1;width:38px!important;height:38px!important;flex:0 0 38px!important;
    background:color-mix(in srgb,var(--jc,#6366f1) 17%,#fff)!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--jc,#6366f1) 12%,transparent);
}
.bzd.spe-dash-layout .spe-journey__step .ic .dashicons{
    display:block!important;width:20px!important;height:20px!important;font-size:20px!important;line-height:20px!important;
    color:var(--jc,#6366f1)!important;opacity:1!important;
}
.bzd.spe-dash-layout .spe-journey__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;text-align:right}
.bzd.spe-dash-layout .spe-journey__step .lb{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.bzd.spe-dash-layout .spe-journey__count{display:inline-flex;align-items:baseline;gap:4px;color:var(--spe-text-2,#64748b);font-size:9px;line-height:1}
.bzd.spe-dash-layout .spe-journey__count strong{color:var(--spe-text,#0f172a);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.bzd.spe-dash-layout .spe-journey__count small{font-size:8.5px;color:var(--spe-text-3,#94a3b8)}
.bzd.spe-dash-layout .spe-journey__step.is-end{
    background:linear-gradient(135deg,color-mix(in srgb,var(--jc,#16a34a) 17%,#fff),color-mix(in srgb,var(--jc,#16a34a) 7%,#fff));
}
.bzd.spe-dash-layout.bzd-is-editing .spe-journey__step .spe-journey__content{align-items:center;text-align:center}
@media(max-width:782px){
    .bzd.spe-dash-layout .spe-journey__head{align-items:flex-start;flex-direction:column;gap:5px}
    .bzd.spe-dash-layout .spe-journey__source{max-width:100%}
    .bzd.spe-dash-layout .spe-journey__step{flex-basis:148px!important;min-width:148px!important}
}


/* Dashboard mockup fidelity v4 — approved colorful executive surface */
.bzd.spe-dash-layout {
    --bzd-v4-bg: #f5f7fb;
    --bzd-v4-ink: #14213d;
    --bzd-v4-muted: #74819a;
    --bzd-v4-border: #e3e9f2;
    --bzd-v4-blue: #3b82f6;
    --bzd-v4-indigo: #6366f1;
    background:
        radial-gradient(circle at 8% -10%, rgba(99, 102, 241, .07), transparent 28%),
        radial-gradient(circle at 92% 24%, rgba(6, 182, 212, .04), transparent 22%),
        var(--bzd-v4-bg) !important;
    color: var(--bzd-v4-ink);
    padding-bottom: 26px;
}

.bzd.spe-dash-layout .bzd-top {
    padding: 4px 2px 12px;
    margin-bottom: 4px;
    border-bottom: 0;
}
.bzd.spe-dash-layout .bzd-hi h1 {
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -.2px;
    color: var(--bzd-v4-ink);
}
.bzd.spe-dash-layout .bzd-hi h1 .dashicons {
    color: var(--bzd-v4-blue);
    filter: drop-shadow(0 4px 7px rgba(59, 130, 246, .18));
}
.bzd.spe-dash-layout .bzd-hi p {
    color: var(--bzd-v4-muted);
    font-size: 11.5px;
}
.bzd.spe-dash-layout .bzd-btn,
.bzd.spe-dash-layout .bzd-layout-btn {
    border: 1px solid #dbe3ee;
    background: rgba(255,255,255,.94);
    color: #30405f;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .035);
}
.bzd.spe-dash-layout .bzd-btn:hover,
.bzd.spe-dash-layout .bzd-layout-btn:hover {
    border-color: #bfd0e7;
    color: #1d4ed8;
    background: #fff;
}
.bzd.spe-dash-layout .bzd-btn.primary,
.bzd.spe-dash-layout .bzd-layout-btn.primary {
    color: #fff;
    border-color: #2f76eb;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    box-shadow: 0 8px 18px rgba(37, 99, 235, .17);
}

/* Read mode stays quiet: customization furniture appears only in edit mode. */
.bzd.spe-dash-layout:not(.bzd-is-editing) .bzd-layout-bar {
    justify-content: flex-end;
    padding: 0;
    margin: 0 2px 14px;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.bzd.spe-dash-layout:not(.bzd-is-editing) .bzd-layout-bar .hint,
.bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-layout-reset,
.bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-layout-save,
.bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-layout-cancel {
    display: none !important;
}
.bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-layout-edit {
    margin-inline-start: auto;
    min-height: 36px;
    padding-inline: 14px;
}

/* Executive dashboard spacing: the important cards read as one coherent canvas. */
.bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid {
    gap: 14px !important;
    grid-auto-flow: row dense;
}
.bzd.spe-dash-layout .bzd-widget {
    border-radius: 14px;
}
.bzd.spe-dash-layout .bzd-widget[data-widget-id="kpis"] {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.bzd.spe-dash-layout .bzd-widget[data-widget-id="kpis"] > .bzd-sec {
    margin: 0 2px 8px;
}
.bzd.spe-dash-layout #bzd-kpi-grid {
    gap: 11px !important;
}

/* KPI: white card like the mockup, with a real semantic accent instead of a grey tile. */
.bzd.spe-dash-layout .bzd-kpi {
    position: relative;
    overflow: hidden;
    min-height: 116px;
    padding: 14px 14px 12px !important;
    border: 1px solid color-mix(in srgb, var(--kpi-accent, #6366f1) 18%, var(--bzd-v4-border)) !important;
    border-radius: 13px !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--kpi-soft, #eef2ff) 58%, #fff) 0%, #fff 56%) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .045) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.bzd.spe-dash-layout .bzd-kpi::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--kpi-accent, #6366f1), color-mix(in srgb, var(--kpi-accent, #6366f1) 20%, transparent));
}
.bzd.spe-dash-layout .bzd-kpi:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--kpi-accent, #6366f1) 32%, var(--bzd-v4-border)) !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--kpi-accent, #6366f1) 10%, rgba(15,23,42,.05)) !important;
}
.bzd.spe-dash-layout .bzd-kpi .top {
    min-height: 34px;
    margin-bottom: 6px;
}
.bzd.spe-dash-layout .bzd-kpi .ico {
    width: 35px;
    height: 35px;
    display: inline-grid;
    place-items: center;
    border-radius: 10px !important;
    background: var(--kpi-soft, #eef2ff) !important;
    color: var(--kpi-accent, #6366f1) !important;
    box-shadow: 0 5px 12px color-mix(in srgb, var(--kpi-accent, #6366f1) 12%, transparent);
}
.bzd.spe-dash-layout .bzd-kpi .val {
    color: #101d36;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 900;
}
.bzd.spe-dash-layout .bzd-kpi .unit {
    color: #65728b;
    font-size: 10.5px;
    font-weight: 700;
}
.bzd.spe-dash-layout .bzd-kpi .lbl {
    color: #33425f;
    font-size: 11.5px;
    font-weight: 800;
}
.bzd.spe-dash-layout .bzd-kpi .sub {
    color: #8490a4;
    font-size: 10.5px;
}

/* Customer journey: connected, colored RTL chevrons like the approved mockup. */
.bzd.spe-dash-layout .spe-journey {
    margin: 0 !important;
    padding: 15px 16px 16px !important;
    border: 1px solid var(--bzd-v4-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04) !important;
}
.bzd.spe-dash-layout .spe-journey__title {
    margin: 0 2px 11px !important;
    color: #1f2d4a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}
@media (min-width: 760px) {
    .bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-journey-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        overflow-x: auto;
        padding: 1px 0 3px;
        scrollbar-width: thin;
    }
    .bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-journey-grid > .spe-journey__step {
        flex: 1 0 136px !important;
        min-width: 136px !important;
        clip-path: polygon(16px 0, 100% 0, calc(100% - 16px) 50%, 100% 100%, 16px 100%, 0 50%) !important;
        border-radius: 7px !important;
        padding-inline: 20px 15px !important;
    }
}
.bzd.spe-dash-layout .spe-journey__step {
    --journey-bg-mix: 16%;
    --journey-border-mix: 42%;
    min-height: 72px;
    color: #1b2945 !important;
    border: 1px solid color-mix(in srgb, var(--jc, #6366f1) var(--journey-border-mix), #e7ebf2) !important;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--jc, #6366f1) 18%, #fff),
            color-mix(in srgb, var(--jc, #6366f1) 8%, #fff)) !important;
    box-shadow: 0 7px 15px color-mix(in srgb, var(--jc, #6366f1) 9%, transparent) !important;
}
.bzd.spe-dash-layout .spe-journey__step:hover {
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--jc, #6366f1) 24%, #fff),
            color-mix(in srgb, var(--jc, #6366f1) 11%, #fff)) !important;
    box-shadow: 0 10px 20px color-mix(in srgb, var(--jc, #6366f1) 13%, transparent) !important;
}
.bzd.spe-dash-layout .spe-journey__step .ic {
    width: 30px;
    height: 30px;
    display: inline-grid !important;
    place-items: center;
    margin: 0 0 3px !important;
    border-radius: 9px;
    color: #fff;
    background: var(--jc, #6366f1);
    box-shadow: 0 5px 11px color-mix(in srgb, var(--jc, #6366f1) 22%, transparent);
    font-size: 16px !important;
}
.bzd.spe-dash-layout .spe-journey__step .lb {
    color: #17233c !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
}
.bzd.spe-dash-layout .spe-journey__step.is-locked {
    opacity: .72;
    filter: saturate(.72);
}

/* Today pulse: compact colorful signal cards, not grey utility boxes. */
.bzd.spe-dash-layout .bzd-pulse-grid,
.bzd.spe-dash-layout #bzd-pulse-grid {
    gap: 9px !important;
}
.bzd.spe-dash-layout .bzd-pulse-tile,
.bzd.spe-dash-layout .bzd-mini-tile[data-pulse-id] {
    position: relative;
    overflow: hidden;
    min-height: 78px;
    border: 1px solid color-mix(in srgb, var(--c, #6366f1) 22%, var(--bzd-v4-border)) !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--c, #6366f1) 10%, #fff), #fff 66%) !important;
    box-shadow: 0 6px 15px rgba(15, 23, 42, .035) !important;
}
.bzd.spe-dash-layout .bzd-pulse-tile::before,
.bzd.spe-dash-layout .bzd-mini-tile[data-pulse-id]::before {
    content: "";
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--c, #6366f1);
}
.bzd.spe-dash-layout .bzd-pulse-tile .pi {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--c, #6366f1) 14%, #fff);
    color: var(--c, #6366f1);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--c, #6366f1) 13%, transparent);
    font-size: 16px;
    opacity: 1;
}
.bzd.spe-dash-layout .bzd-pulse-tile .mi,
.bzd.spe-dash-layout .bzd-mini-tile[data-pulse-id] .mi {
    width: 33px;
    height: 33px;
    display: inline-grid;
    place-items: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--c, #6366f1) 12%, #fff);
    color: var(--c, #6366f1);
}

/* Attention list: semantic tint stays subtle but immediately scannable. */
.bzd.spe-dash-layout .bzd-alert {
    border: 1px solid color-mix(in srgb, var(--alert-c, #6366f1) 18%, var(--bzd-v4-border)) !important;
    border-inline-start-width: 4px !important;
    border-inline-start-color: var(--alert-c, #6366f1) !important;
    border-radius: 10px !important;
    background: linear-gradient(90deg, var(--alert-soft, #f8fafc), #fff 58%) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .025);
}
.bzd.spe-dash-layout .bzd-alert .an {
    box-shadow: 0 4px 9px color-mix(in srgb, var(--alert-c, #6366f1) 17%, transparent);
}

/* Analytical cards: retain white surfaces, but restore the blue/violet/cyan visual rhythm from the mockup. */
.bzd.spe-dash-layout [data-widget-id="sales_charts"] .bzd-card,
.bzd.spe-dash-layout [data-widget-id="activity"] .bzd-card,
.bzd.spe-dash-layout .bzd-manager-card {
    border-color: var(--bzd-v4-border) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04) !important;
}
.bzd.spe-dash-layout [data-widget-id="sales_charts"] h3,
.bzd.spe-dash-layout [data-widget-id="sales_charts"] .bzd-sec,
.bzd.spe-dash-layout [data-widget-id="activity"] h3,
.bzd.spe-dash-layout .bzd-manager-head h3 {
    color: #17243f;
    font-weight: 900;
}
.bzd.spe-dash-layout .bzd-line-svg polyline {
    filter: drop-shadow(0 4px 5px rgba(59, 130, 246, .12));
}
.bzd.spe-dash-layout .bzd-chart-card:nth-child(odd),
.bzd.spe-dash-layout .bzd-schart-tile:nth-child(odd) {
    --chart-accent: #3b82f6;
}
.bzd.spe-dash-layout .bzd-chart-card:nth-child(even),
.bzd.spe-dash-layout .bzd-schart-tile:nth-child(even) {
    --chart-accent: #8b5cf6;
}

/* Sales funnel: strong stage colors with a restrained depth, matching the mockup funnel. */
.bzd.spe-dash-layout .bzd-sales-funnel-card {
    overflow: hidden;
    border: 1px solid var(--bzd-v4-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04) !important;
}
.bzd.spe-dash-layout .bzd-sales-funnel-stage {
    min-height: 48px;
    border-color: color-mix(in srgb, var(--funnel-c1, #6366f1) 72%, #fff) !important;
    background: linear-gradient(96deg, var(--funnel-c1, #6366f1), var(--funnel-c2, #8b5cf6)) !important;
    box-shadow: 0 8px 16px color-mix(in srgb, var(--funnel-c1, #6366f1) 17%, transparent) !important;
}
.bzd.spe-dash-layout .bzd-sales-funnel-stage::after {
    background: linear-gradient(135deg, var(--funnel-c1, #6366f1), var(--funnel-c2, #8b5cf6)) !important;
}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome.is-won {
    background: linear-gradient(145deg, #ecfdf5, #fff) !important;
    border-color: #a7f3d0 !important;
}
.bzd.spe-dash-layout .bzd-sales-funnel-outcome.is-lost {
    background: linear-gradient(145deg, #fff1f2, #fff) !important;
    border-color: #fecdd3 !important;
}

/* Recent activity/table follows the airy mockup hierarchy. */
.bzd.spe-dash-layout [data-widget-id="activity"] table,
.bzd.spe-dash-layout .bzd-tbl {
    border-collapse: separate;
    border-spacing: 0;
}
.bzd.spe-dash-layout [data-widget-id="activity"] thead th,
.bzd.spe-dash-layout .bzd-tbl thead th {
    color: #64748b;
    background: #f7f9fc;
    border-bottom-color: #e5eaf2;
    font-size: 10.5px;
}
.bzd.spe-dash-layout [data-widget-id="activity"] tbody tr:hover,
.bzd.spe-dash-layout .bzd-tbl tbody tr:hover {
    background: #f8fbff;
}

/* The unit guide is useful but should not compete with the dashboard itself. */
.bzd.spe-dash-layout .bzd-money-guide {
    padding: 7px 11px;
    margin-bottom: 11px;
    border-color: #e4eaf3;
    background: rgba(255,255,255,.76);
    color: #7d899e;
    font-size: 10.5px;
    box-shadow: none;
}

@media (max-width: 1180px) {
    .bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid > [data-widget-id="pulse"],
    .bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid > [data-widget-id="alerts"] {
        grid-column: span 6 !important;
    }
    .bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid > [data-widget-id="sales_charts"],
    .bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid > [data-widget-id="sales_funnel"],
    .bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid > [data-widget-id="activity"] {
        grid-column: span 12 !important;
    }
}
@media (max-width: 782px) {
    .bzd.spe-dash-layout {
        padding-inline: 0;
    }
    .bzd.spe-dash-layout .bzd-top {
        align-items: flex-start;
        gap: 10px;
    }
    .bzd.spe-dash-layout .bzd-hi h1 {
        font-size: 19px;
    }
    .bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid > [data-widget-id] {
        grid-column: 1 / -1 !important;
    }
    .bzd.spe-dash-layout #bzd-kpi-grid.bzd-dash-grid > [data-kpi-id] {
        grid-column: span 6 !important;
    }
    .bzd.spe-dash-layout .bzd-kpi {
        min-height: 106px;
    }
    .bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-journey-grid {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        overflow-x: auto;
        padding-bottom: 5px;
    }
    .bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-journey-grid > .spe-journey__step {
        flex: 0 0 142px !important;
        min-width: 142px !important;
        clip-path: polygon(16px 0, 100% 0, calc(100% - 16px) 50%, 100% 100%, 16px 100%, 0 50%) !important;
    }
}
@media (max-width: 520px) {
    .bzd.spe-dash-layout #bzd-kpi-grid.bzd-dash-grid > [data-kpi-id] {
        grid-column: 1 / -1 !important;
    }
    .bzd.spe-dash-layout .bzd-kpi {
        min-height: 96px;
    }
}


/* Dashboard V5 — command-center redesign (UI-DASHBOARD-001).
 * Scoped to the main dashboard shell. Theme tokens remain the source of truth.
 */
.bzd.spe-dash-layout {
    --bzd-v5-border: color-mix(in srgb, var(--spe-border, #dfe3ea) 88%, transparent);
    --bzd-v5-border-strong: color-mix(in srgb, var(--spe-text, #172033) 18%, var(--spe-border, #dfe3ea));
    --bzd-v5-muted: var(--spe-text-2, #667085);
    --bzd-v5-faint: var(--spe-text-3, #8b95a7);
    max-width: 1680px;
    margin-inline: auto;
    padding: 18px 22px 40px;
}

.bzd.spe-dash-layout .bzd-top-v5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 18px;
    padding: 18px 20px;
    border: 1px solid var(--bzd-v5-border);
    border-radius: var(--spe-radius, 12px);
    background: var(--spe-surface, #fff);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
}

.bzd.spe-dash-layout .bzd-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.bzd.spe-dash-layout .bzd-title-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--spe-accent, #5b50e6) 18%, var(--bzd-v5-border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--spe-accent, #5b50e6) 7%, var(--spe-surface, #fff));
    color: var(--spe-accent, #5b50e6);
}

.bzd.spe-dash-layout .bzd-title-icon .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
}

.bzd.spe-dash-layout .bzd-hi {
    min-width: 0;
}

.bzd.spe-dash-layout .bzd-hi h1 {
    margin: 0;
    color: var(--spe-text, #172033);
    font-size: clamp(21px, 1.7vw, 25px);
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.01em;
}

.bzd.spe-dash-layout .bzd-hi p {
    margin: 5px 0 0;
    color: var(--bzd-v5-muted);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.65;
}

.bzd.spe-dash-layout .bzd-acts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.bzd.spe-dash-layout .bzd-btn,
.bzd.spe-dash-layout .bzd-layout-btn {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 12px;
    border: 1px solid var(--bzd-v5-border-strong);
    border-radius: 9px;
    background: var(--spe-surface, #fff);
    color: var(--spe-text, #172033);
    box-shadow: none;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 150ms cubic-bezier(.23,1,.32,1),
                background-color 150ms cubic-bezier(.23,1,.32,1),
                color 150ms cubic-bezier(.23,1,.32,1),
                transform 120ms cubic-bezier(.23,1,.32,1);
}

.bzd.spe-dash-layout .bzd-btn .dashicons,
.bzd.spe-dash-layout .bzd-layout-btn .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
    line-height: 17px;
}

.bzd.spe-dash-layout .bzd-btn--quiet {
    border-color: var(--bzd-v5-border);
    background: var(--spe-surface, #fff);
    color: var(--bzd-v5-muted);
}

.bzd.spe-dash-layout .bzd-btn--quiet:hover {
    border-color: var(--bzd-v5-border-strong);
    background: var(--spe-surface-subtle, #f7f8fb);
    color: var(--spe-text, #172033);
}

.bzd.spe-dash-layout .bzd-layout-btn--customize,
.bzd.spe-dash-layout .bzd-layout-btn.primary {
    border-color: var(--spe-accent, #5b50e6);
    background: var(--spe-accent, #5b50e6);
    color: #fff;
}

.bzd.spe-dash-layout .bzd-layout-btn--customize:hover,
.bzd.spe-dash-layout .bzd-layout-btn.primary:hover {
    border-color: color-mix(in srgb, var(--spe-accent, #5b50e6) 88%, #000);
    background: color-mix(in srgb, var(--spe-accent, #5b50e6) 88%, #000);
    color: #fff;
}

.bzd.spe-dash-layout .bzd-btn:active,
.bzd.spe-dash-layout .bzd-layout-btn:active {
    transform: scale(.985);
}

.bzd.spe-dash-layout .bzd-btn:focus-visible,
.bzd.spe-dash-layout .bzd-layout-btn:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--spe-accent, #5b50e6) 26%, transparent);
    outline-offset: 2px;
}

.bzd.spe-dash-layout .bzd-customizer-shell {
    display: none;
    margin: -6px 0 18px;
}

.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell {
    display: block;
}

.bzd.spe-dash-layout .bzd-layout-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--spe-accent, #5b50e6) 24%, var(--bzd-v5-border));
    border-radius: var(--spe-radius, 12px);
    background: color-mix(in srgb, var(--spe-accent, #5b50e6) 5%, var(--spe-surface, #fff));
    box-shadow: none;
}

.bzd.spe-dash-layout .bzd-layout-context {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.bzd.spe-dash-layout .bzd-layout-context strong {
    color: var(--spe-text, #172033);
    font-size: 13px;
    font-weight: 750;
}

.bzd.spe-dash-layout .bzd-layout-bar .hint {
    margin: 0;
    color: var(--bzd-v5-muted);
    font-size: 11.5px;
    font-weight: 500;
}

.bzd.spe-dash-layout .bzd-layout-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-inline-start: auto;
}

.bzd.spe-dash-layout .bzd-widget-manager {
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid var(--bzd-v5-border);
    border-radius: var(--spe-radius, 12px);
    background: var(--spe-surface, #fff);
}

.bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid {
    gap: 16px !important;
}

.bzd.spe-dash-layout #bzd-widgets > .bzd-widget {
    min-width: 0;
}

.bzd.spe-dash-layout:not(.bzd-is-editing) #bzd-widgets > .bzd-widget {
    outline: 0;
}

.bzd.spe-dash-layout.bzd-is-editing #bzd-widgets > .bzd-widget:not(.is-widget-hidden) {
    outline: 1px dashed color-mix(in srgb, var(--spe-accent, #5b50e6) 42%, transparent);
    outline-offset: 5px;
    border-radius: var(--spe-radius, 12px);
}

.bzd.spe-dash-layout .bzd-sec {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 3px 2px 10px;
    color: var(--spe-text, #172033);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

.bzd.spe-dash-layout .bzd-sec::before {
    content: "";
    width: 3px;
    height: 16px;
    flex: 0 0 3px;
    border-radius: 999px;
    background: var(--spe-accent, #5b50e6);
}

.bzd.spe-dash-layout .bzd-card,
.bzd.spe-dash-layout .bzd-manager-card,
.bzd.spe-dash-layout .bzd-sales-funnel-card {
    border-color: var(--bzd-v5-border) !important;
    border-radius: var(--spe-radius, 12px) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03) !important;
}

.bzd.spe-dash-layout a.bzd-tile,
.bzd.spe-dash-layout a.m,
.bzd.spe-dash-layout .bzd-tk > a {
    transition: border-color 150ms cubic-bezier(.23,1,.32,1),
                background-color 150ms cubic-bezier(.23,1,.32,1),
                transform 120ms cubic-bezier(.23,1,.32,1);
}

.bzd.spe-dash-layout a.bzd-tile:hover,
.bzd.spe-dash-layout a.m:hover,
.bzd.spe-dash-layout .bzd-tk > a:hover {
    transform: translateY(-1px);
}

.bzd.spe-dash-layout a.bzd-tile:active,
.bzd.spe-dash-layout a.m:active,
.bzd.spe-dash-layout .bzd-tk > a:active {
    transform: translateY(0) scale(.992);
}

.bzd.spe-dash-layout a.bzd-tile:focus-visible,
.bzd.spe-dash-layout a.m:focus-visible,
.bzd.spe-dash-layout .bzd-tk > a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--spe-accent, #5b50e6) 24%, transparent);
    outline-offset: 2px;
}

.bzd.spe-dash-layout .bzd-tbl thead th {
    font-weight: 650;
}

.bzd.spe-dash-layout .bzd-tbl tbody tr {
    transition: background-color 140ms cubic-bezier(.23,1,.32,1);
}

@media (max-width: 980px) {
    .bzd.spe-dash-layout .bzd-top-v5 {
        align-items: flex-start;
    }

    .bzd.spe-dash-layout .bzd-acts {
        max-width: 52%;
    }
}

@media (max-width: 782px) {
    .bzd.spe-dash-layout {
        padding: 12px 10px 28px;
    }

    .bzd.spe-dash-layout .bzd-top-v5 {
        display: block;
        margin-bottom: 14px;
        padding: 14px;
    }

    .bzd.spe-dash-layout .bzd-title-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .bzd.spe-dash-layout .bzd-hi h1 {
        font-size: 20px;
    }

    .bzd.spe-dash-layout .bzd-acts {
        max-width: none;
        width: 100%;
        margin-top: 14px;
        justify-content: stretch;
    }

    .bzd.spe-dash-layout .bzd-acts > * {
        flex: 1 1 auto;
    }

    .bzd.spe-dash-layout .bzd-acts .bzd-layout-btn--customize {
        flex-basis: 100%;
    }

    .bzd.spe-dash-layout .bzd-layout-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .bzd.spe-dash-layout .bzd-layout-context {
        display: block;
    }

    .bzd.spe-dash-layout .bzd-layout-context .hint {
        display: block;
        margin-top: 4px;
    }

    .bzd.spe-dash-layout .bzd-layout-actions {
        width: 100%;
        margin: 0;
    }

    .bzd.spe-dash-layout .bzd-layout-actions .bzd-layout-btn {
        flex: 1 1 0;
        min-height: 44px;
    }

    .bzd.spe-dash-layout #bzd-widgets.bzd-dash-grid {
        gap: 14px !important;
    }
}

@media (max-width: 520px) {
    .bzd.spe-dash-layout .bzd-acts .bzd-btn--quiet {
        flex-basis: calc(50% - 4px);
    }

    .bzd.spe-dash-layout .bzd-btn,
    .bzd.spe-dash-layout .bzd-layout-btn {
        min-height: 40px;
        padding-inline: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bzd.spe-dash-layout *,
    .bzd.spe-dash-layout *::before,
    .bzd.spe-dash-layout *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }

    .bzd.spe-dash-layout .bzd-btn:active,
    .bzd.spe-dash-layout .bzd-layout-btn:active,
    .bzd.spe-dash-layout a.bzd-tile:hover,
    .bzd.spe-dash-layout a.m:hover,
    .bzd.spe-dash-layout .bzd-tk > a:hover {
        transform: none !important;
    }
}


/* Dashboard editor 2026-10-21: reserve a real toolbar lane, never paint over KPI content. */
.bzd.spe-dash-layout.bzd-is-editing #bzd-widgets > .bzd-widget[data-widget-id="kpis"] {
    padding: 48px 0 0 !important;
    position: relative;
}
.bzd.spe-dash-layout.bzd-is-editing #bzd-kpi-grid > .bzd-kpi-tile {
    padding-top: 58px !important;
    min-height: 174px;
    box-sizing: border-box;
}
.bzd.spe-dash-layout.bzd-is-editing #bzd-kpi-grid > .bzd-kpi-tile .bzd-kpi-tools {
    position: absolute;
    inset-block-start: 10px;
    inset-inline-start: 10px;
    inset-inline-end: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 5;
}
.bzd.spe-dash-layout.bzd-is-editing #bzd-kpi-grid > .bzd-kpi-tile .top {
    min-height: 34px;
}
.bzd.spe-dash-layout.bzd-is-editing #bzd-widgets > .bzd-widget[data-widget-id="kpis"] > .bzd-widget-tools {
    top: 8px;
    inset-inline-start: 8px;
    inset-inline-end: auto;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-widget-tools,
.bzd.spe-dash-layout.bzd-is-editing .bzd-kpi-tools {
    max-width: calc(100% - 16px);
    box-sizing: border-box;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-widget-handle,
.bzd.spe-dash-layout.bzd-is-editing .bzd-widget-eye,
.bzd.spe-dash-layout.bzd-is-editing .bzd-kpi-handle,
.bzd.spe-dash-layout.bzd-is-editing .bzd-kpi-eye {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-kpi-tile:hover {
    transform: none;
}
.bzd.spe-dash-layout .bzd-widget-restore[aria-pressed="true"] {
    background: color-mix(in srgb, var(--spe-accent,#4f46e5) 8%, var(--spe-surface,#fff));
    color: var(--spe-text,#172033);
}
.bzd.spe-dash-layout .bzd-widget-restore:focus-visible {
    outline: 2px solid var(--spe-accent,#4f46e5);
    outline-offset: 2px;
}
@media (max-width: 782px) {
    .bzd.spe-dash-layout.bzd-is-editing #bzd-kpi-grid > .bzd-kpi-tile {
        padding-top: 56px !important;
        min-height: 168px;
    }
}

/* Visual QA: keep the customization actions readable and the dashboard usable on touch widths. */
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-width: 0;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-bar::before {
    display: none !important;
    content: none !important;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-context {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    width: 100%;
    min-width: 0;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-context strong {
    font-size: 14px;
    line-height: 1.55;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-context .hint {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    line-height: 1.65;
    white-space: normal;
    text-align: start;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-hidden-note[hidden] {
    display: none !important;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-actions .bzd-layout-btn {
    width: 100%;
    min-width: 0;
    white-space: normal;
    line-height: 1.35;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-actions #bzd-layout-save {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-actions #bzd-layout-cancel {
    grid-column: 1 !important;
    grid-row: 2 !important;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-actions #bzd-layout-reset {
    grid-column: 2 !important;
    grid-row: 2 !important;
}
.bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-widget-restore {
    min-height: 40px;
}
@media (max-width: 1280px) {
    .bzd.spe-dash-layout.bzd-is-editing::before {
        display: none !important;
        content: none !important;
    }
    .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell {
        position: relative !important;
        z-index: 3 !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        max-height: min(62vh, 520px) !important;
        margin: 0 0 20px !important;
        transform: none !important;
        box-sizing: border-box;
    }
    .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell #bzd-widget-manager {
        min-height: 0 !important;
        flex: 1 1 auto;
    }
}
@media (max-width: 782px) {
    .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell {
        max-height: min(56vh, 460px) !important;
        padding: 12px !important;
    }
    .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-widget-restore {
        min-height: 44px;
    }
}

/* The workspace theme sets a horizontal flex flow with higher specificity; keep editor groups stacked. */
body.spe-ip-body.spe-app .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-bar {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    flex: 0 0 auto !important;
}
body.spe-ip-body.spe-app .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-context,
body.spe-ip-body.spe-app .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-actions {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100%;
    align-self: stretch !important;
    margin: 0 !important;
}
body.spe-ip-body.spe-app .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-context strong {
    display: block !important;
}

/* Keep desktop and touch editor action groups in normal document flow. */
body.spe-ip-body.spe-app .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-bar {
    display: block !important;
    flex-flow: initial !important;
}
body.spe-ip-body.spe-app .bzd.spe-dash-layout.bzd-is-editing .bzd-customizer-shell .bzd-layout-actions {
    display: grid !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    float: none !important;
}


/* Role-aware CRM dashboard: editing controls must not cover KPI icons on touch widths.
   Keep desktop resize geometry untouched; responsive widths are presentation-only. */
.spe-crm-home-dash.bzd-is-editing #spcrm-stats-grid > .spe-stat.bzd-kpi-tile {
    box-sizing: border-box;
    min-width: 0;
    min-height: 168px;
    padding: 56px 12px 12px !important;
}
.spe-crm-home-dash.bzd-is-editing #spcrm-stats-grid > .spe-stat.bzd-kpi-tile > .bzd-kpi-tools {
    position: absolute;
    top: 9px;
    inset-inline-start: 9px;
    inset-inline-end: auto;
    z-index: 6;
    max-width: calc(100% - 18px);
    gap: 6px;
}
.spe-crm-home-dash.bzd-is-editing #spcrm-stats-grid > .spe-stat.bzd-kpi-tile:hover {
    transform: none;
}
@media (min-width: 641px) and (max-width: 1199px) {
    .spe-crm-home-dash #spcrm-stats-grid.bzd-dash-grid[data-dash-grid] > .spe-stat.bzd-kpi-tile {
        grid-column: span 4 !important;
        grid-row: auto !important;
    }
}
@media (max-width: 640px) {
    .spe-crm-home-dash #spcrm-stats-grid.bzd-dash-grid[data-dash-grid] > .spe-stat.bzd-kpi-tile {
        grid-column: span 6 !important;
        grid-row: auto !important;
        min-width: 0;
    }
    .spe-crm-home-dash.bzd-is-editing #spcrm-stats-grid > .spe-stat.bzd-kpi-tile {
        padding: 55px 10px 12px !important;
        min-height: 160px;
    }
}

/* CRM widget-level controls also get a dedicated toolbar lane (not just KPI controls). */
.spe-crm-home-dash.bzd-is-editing #spcrm-widgets > .bzd-widget {
    position: relative;
    padding-top: 60px !important;
}
.spe-crm-home-dash.bzd-is-editing #spcrm-widgets > .bzd-widget > .bzd-widget-tools {
    top: 9px;
    inset-inline-start: 9px;
    inset-inline-end: auto;
}

/* ── BG-TPYX5 (14050802): هم‌ترازی پایین کارت و ساب‌کارت — همهٔ ویجت‌ها به‌جز سفر مشتری ──
   ریشه: .bzd-2/.bzd-11 با align-items:start اجازه نمی‌دادند کارت‌های هم‌ردیف هم‌قد شوند
   و پایین کارت‌ها ناهم‌تراز می‌ماند. سفر مشتری (journey) طبق دستور صریح دست‌نخورده. */
.spe-dash-layout .bzd-widget:not([data-widget-id="journey"]) .bzd-2,
.spe-dash-layout .bzd-widget:not([data-widget-id="journey"]) .bzd-11,
.spe-dash-layout .bzd-widget:not([data-widget-id="journey"]) .bzd-grid { align-items: stretch; }
.spe-dash-layout .bzd-widget:not([data-widget-id="journey"]) .bzd-grid > .bzd-card { height: 100%; box-sizing: border-box; }
.spe-dash-layout .bzd-widget:not([data-widget-id="journey"]) .bzd-grid > .bzd-card > *:last-child { margin-top: auto; }
/* راست‌آزمایی بصری: اگر کارتی از ردیف بلندتر شد، پایینش با ردیف هم‌تراز می‌ماند */