.bmk-wholesale-ds {
    --bmk-white: var(--sf-surface);
    --bmk-black: var(--sf-active);
    --bmk-mint-dark: var(--sf-focus);
    font-size: var(--sf-text-body);
}

html[lang="en"] .bmk-wholesale-ds {
    font-family: Montserrat, Arial, sans-serif;
}

.bmk-wholesale-ds .bmk-whp-brand,
.bmk-wholesale-ds :is(.bmk-whp-intro h1, .bmk-whp-card-top h2, .bmk-whp-dash-title h1, .bmk-trader-section-head h2) {
    color: var(--sf-ink);
}

.bmk-wholesale-ds .bmk-whp-header-inner {
    min-height: 72px;
}

.bmk-wholesale-ds .bmk-whp-brand-band {
    min-height: var(--sf-control-height);
    background: var(--sf-subtle);
    border-block-end: 1px solid var(--sf-line);
    color: var(--sf-ink);
}

.bmk-wholesale-ds .bmk-whp-login-shell {
    padding-block: clamp(32px, 6vw, 80px);
    gap: clamp(24px, 6vw, 80px);
}

.bmk-wholesale-ds :is(.bmk-whp-intro h1, .bmk-whp-dash-title h1) {
    font-size: var(--sf-heading-page);
    line-height: 1.45;
}

.bmk-wholesale-ds :is(.bmk-whp-card-top h2, .bmk-trader-section-head h2, .bmk-wbiz-heading h2) {
    font-size: var(--sf-heading-section);
    line-height: 1.45;
}

.bmk-wholesale-ds :is(.bmk-whp-kicker, .bmk-trader-overline, .bmk-whp-intro > p, .bmk-whp-card-top p, .bmk-whp-dash-title p, .bmk-trader-section-head p, .bmk-trader-kpi > span, .bmk-trader-kpi small, .bmk-trader-row-main small, .bmk-trader-empty p, .bmk-whp-footer) {
    color: var(--sf-muted);
}

.bmk-wholesale-ds :is(.bmk-whp-login-card, .bmk-whp-customer-strip, .bmk-trader-kpi, .bmk-trader-panel, .bmk-trader-filters, .bmk-trader-empty, .bmk-trader-detail-cards > div, .bmk-whp-editor .bmk-wbiz-main) {
    background: var(--sf-surface);
    border-color: var(--sf-line);
    border-radius: var(--sf-card-radius);
}

.bmk-wholesale-ds .bmk-whp-login-card {
    box-shadow: var(--sf-shadow);
}

.bmk-wholesale-ds .bmk-whp-verifying {
    border-radius: inherit;
}

.bmk-wholesale-ds :is(.bmk-whp-phone, .bmk-whp-field, .bmk-whp-pin, .bmk-trader-filters input, .bmk-trader-filters select, .bmk-wbiz-field input, .bmk-wbiz-map-panel > input) {
    min-height: var(--sf-control-height);
    color: var(--sf-ink);
    border-color: var(--sf-line);
    border-radius: var(--sf-control-radius);
}

.bmk-wholesale-ds :is(.bmk-whp-phone, .bmk-whp-upload-wrap, .bmk-wbiz-upload):focus-within {
    outline: var(--sf-focus-ring);
    outline-offset: 1px;
    box-shadow: none;
}

.bmk-wholesale-ds :is(.bmk-whp-phone input, .bmk-whp-upload-wrap input, .bmk-wbiz-upload input):focus-visible {
    outline: none !important;
}

.bmk-wholesale-ds :is(.bmk-whp-upload-wrap .bmk-whp-upload-button, .bmk-wbiz-upload .bmk-wbiz-upload-button) {
    outline: none;
}

.bmk-wholesale-ds :is(.bmk-whp-upload-button, .bmk-wbiz-upload-button, .bmk-wbiz-map-button, .bmk-trader-pagination a, .bmk-trader-actions a, .bmk-trader-tab) {
    min-height: var(--sf-control-height);
    border-radius: var(--sf-control-radius);
}

.bmk-wholesale-ds :is(.bmk-whp-upload-button, .bmk-wbiz-upload-button, .bmk-wbiz-map-button, .bmk-trader-pagination a, .bmk-trader-actions a) {
    border-color: var(--sf-line);
    background: var(--sf-surface);
    color: var(--sf-ink);
}

.bmk-wholesale-ds :is(.bmk-whp-upload-button, .bmk-wbiz-upload-button, .bmk-wbiz-map-button, .bmk-trader-pagination a, .bmk-trader-actions a):hover {
    border-color: var(--sf-muted);
    background: var(--sf-subtle);
}

.bmk-wholesale-ds :is(.bmk-trader-filters button, .bmk-wbiz-save-btn) {
    min-height: var(--sf-control-height);
    border-radius: var(--sf-control-radius);
    color: var(--sf-active-ink);
    background: var(--sf-active);
    border-color: var(--sf-active);
}

.bmk-wholesale-ds :is(.bmk-trader-filters button, .bmk-wbiz-save-btn):not(:disabled):hover {
    background: var(--sf-active-hover);
    border-color: var(--sf-active-hover);
}

.bmk-wholesale-ds .bmk-trader-tab {
    color: var(--sf-muted);
}

.bmk-wholesale-ds .bmk-trader-tab:hover {
    color: var(--sf-ink);
    background: var(--sf-subtle);
}

.bmk-wholesale-ds .bmk-trader-tab.is-active {
    background: var(--sf-active);
    color: var(--sf-active-ink);
    border-color: var(--sf-active);
}

.bmk-wholesale-ds .bmk-trader-table th {
    background: var(--sf-subtle);
    color: var(--sf-muted);
}

.bmk-wholesale-ds :is(.bmk-trader-table th, .bmk-trader-table td, .bmk-trader-panel-head, .bmk-trader-tabs) {
    border-color: var(--sf-line);
}

.bmk-wholesale-ds .bmk-trader-panel .bmk-trader-table-wrap {
    border: 0;
    border-radius: 0;
}

.bmk-wholesale-ds :is(.bmk-whp-error, .bmk-trader-status.is-pending) {
    color: var(--sf-error);
}

.bmk-wholesale-ds .bmk-trader-status.is-middle {
    color: var(--sf-warning);
}

.bmk-wholesale-ds .bmk-whp-locales .bmk-custom-menu-trigger {
    min-height: var(--sf-control-height);
    border-radius: var(--sf-control-radius);
}

.bmk-wholesale-ds .bmk-whp-locales .bmk-custom-menu-panel {
    max-height: min(60vh, 420px);
    overflow-y: auto;
    direction: inherit;
}

html[dir="rtl"] .bmk-wholesale-ds .bmk-whp-locales .bmk-custom-menu-panel {
    direction: rtl;
}

.bmk-wholesale-ds .bmk-whp-locales .bmk-custom-menu-option {
    min-height: var(--sf-control-height);
    min-width: 0;
    white-space: normal;
    border-color: var(--sf-line);
}

.bmk-wholesale-ds .bmk-whp-locales .bmk-custom-menu-option > span:not(.bmk-menu-lang-symbol, .bmk-menu-check) {
    min-width: 0;
    overflow-wrap: anywhere;
}

.bmk-wholesale-ds .bmk-whp-locales .bmk-menu-check {
    flex: none;
    color: var(--sf-ink);
}

.bmk-wholesale-ds .bmk-whp-locales .bmk-custom-menu-option:focus-visible {
    outline-offset: -3px;
}

@media (max-width: 650px) {
    .bmk-wholesale-ds .bmk-whp-header-inner {
        min-height: 0;
    }

    .bmk-wholesale-ds .bmk-whp-login-card {
        box-shadow: none;
    }

    .bmk-wholesale-ds :is(.bmk-whp-phone input, .bmk-whp-field) {
        font-size: 16px;
    }

    .bmk-wholesale-ds .bmk-trader-table tbody tr {
        border-color: var(--sf-line);
        border-radius: var(--sf-card-radius);
    }
}
