/**
 * Barter Connect App Re-skin
 * Modern mobile-first UI aligned with VP design mockups
 */

/* Skin preview demo banner */
.bc-skin-preview-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: calc(8px + var(--bc-safe-top)) 14px 8px;
  background: #1a1f36;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.bc-skin-preview-banner button {
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: transparent;
  color: #fff;
  border-radius: 0;
  padding: 4px 10px;
  font-size: 11px;
  cursor: pointer;
}

.bc-skin-preview-banner button:hover {
  background: rgba(255, 255, 255, 0.1);
}

body:has(.bc-skin-preview-banner) .header {
  top: 36px;
}

body:has(.bc-skin-preview-banner) .main.pages,
body:has(.bc-skin-preview-banner) .main.pt-95 {
  padding-top: calc(36px + var(--bc-header-total)) !important;
}

.bc-login-page .bc-skin-preview-entry {
  width: 100%;
  padding: 12px;
  margin-top: 8px;
  border: 1.5px dashed var(--bc-primary);
  border-radius: var(--bc-radius-md);
  background: #f8faff;
  color: var(--bc-primary);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.bc-login-page .bc-skin-preview-entry:hover {
  background: #eef3ff;
}

:root {
  --bc-primary: #0a45ff;
  --bc-primary-dark: #0835c7;
  --bc-accent: #ffcf05;
  --bc-accent-soft: #fff9cc;
  --bc-surface: #ffffff;
  --bc-bg: #f4f6fb;
  --bc-text: #1a1f36;
  --bc-text-muted: #6b7280;
  --bc-border: #e5e7eb;
  --bc-success: #16a34a;
  --bc-warning: #f59e0b;
  --bc-danger: #dc2626;
  /* Set to 0 for flat/square UI; restore e.g. 8/12/16/20px to re-enable rounding */
  --bc-radius-sm: 0;
  --bc-radius-md: 0;
  --bc-radius-lg: 0;
  --bc-radius-xl: 0;
  /* Form fields — change independently of buttons/cards if needed */
  --bc-input-radius: var(--bc-radius-md);
  --bc-input-bg: #f5f6f8;
  --bc-input-border: 1px solid var(--bc-border);
  --bc-shadow-sm: 0 1px 3px rgba(26, 31, 54, 0.08);
  --bc-shadow-md: 0 4px 16px rgba(26, 31, 54, 0.1);
  --bc-shadow-lg: 0 8px 24px rgba(26, 31, 54, 0.12);
  /* Native app safe areas (requires viewport-fit=cover) */
  --bc-safe-top: env(safe-area-inset-top, 0px);
  --bc-safe-bottom: env(safe-area-inset-bottom, 0px);
  --bc-safe-left: env(safe-area-inset-left, 0px);
  --bc-safe-right: env(safe-area-inset-right, 0px);
  --bc-app-pad-top: max(8px, var(--bc-safe-top));
  --bc-app-pad-bottom: max(8px, var(--bc-safe-bottom));
  --bc-header-bar-height: 44px;
  --bc-header-total: calc(var(--bc-app-pad-top) + var(--bc-header-bar-height));
  --bc-footer-nav-height: 56px;
  --bc-footer-copyright-height: 32px;
  --bc-page-gutter: 14px;
  --bc-search-slideout-min-h: 48px;
}

html {
  height: 100%;
}

body {
  background-color: var(--bc-bg);
  color: var(--bc-text);
  padding-left: var(--bc-safe-left);
  padding-right: var(--bc-safe-right);
}

/* ── App shell: fixed header + footer with safe areas (Capacitor / mobile) ── */

body:not(.bc-login-page):not(.bc-pay-page) .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-top: var(--bc-app-pad-top);
  padding-left: var(--bc-safe-left);
  padding-right: var(--bc-safe-right);
  background: #fff;
}

body:not(.bc-login-page):not(.bc-pay-page) .header-bottom {
  display: block !important;
  padding: 0 var(--bc-page-gutter);
  min-height: var(--bc-header-bar-height);
  border-bottom: 1px solid var(--bc-border);
  background: #fff;
  box-shadow: none;
}

body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .header-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: var(--bc-header-bar-height);
  gap: 12px;
}

.bc-header-logout,
.bc-header-back {
  margin-left: auto;
  flex-shrink: 0;
  width: auto;
  min-width: 0;
  height: auto;
  border: none;
  background: transparent;
  color: var(--bc-primary);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  position: static;
}

/* BDM home/work switch sits immediately left of header logout */
.bc-dashboard-page .header-bottom .header-col > .header-details {
  order: 2;
  margin-left: auto;
  display: flex !important;
  align-items: center;
  flex-shrink: 0;
  width: auto;
  min-width: 0;
}

.bc-dashboard-page .header-bottom .header-col > .header-details .header-inner {
  display: none !important;
}

.bc-dashboard-page .header-bottom .header-col .bc-header-logout {
  order: 3;
  margin-left: 6px;
  margin-right: 0;
}

.bc-dashboard-page .header-bottom .header-col > .header-details:has(.bdm-switch[style*="display: none"]),
.bc-dashboard-page .header-bottom .header-col > .header-details:has(.bdm-switch[style*="display:none"]) {
  display: none !important;
}

.bc-dashboard-page .header-bottom .header-col > .header-details:not(:has(.bdm-switch)) {
  display: none !important;
}

.bc-dashboard-page .header-bottom .header-col:not(:has(.bdm-switch)) .bc-header-logout,
.bc-dashboard-page .header-bottom .header-col > .header-details:has(.bdm-switch[style*="display: none"]) ~ .bc-header-logout,
.bc-dashboard-page .header-bottom .header-col > .header-details:has(.bdm-switch[style*="display:none"]) ~ .bc-header-logout {
  margin-left: auto;
}

.bc-dashboard-page .header-bottom .header-col .bdm-switch {
  position: static;
  top: auto;
  height: auto;
  margin: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}

body.bc-bdm-member-account-page .bc-header-logout,
body.bc-bdm-acting .bc-header-logout,
body.bc-bdm-members-page .bc-header-logout {
  display: none !important;
}

.bc-header-logout:hover,
.bc-header-logout:focus,
.bc-header-back:hover,
.bc-header-back:focus {
  color: var(--bc-text);
  outline: none;
}

/* Pages with logo left + back arrow right (business, product, checkout) */
body.bc-header-back-page .header-bottom .header-col {
  width: 100%;
}

body.bc-header-back-page .header-bottom .logo.header-logo {
  position: static !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  flex-shrink: 0;
}

body.bc-header-back-page .header-bottom .header-details,
body.bc-header-back-page .header-bottom .header-inner-icon {
  display: none !important;
}

body.bc-header-back-page #backBtn.bc-header-back {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  flex-shrink: 0;
  z-index: 2;
}

/* Full wordmark on LHS — not the round icon */
body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .logo.header-logo {
  position: static;
  left: auto;
  transform: none;
  margin: 0;
}

body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .logo.header-logo a[href="#"],
body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .logo.header-logo a.d-sm-block,
body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .logo.header-logo a.d-lg-none {
  display: none !important;
}

body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .logo.header-logo a[href*="market.html"] {
  display: block !important;
}

body:not(.bc-login-page):not(.bc-pay-page) .header-bottom .logo.header-logo a img {
  max-height: 30px;
  width: auto;
  min-width: unset;
  margin-top: 0 !important;
}

body:not(.bc-login-page):not(.bc-pay-page) .main.pages,
body:not(.bc-login-page):not(.bc-pay-page) .main.pt-95 {
  padding-top: var(--bc-header-total) !important;
  padding-bottom: calc(var(--bc-footer-nav-height) + var(--bc-app-pad-bottom));
}

body:not(.bc-login-page):not(.bc-pay-page) .page-content.pt-110 {
  padding-top: 12px !important;
}

body:not(.bc-login-page):not(.bc-pay-page) .bc-dashboard-page .page-content.pt-110 {
  padding-top: 8px !important;
}

/* ── Login (full-screen white — original slide pattern, not centred modal) ── */

body.bc-login-page {
  background: #fff;
}

.bc-login-page .toggle-sidebar,
.bc-login-page .toggle-sidebar1,
.bc-login-page .toggle-sidebar2 {
  background: #fff;
}

/* Login page: show the primary panel without relying on JS popup-toggle */
.bc-login-page .toggle-sidebar {
  right: 0;
  width: 100%;
  padding: 0;
}

.bc-login-page .toggle-sidebar.sidebar-popup,
.bc-login-page .toggle-sidebar1.sidebar-popup,
.bc-login-page .toggle-sidebar2.sidebar-popup {
  display: block;
  right: 0;
  width: 100%;
  padding: 0;
}

.bc-login-page .sidebar-layout {
  position: absolute;
  right: 0;
  max-width: 100%;
  width: 100%;
  height: 100vh;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
}

.bc-login-page .sidebar-header a {
  display: none;
}

.bc-login-page .sidebar-body {
  padding: 40px;
  padding-top: calc(40px + var(--bc-app-pad-top));
  padding-bottom: calc(40px + var(--bc-app-pad-bottom));
}

.bc-login-page .side-logo {
  text-align: center;
  margin-bottom: 24px !important;
}

.bc-login-page .side-logo img {
  max-width: 180px;
  height: auto;
}

.bc-login-page .login-group h5 {
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 20px;
  color: var(--bc-text);
}

.bc-login-page .sidebar-body .login-group .form-control {
  border: 1.5px solid var(--bc-border);
  border-radius: var(--bc-radius-md);
  min-height: 48px;
  background: var(--bc-surface);
}

.bc-login-page .sidebar-body .login-group .form-control:focus {
  border-color: var(--bc-primary);
  box-shadow: 0 0 0 3px rgba(10, 69, 255, 0.12);
}

.bc-login-page .sidebar-body .login-group .form-control.is-invalid {
  border-color: #dc3545;
}

.bc-login-page #errorMessage,
.bc-login-page #registerErrorMessage {
  margin-top: 16px;
}

.bc-login-page .pass-group .toggle-password,
.bc-login-page .pass-group .conform-password {
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
}

.bc-login-page .login-remember-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 14px;
}

.bc-login-page .login-remember-row .form-check-label {
  margin-bottom: 0;
  color: var(--bc-text-muted);
}

.bc-login-page .login-remember-row .forgot-link {
  color: var(--bc-primary);
  text-decoration: none;
  font-weight: 500;
}

.bc-login-page .login-pharmacy .btn-primary {
  border-radius: var(--bc-radius-md);
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 14px 15px !important;
}

.bc-login-page .login-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  color: var(--bc-text-muted);
  font-size: 13px;
}

.bc-login-page .login-divider::before,
.bc-login-page .login-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--bc-border);
}

.bc-login-page .bc-passkey-auth-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.bc-login-page .bc-passkey-auth-options--single {
  grid-template-columns: 1fr;
}

.bc-login-page .bc-passkey-auth-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 10px;
  border: 1.5px solid var(--bc-border);
  border-radius: var(--bc-radius-md);
  background: var(--bc-surface);
  color: var(--bc-text);
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}

.bc-login-page .bc-passkey-auth-btn:hover:not(:disabled) {
  border-color: var(--bc-primary);
  background: #f8faff;
}

.bc-login-page .bc-passkey-auth-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.bc-login-page .bc-passkey-auth-btn i {
  font-size: 22px;
  color: var(--bc-primary);
}

.bc-login-page .bc-passkey-hint {
  font-size: 12px;
  color: var(--bc-text-muted);
  text-align: center;
  margin: 12px 0 0;
  line-height: 1.4;
}

.bc-login-page #passkeyAuthMessage {
  font-size: 13px;
  border-radius: var(--bc-radius-sm);
}

.bc-login-page .login-signup-footer {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  color: var(--bc-text-muted);
}

.bc-login-page .login-signup-footer a {
  color: var(--bc-primary);
  font-weight: 600;
}

.bc-login-page .forgot-pass {
  display: block;
  margin-bottom: 25px;
  text-align: left;
}

.bc-login-page .login-group.login-forget .forgot-pass a {
  color: var(--bc-primary);
  font-weight: 500;
  text-decoration: underline;
}

.bc-qr-print-block {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--bc-border);
}

.bc-qr-print-help {
  font-size: 13px;
  color: var(--bc-text-muted);
  margin: 6px 0 12px;
  line-height: 1.4;
}

.bc-qr-print-block .btn {
  text-decoration: none;
}

/* ── Dashboard / Home ──────────────────────────────────── */

.bc-dashboard-page .page-content > .container {
  padding-left: var(--bc-page-gutter);
  padding-right: var(--bc-page-gutter);
}

.bc-dashboard-page .account-overview {
  margin-bottom: 4px;
}

.bc-dashboard-page.bc-bdm-work-mode .bc-dashboard-header,
.bc-dashboard-page.bc-bdm-work-mode .bc-balance-pills {
  display: none !important;
}

.bc-dashboard-header {
  background: var(--bc-primary);
  border-radius: 0;
  padding: 14px 14px 12px;
  color: #fff;
  box-shadow: none;
  margin-bottom: 6px;
}

.bc-dashboard-header .bc-greeting {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 4px;
  line-height: 1.25;
}

.bc-dashboard-header .bc-company-name {
  font-size: 16px;
  font-weight: 800;
  color: var(--bc-accent);
  line-height: 1.2;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.bc-dashboard-header-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.bc-account-number-line {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.bc-account-number-label {
  font-size: 11px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.2;
}

.bc-account-number-value {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #fff;
  line-height: 1.2;
}

.bc-available-credit-box {
  flex-shrink: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  text-align: right;
  min-width: 0;
}

.bc-available-credit-label {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 2px;
  line-height: 1.2;
}

.bc-available-credit-value {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  line-height: 1.2;
}

.bc-balance-pills {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  margin-bottom: 14px;
}

.bc-balance-pill {
  position: relative;
  background: var(--bc-surface);
  border: 1px solid var(--bc-border);
  border-radius: 0;
  border-top: none;
  padding: 8px 4px 7px;
  text-align: center;
  color: var(--bc-text);
  box-shadow: none;
  overflow: hidden;
}

.bc-balance-pill::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--bc-primary);
}

.bc-balance-pill.bc-pill-ac::before {
  background: var(--bc-primary);
}

.bc-balance-pill.bc-pill-credit::before {
  background: var(--bc-accent);
}

.bc-balance-pill .bc-pill-label {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: var(--bc-text-muted);
  line-height: 1.2;
  margin-bottom: 4px;
  min-height: 0;
}

.bc-balance-pill .bc-pill-value {
  display: block;
  font-size: 14px;
  font-weight: 800;
  color: var(--bc-text);
  line-height: 1.15;
}

.bc-quick-actions {
  margin-bottom: 16px;
}

.bc-quick-actions h6 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--bc-text);
}

.bc-quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 8px;
}

.bc-quick-action-item {
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.bc-quick-action-item .icon-div {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 6px !important;
  border-radius: 50% !important;
  border: none !important;
  background: var(--bc-accent) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s, box-shadow 0.15s;
  box-shadow: none;
}

.bc-quick-action-item .icon-div .icon,
.bc-quick-action-item .icon-div i {
  color: var(--bc-primary) !important;
  font-size: 22px !important;
}

.bc-quick-action-item:hover .icon-div {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(255, 207, 5, 0.35);
}

.bc-quick-action-item .font-10 {
  font-size: 11px !important;
  font-weight: 600;
  color: var(--bc-text-muted);
  line-height: 1.2;
}

.bc-quick-action-item.disabled-feature {
  pointer-events: none;
}

.bc-quick-action-item.disabled-feature .icon-div {
  background: #f0f0f0 !important;
  opacity: 0.85;
}

.bc-quick-action-item.disabled-feature .icon-div i,
.bc-quick-action-item.disabled-feature .font-10 {
  color: #999 !important;
}

.bc-activity-feed--off {
  display: none !important;
}

.bc-activity-feed {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  margin-bottom: 20px;
}

.bc-activity-feed h6 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--bc-text);
}

#bc-activity-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bc-activity-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: var(--bc-surface);
  border: 1px solid var(--bc-border);
  border-radius: var(--bc-radius-md);
}

.bc-activity-item:last-child {
  border-bottom: 1px solid var(--bc-border);
  padding-bottom: 14px;
}

.bc-activity-empty {
  padding: 12px 0;
  text-align: center;
  font-size: 13px;
  color: var(--bc-text-muted);
}

.bc-activity-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.bc-activity-icon--order-made,
.bc-activity-icon--ship {
  background: #e8f0ff;
  color: var(--bc-primary);
}

.bc-activity-icon--packed {
  background: #fff4e5;
  color: #d97706;
}

.bc-activity-icon--payment {
  background: #e8f8ef;
  color: var(--bc-success);
}

.bc-activity-body {
  flex: 1;
  min-width: 0;
}

.bc-activity-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
  color: var(--bc-text);
  line-height: 1.3;
}

.bc-activity-meta {
  font-size: 12px;
  color: var(--bc-text-muted);
  line-height: 1.3;
}

.bc-activity-amount {
  font-size: 14px;
  font-weight: 800;
  color: var(--bc-primary);
  white-space: nowrap;
  flex-shrink: 0;
}

/* Legacy markup kept for JS hooks only — never shown in reskin */
.pharm-account-group.bc-legacy-card-hidden,
.bc-legacy-js-hooks {
  display: none !important;
}

.legacy-member-icons.bc-legacy-icons-hidden,
.bdm-icons.bc-legacy-icons-hidden {
  display: none !important;
}

/* BDM dashboard rows — logout moved to app header */
.bdm-icons .account-icon-col-width:has(.fa-right-from-bracket) {
  display: none !important;
}

/* ── Footer navigation ─────────────────────────────────── */

.footer {
  background: var(--bc-surface);
  box-shadow: 0 -2px 12px rgba(26, 31, 54, 0.08);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding-top: 4px !important;
  padding-bottom: var(--bc-app-pad-bottom) !important;
  padding-left: var(--bc-safe-left);
  padding-right: var(--bc-safe-right);
}

.footer-nav-icons {
  padding: 4px 0 2px;
  margin: 0;
}

.footer .nav-hlink {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.footer .icon-div {
  background: transparent !important;
  border: none !important;
  height: 26px !important;
  width: 34px !important;
  margin: 0 auto !important;
}

.footer .icon-div.active,
.footer .nav-hlink.active .icon-div,
.footer .icon-div.private-background {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.footer .icon-div .nav-logo {
  max-height: 24px;
  height: 24px;
  width: auto;
  filter: none !important;
}

.footer .icon-div .icon,
.footer .icon-div i {
  color: var(--bc-primary) !important;
  font-size: 17px !important;
}

.footer .nav-hlink.active .icon-div .icon,
.footer .nav-hlink.active .icon-div i {
  color: var(--bc-primary) !important;
}

.footer .font-10,
.footer .bc-nav-label {
  font-size: 9px !important;
  font-weight: 600;
  color: var(--bc-text-muted);
  line-height: 1;
  white-space: nowrap;
  margin-top: 0;
  padding-top: 1px;
}

.footer .w105 {
  width: auto !important;
}

.footer .nav-hlink.active .font-10,
.footer .nav-hlink.active .bc-nav-label {
  color: var(--bc-primary);
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
}

.footer .nav-hlink.active .font-10::after,
.footer .nav-hlink.active .bc-nav-label::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--bc-accent);
  border-radius: 2px;
}

/* Legacy duplicate Pay Now column — keep in DOM for old hooks, never shown */
.footer .pay-now.bdm-admin-icons {
  display: none !important;
}

/* BDM work mode: grey out Pay Now in place — no layout shift */
body.bc-bdm-work-mode .footer a.nav-hlink.bc-pay-now-disabled,
body.bc-bdm-work-mode .footer a.nav-hlink[href*="pay-now.html"].bc-pay-now-disabled {
  pointer-events: none;
  cursor: default;
}

body.bc-bdm-work-mode .footer a.nav-hlink.bc-pay-now-disabled .icon-div,
body.bc-bdm-work-mode .footer a.nav-hlink.bc-pay-now-disabled .icon-div i,
body.bc-bdm-work-mode .footer a.nav-hlink.bc-pay-now-disabled .icon-div .icon,
body.bc-bdm-work-mode .footer a.nav-hlink.bc-pay-now-disabled .font-10 {
  color: #999 !important;
}

body.bc-bdm-work-mode .footer a.nav-hlink.bc-pay-now-disabled.active .font-10::after,
body.bc-bdm-work-mode .footer a.nav-hlink.bc-pay-now-disabled .font-10::after {
  display: none !important;
}

.footer-bottom {
  display: none;
}

/* ── Marketplace ───────────────────────────────────────── */

.bc-market-pills {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 0 12px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.bc-market-pills::-webkit-scrollbar {
  display: none;
}

.bc-market-pill {
  flex-shrink: 0;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--bc-surface);
  border: 1.5px solid var(--bc-border);
  font-size: 12px;
  font-weight: 500;
  color: var(--bc-text);
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s;
}

.bc-market-pill:hover,
.bc-market-pill.active {
  background: var(--bc-primary);
  border-color: var(--bc-primary);
  color: #fff;
}

.section-category-icons.bc-legacy-cats-hidden {
  display: none;
}

.bc-product-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.bc-product-grid .product-card {
  background: var(--bc-surface);
  border-radius: var(--bc-radius-lg);
  overflow: hidden;
  box-shadow: var(--bc-shadow-sm);
  border: 1px solid var(--bc-border);
  margin: 0 !important;
}

.bc-product-grid .product-card .product-img-col img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}

.bc-product-grid .product-card .product-content {
  padding: 10px 12px 12px;
}

.bc-product-grid .product-card h2 {
  font-size: 13px !important;
  line-height: 1.3;
  margin-bottom: 6px;
}

.bc-product-grid .product-card .sold-group {
  display: none;
}

.bc-product-grid .product-card .product-price span {
  font-size: 15px;
  font-weight: 700;
  color: var(--bc-primary);
}

.bc-product-grid .product-card .add-feature {
  margin-top: 8px;
}

.bc-product-grid .product-card .product-details-inner {
  display: none;
}

.bc-buy-now-btn {
  display: block;
  width: 100%;
  padding: 8px 12px;
  background: var(--bc-primary);
  color: #fff !important;
  border: none;
  border-radius: var(--bc-radius-sm);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.04em;
}

.bc-buy-now-btn:hover {
  background: var(--bc-primary-dark);
  color: #fff;
}

.feature-products .section-title h3,
.search-region .section-title h3,
.digital-shop .section-title h3,
.section-category .section-title h3 {
  font-size: 16px;
  font-weight: 700;
}

/* ── Deal Chat ─────────────────────────────────────────── */

.bc-chat-page .page-content {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-nav-height) - var(--bc-app-pad-bottom));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}

.bc-chat-page .page-content > .container {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding-left: var(--bc-page-gutter);
  padding-right: var(--bc-page-gutter);
  max-width: 100%;
}

.bc-chat-page #active-chat,
.bc-chat-page #complete-chat {
  --bs-gutter-x: 0;
  margin-left: 0;
  margin-right: 0;
}

.bc-chat-page #active-chat > [class*="col-"],
.bc-chat-page #complete-chat > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.bc-chat-page-header {
  flex-shrink: 0;
  margin-bottom: 8px;
}

.bc-chat-page .bc-chat-scroll-area {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
}

.bc-chat-page .bc-chat-scroll-area .bc-chat-section-label:first-child {
  margin-top: 0;
}

.bc-chat-page-header h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.bc-chat-search--off {
  display: none !important;
}

.bc-chat-search {
  position: relative;
  margin-bottom: 16px;
}

.bc-chat-search input {
  width: 100%;
  padding: 12px 16px 12px 42px;
  border: 1.5px solid var(--bc-border);
  border-radius: 0 !important;
  font-size: 14px;
  background: var(--bc-surface);
}

.bc-chat-search input:focus {
  outline: none;
  border-color: var(--bc-primary);
  box-shadow: 0 0 0 3px rgba(10, 69, 255, 0.1);
}

.bc-chat-search i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bc-text-muted);
}

.bc-chat-section-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--bc-text-muted);
  margin: 16px 0 8px;
  padding-left: 4px;
}

.bc-chat-list-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--bc-surface);
  border-radius: 0;
  margin-bottom: 8px;
  box-shadow: none;
  cursor: pointer;
  border: 1px solid var(--bc-border);
}

.bc-chat-list-item:hover {
  border-color: var(--bc-primary);
}

.bc-chat-avatar-wrap {
  position: relative;
  flex-shrink: 0;
}

.bc-chat-avatar-wrap .small-avatar,
.bc-chat-avatar-wrap img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50%;
  object-fit: cover;
}

.bc-chat-avatar-initials {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--bc-primary);
  color: var(--bc-accent);
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

.bc-chat-avatar-initials--sm {
  width: 28px;
  height: 28px;
  font-size: 10px;
}

.bc-chat-list-content {
  flex: 1;
  min-width: 0;
}

.bc-chat-list-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}

.bc-chat-list-company {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-chat-list-time {
  font-size: 11px;
  color: var(--bc-text-muted);
  flex-shrink: 0;
}

.bc-chat-list-preview {
  font-size: 13px;
  color: var(--bc-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-chat-unread-badge {
  background: var(--bc-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
}

.chat-nav-row.bc-legacy-tabs-hidden {
  display: none !important;
}

#active-chat-container .chat-row,
#completed-chat-container .chat-row,
#active-chat-container .bdm-admin-chat-row,
#completed-chat-container .bdm-admin-chat-row {
  background: var(--bc-surface);
  border: 1px solid var(--bc-border);
  border-radius: 0;
  padding: 10px 12px 10px 8px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 8px !important;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
}

.bc-chat-page .avatar-col-width,
.bc-chat-page .small-avatar-col-width {
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  padding: 0 !important;
  margin: 0 8px 0 0;
  text-align: left;
}

.bc-chat-page #active-chat-container .avatar,
.bc-chat-page #completed-chat-container .avatar,
.bc-chat-page #active-chat-container .product-avatar,
.bc-chat-page #completed-chat-container .product-avatar,
.bc-chat-page #active-chat-container .bc-chat-avatar-initials,
.bc-chat-page #completed-chat-container .bc-chat-avatar-initials,
.bc-chat-page #active-chat-container .small-avatar,
.bc-chat-page #completed-chat-container .small-avatar {
  margin: 0 !important;
  flex-shrink: 0;
}

.bc-chat-page #active-chat-container .avatar,
.bc-chat-page #completed-chat-container .avatar,
.bc-chat-page #active-chat-container .small-avatar,
.bc-chat-page #completed-chat-container .small-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  max-width: 44px;
  max-height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  padding: 0 !important;
  background-color: transparent;
}

.bc-chat-page #active-chat-container .product-avatar,
.bc-chat-page #completed-chat-container .product-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  max-width: 44px;
  max-height: 44px;
  border-radius: 0;
  object-fit: cover;
  display: block;
  padding: 0 !important;
  background-color: var(--bc-bg);
}

.bc-chat-page #active-chat-container .bc-chat-avatar-initials,
.bc-chat-page #completed-chat-container .bc-chat-avatar-initials {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  max-width: 44px;
  max-height: 44px;
}

.bc-chat-page .chat-row > .row,
.bc-chat-page .bdm-admin-chat-row > .row {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  --bs-gutter-x: 0;
}

#active-chat-container .chat-row:hover,
#completed-chat-container .chat-row:hover,
#active-chat-container .bdm-admin-chat-row:hover,
#completed-chat-container .bdm-admin-chat-row:hover {
  border-color: var(--bc-primary);
}

#active-chat-container .message-counter,
#completed-chat-container .message-counter {
  background: var(--bc-primary);
  color: #fff;
  border-radius: 999px;
  min-width: 20px;
  height: 20px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
}

#active-chat-container .chat-date,
#completed-chat-container .chat-date {
  font-size: 11px;
  color: var(--bc-text-muted);
}

#active-chat-container h6,
#completed-chat-container h6 {
  font-size: 14px;
  font-weight: 600;
}

#active-chat-container .chat-description-text,
#completed-chat-container .chat-description-text {
  font-size: 13px;
  color: var(--bc-text-muted);
}

.bc-chat-page .chat-wrapper,
.bc-chat-page .chat-wrapper-bdm-admin {
  flex: 1;
  min-width: 0;
  width: auto !important;
}

.bc-chat-page .chat-col-width {
  width: 100% !important;
  display: block !important;
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;
}

.bc-chat-page .chat-col-width > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.bc-chat-page .chat-col-width > div:first-child h6 {
  flex: 1;
  min-width: 0;
  float: none !important;
  display: block !important;
  margin: 0;
  padding-right: 4px;
}

.bc-chat-page .chat-date {
  position: absolute;
  top: 0;
  right: 0;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  text-align: right;
  white-space: nowrap;
}

.bc-chat-page .chat-user-text {
  display: block;
  width: 100%;
  padding-right: 0;
}

.bc-chat-page .chat-user-text .h20 {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  float: none !important;
  display: block !important;
  line-height: 1;
}

.bc-chat-page .chat-user-text .message-counter {
  float: none !important;
  margin: 0;
}

.bc-chat-page .chat-description-text {
  padding-right: 0;
}

/* BDM work mode — two-member chat rows */
.bc-chat-page .bdm-admin-chat-row .chat-col-width {
  padding-right: 72px;
}

.bc-chat-page .bdm-admin-chat-row .chat-col-width > div:first-child h6 {
  display: block !important;
  width: 100%;
  padding-right: 0;
}

.bc-chat-page .bdm-admin-chat-row .chat-col-width > div:first-child > .chat-description-text {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  margin-top: 2px;
  color: var(--bc-text-muted);
}

.bc-chat-page .bdm-admin-chat-row > .row + .row {
  margin-top: 10px !important;
}

.bc-chat-page .bdm-admin-chat-row .small-avatar-col-width.pt-5 {
  padding-top: 0 !important;
}

/* ── Chat modal ────────────────────────────────────────── */

#chatModal .modal-dialog {
  margin: var(--bc-page-gutter) auto !important;
  width: calc(100% - (2 * var(--bc-page-gutter)));
  max-width: calc(100% - (2 * var(--bc-page-gutter)));
  padding-top: 0 !important;
  border-radius: 0 !important;
}

#chatModal .modal-content {
  border-radius: 0 !important;
  border: 1px solid var(--bc-border);
  box-shadow: var(--bc-shadow-md);
  overflow: hidden;
}

#chatModal .modal-header {
  position: relative;
  border-radius: 0 !important;
  padding: calc(10px + var(--bc-safe-top)) calc(48px + var(--bc-safe-right)) 10px calc(14px + var(--bc-safe-left)) !important;
  border-bottom: 1px solid var(--bc-border);
  align-items: flex-start;
  overflow: visible;
}

#chatModal .modal-body {
  padding-left: 14px;
  padding-right: 14px;
}

#chatModal #chatAvatar[hidden],
#chatModal #chatAvatar:not([src]) {
  display: none !important;
}

#chatModal .bc-chat-modal-avatar-wrap {
  margin-right: 8px;
  text-align: left;
  flex-shrink: 0;
}

#chatModal .bc-chat-modal-avatar,
#chatModal #chatAvatar.bc-chat-modal-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  margin: 0 !important;
  object-fit: cover;
}

#chatModal #chatAvatar.avatar,
#chatModal #chatAvatarInitials.bc-chat-modal-avatar {
  border-radius: 50%;
}

#chatModal #chatAvatar.product-avatar {
  border-radius: 0;
}

#chatModal #chatAvatarInitials.bc-chat-modal-avatar,
#chatModal #memberBDMAvatarInitials.bc-chat-modal-avatar {
  display: inline-flex;
}

#chatModal #memberBDMAvatar[hidden],
#chatModal #memberBDMAvatar:not([src]) {
  display: none !important;
}

#chatModal #memberBDMAvatar.bc-chat-modal-avatar,
#chatModal #memberBDMAvatarInitials.bc-chat-modal-avatar,
#chatModal #bdmAvatar.avatar,
#chatModal #bdmAvatarInitials {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  font-size: 14px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 !important;
}

#chatModal #memberChatHeader,
#chatModal #memberPrivateBDMHeader {
  width: 100%;
  overflow: visible;
}

/* Member chat headers: identical layout — avatar + text block, action pinned right */
#chatModal #memberChatHeader > .row,
#chatModal #memberPrivateBDMHeader > .row {
  display: block !important;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  box-sizing: border-box;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

#chatModal #memberChatHeader > .row::after,
#chatModal #memberPrivateBDMHeader > .row::after {
  content: "";
  display: block;
  clear: both;
}

#chatModal #memberChatHeader > .row > *:not(.bc-chat-modal-avatar-wrap):not(.bdm-icon-div):not(.modal-chat-description-text),
#chatModal #memberPrivateBDMHeader > .row > *:not(.bc-chat-modal-avatar-wrap):not(.bdm-icon-div):not(.modal-chat-description-text) {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  float: none !important;
}

#chatModal #memberChatHeader .bc-chat-modal-avatar-wrap,
#chatModal #memberPrivateBDMHeader .bc-chat-modal-avatar-wrap {
  float: left;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  margin: 0 8px 0 0;
}

#chatModal #memberChatHeader .bc-chat-modal-avatar-wrap .bc-chat-modal-avatar,
#chatModal #memberChatHeader .bc-chat-modal-avatar-wrap .bc-chat-avatar-initials,
#chatModal #memberPrivateBDMHeader .bc-chat-modal-avatar-wrap .bc-chat-modal-avatar,
#chatModal #memberPrivateBDMHeader .bc-chat-modal-avatar-wrap .bc-chat-avatar-initials {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

#chatModal #memberChatHeader .chat-modal-header,
#chatModal #memberPrivateBDMHeader .chat-modal-header {
  overflow: hidden;
  margin-left: 0 !important;
  width: auto !important;
  padding: 0;
}

#chatModal #memberChatHeader .chat-modal-header h6,
#chatModal #memberPrivateBDMHeader .chat-modal-header h6 {
  margin: 0 0 2px;
  font-size: 13px;
  line-height: 16px;
}

#chatModal #memberChatHeader .chat-modal-header .chat-user-text,
#chatModal #memberPrivateBDMHeader .chat-modal-header .chat-user-text {
  margin: 0;
  line-height: 12px;
}

#chatModal #memberChatHeader .modal-chat-description-text,
#chatModal #memberPrivateBDMHeader .modal-chat-description-text {
  clear: left;
  width: 87% !important;
  margin: 3px 0 0;
  padding: 0;
  line-height: 12px;
}

#chatModal #memberChatHeader .bdm-icon-div,
#chatModal #memberPrivateBDMHeader .bdm-icon-div {
  position: absolute;
  right: 44px;
  top: 22px;
  float: none !important;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  min-height: 35px !important;
  max-width: 35px !important;
  max-height: 35px !important;
  box-sizing: border-box;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  margin: 0 !important;
  z-index: 1;
}

#chatModal .message-avatar.bc-chat-avatar-initials--msg {
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  font-size: 9px;
  float: left;
  margin-left: -15px;
  margin-right: 4px;
}

#chatModal .message-time {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  width: auto;
  float: right;
  text-align: right;
  padding: 0;
}

#chatModal .message-time .message-time-text {
  float: none;
  line-height: 1;
}

#chatModal .message-time .sent-check,
#chatModal .message-time .delivered-check {
  float: none;
  font-size: 11px;
  line-height: 1;
}

#chatModal .message-time .delivered-check {
  margin-left: -8px;
}

#chatModal .message-avatar.small-avatar {
  margin-right: 4px;
}

#chatModal #bdmAdminChatHeader #bdmPrivateMember2Header {
  margin-top: 10px !important;
}

#chatModal #bdmAdminChatHeader #bdmPrivateMember1Header,
#chatModal #bdmAdminChatHeader #bdmPrivateMember2Header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 8px;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

/* Bootstrap .row > * defaults to width:100% — force horizontal member header layout */
#chatModal #bdmAdminChatHeader #bdmPrivateMember1Header > *,
#chatModal #bdmAdminChatHeader #bdmPrivateMember2Header > * {
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0;
}

#chatModal #bdmAdminChatHeader .bdm-admin-chat-modal-header {
  flex: 1;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding: 0;
  flex-shrink: 1;
}

#chatModal #bdmAdminChatHeader .avatar-modal-col-width.bc-chat-modal-avatar-wrap {
  flex-shrink: 0;
  width: 44px !important;
  max-width: 44px;
  margin: 0 !important;
  text-align: left;
}

#chatModal #bdmAdminChatHeader {
  flex: 1;
  min-width: 0;
  width: 100%;
}

#chatModal #bdmAdminChatHeader .bdm-admin-chat-modal-header h6 {
  margin: 0 0 2px;
  font-size: 13px;
  line-height: 1.25;
}

#chatModal #bdmAdminChatHeader .bdm-admin-chat-modal-header .chat-user-text,
#chatModal #bdmAdminChatHeader .bdm-admin-chat-modal-header .account-text {
  font-size: 12px;
  line-height: 1.3;
}

#chatModal #bdmAdminChatHeader .bdm-to-bdm-div {
  flex-shrink: 0;
  margin-left: auto;
  align-self: center;
  height: auto !important;
  margin-top: 0 !important;
  padding-right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

#chatModal #bdmPrivateIcon.bdm-icon-div,
#chatModal #bdmPrivateSlashEyeIcon.bdm-icon-div {
  margin-top: 0 !important;
  flex-shrink: 0;
}

#chatModal #bdmAdminChatHeader .bc-chat-header-row-spacer {
  visibility: hidden !important;
  pointer-events: none;
}

/* BDM-to-BDM private chat: single compact header row (other BDM only) */
#chatModal.private-mode[data-private-target="bdm"] #bdmAdminChatHeader #bdmPrivateMember1Header,
#chatModal.private-mode[data-private-target="bdm"] #bdmAdminChatHeader #bdmPrivateMember2Header,
#chatModal.private-mode[data-private-target="bdm"] #bdmAdminChatHeader #chatDescription2 {
  display: none !important;
}

#chatModal.private-mode[data-private-target="bdm"] #bdmPrivateBDMHeader {
  display: block !important;
}

#chatModal.private-mode[data-private-target="bdm"] #bdmPrivateBDMHeader > .row {
  align-items: center !important;
}

#chatModal.private-mode[data-private-target="bdm"] #bdmPrivateBDMHeader .bc-bdm-private-action-slot {
  align-self: center;
  padding-right: 28px;
}

#chatModal.private-mode[data-private-target="bdm"] #bdmPrivateSlashEyeIcon.bdm-icon-div {
  margin-top: 0 !important;
}

#chatModal.private-mode[data-private-target="bdm"] #bdmPrivateBDMHeader #chatDescription4 {
  margin-top: 6px !important;
  padding-right: 28px;
}

#chatModal #bdmPrivateBDMHeader > .row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 8px;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

#chatModal #bdmPrivateBDMHeader > .row > * {
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0;
}

#chatModal #bdmPrivateBDMHeader .chat-modal-header,
#chatModal #bdmPrivateBDMHeader .bdm-admin-chat-modal-header {
  flex: 1;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding: 0;
  flex-shrink: 1;
}

#chatModal #bdmPrivateBDMHeader .bdm-to-bdm-div,
#chatModal #bdmPrivateBDMHeader .bc-bdm-private-action-slot {
  flex-shrink: 0;
  margin-left: auto;
  align-self: center;
  height: auto !important;
  margin-top: 0 !important;
  padding-right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

#chatModal #bdmAvatar.avatar,
#chatModal #bdmAvatarInitials {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  font-size: 14px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 !important;
}

#chatModal #member1Avatar.small-avatar,
#chatModal #member2Avatar.small-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 !important;
}

#chatModal #member1AvatarInitials,
#chatModal #member2AvatarInitials {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  font-size: 14px;
}

#chatModal .message-username {
  padding-left: 10px;
}

#chatModal .chat-modal-header {
  margin-left: 0;
  width: auto;
  flex: 1;
  min-width: 0;
}

#chatModal #memberChatHeader .chat-modal-header,
#chatModal #memberPrivateBDMHeader .chat-modal-header {
  flex: none;
}

#chatModal .chat-btn-close {
  top: 6px;
  right: 6px;
}

/* Delete confirmation modals — compact card, not fullscreen on mobile */
.delete-modal.custom-modal .modal-dialog {
  max-width: min(360px, calc(100% - 32px)) !important;
}

.delete-modal .modal-header {
  min-height: 0;
  padding: 8px 8px 0 !important;
  border-bottom: 0;
}

.delete-modal .modal-body {
  padding: 8px 20px 20px !important;
}

.delete-modal .icon-div {
  height: 48px;
  width: 48px;
  margin-top: 8px;
}

.delete-modal .icon-div .icon {
  font-size: 18px;
}

@media (max-width: 768px) {
  .delete-modal.custom-modal {
    height: auto !important;
  }

  .delete-modal.custom-modal .modal-dialog {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
    max-height: calc(100dvh - var(--bc-safe-top) - var(--bc-safe-bottom) - 32px);
    margin: auto !important;
    display: flex;
    align-items: center;
    min-height: 0;
  }

  .delete-modal.custom-modal .modal-dialog .modal-content {
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    width: 100%;
  }

  .delete-modal.custom-modal .modal-content .modal-body {
    flex: none !important;
    overflow: visible;
    padding-bottom: 16px !important;
  }
}

/* ── Pay Now ───────────────────────────────────────────── */

body.bc-pay-page {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden !important;
}

body.bc-pay-page .bc-skin-preview-banner {
  display: none !important;
}

.bc-pay-page .header-bottom .header-details {
  display: none !important;
}

/* Same fixed logo header shell as Search / Deals */
body.bc-pay-page .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-top: var(--bc-app-pad-top);
  padding-left: var(--bc-safe-left);
  padding-right: var(--bc-safe-right);
  background: #fff;
}

body.bc-pay-page .header-bottom {
  display: block !important;
  padding: 0 16px;
  min-height: var(--bc-header-bar-height);
  border-bottom: 1px solid var(--bc-border);
  background: #fff;
  box-shadow: none;
}

body.bc-pay-page .header-bottom .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

body.bc-pay-page .header-bottom .header-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: var(--bc-header-bar-height);
  gap: 12px;
}

body.bc-pay-page .header-bottom .logo.header-logo {
  position: static;
  left: auto;
  transform: none;
  margin: 0;
}

body.bc-pay-page .header-bottom .logo.header-logo a[href="#"],
body.bc-pay-page .header-bottom .logo.header-logo a.d-sm-block,
body.bc-pay-page .header-bottom .logo.header-logo a.d-lg-none {
  display: none !important;
}

body.bc-pay-page .header-bottom .logo.header-logo a[href*="market.html"] {
  display: block !important;
}

body.bc-pay-page .header-bottom .logo.header-logo a img {
  max-height: 30px;
  width: auto;
  min-width: unset;
  margin-top: 0 !important;
}

.bc-pay-page .bc-pay-main {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 0 !important;
  padding-top: var(--bc-header-total) !important;
}

.bc-pay-page .bc-pay-page-content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px 0 0 !important;
  margin-bottom: 0 !important;
  height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-nav-height) - var(--bc-app-pad-bottom));
}

.bc-pay-page .bc-pay-container.container {
  padding-left: var(--bc-page-gutter);
  padding-right: var(--bc-page-gutter);
  max-width: 100%;
  box-sizing: border-box;
}

.bc-pay-page .bc-pay-container {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
}

.bc-pay-page .bc-pay-layout {
  display: block;
  overflow: visible;
}

.bc-pay-page .bc-pay-scroll-area {
  display: block;
  overflow: visible;
  padding-bottom: 0;
}

.bc-pay-page .bc-pay-form-actions,
.bc-pay-page .bc-pay-sticky-actions {
  display: block !important;
  margin-top: 14px;
  margin-bottom: 4px;
  padding: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.bc-pay-layout.bc-pay-confirm-mode {
  justify-content: flex-start;
}

.bc-pay-confirm-actions {
  display: none;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-items: stretch;
}

.bc-pay-confirm-actions .bc-btn-cancel {
  flex: 1 1 0;
  min-width: 0;
  padding: 10px 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  border-radius: var(--bc-radius-md) !important;
  text-transform: uppercase;
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
  color: var(--bc-text) !important;
}

.bc-pay-confirm-actions .bc-btn-cancel:hover {
  background: #d1d5db !important;
  border-color: #c5cad1 !important;
  color: var(--bc-text) !important;
}

.bc-pay-confirm-actions .bc-btn-confirm-payment {
  flex: 1.4 1 0;
  min-width: 0;
  width: auto;
  padding: 10px 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  border-radius: var(--bc-radius-md) !important;
  text-transform: uppercase;
  margin: 0;
  white-space: nowrap;
}

.bc-pay-layout.bc-pay-confirm-mode .bc-pay-scan-block,
.bc-pay-layout.bc-pay-confirm-mode .bc-pay-form-fields {
  display: none;
}

.bc-pay-layout.bc-pay-confirm-mode.bc-pay-confirm-needs-amount .bc-pay-form-fields {
  display: block !important;
  margin-top: 12px;
}

.bc-pay-layout.bc-pay-confirm-mode.bc-pay-confirm-needs-amount .bc-pay-form-fields > .bc-pay-section-title,
.bc-pay-layout.bc-pay-confirm-mode.bc-pay-confirm-needs-amount .bc-pay-form-fields .form-group:not(.bc-pay-amount-on-confirm) {
  display: none !important;
}

.bc-pay-layout.bc-pay-confirm-mode.bc-pay-confirm-needs-amount .bc-pay-amount-on-confirm {
  margin-bottom: 0;
}

.bc-pay-layout.bc-pay-confirm-mode .bc-pay-scroll-area {
  overflow: visible;
  display: block;
}

.bc-pay-layout.bc-pay-confirm-mode #review,
.bc-pay-layout.bc-pay-confirm-mode #reviewForm {
  display: block;
}

.bc-pay-layout.bc-pay-confirm-mode #pay-user {
  margin: 0;
}

.bc-pay-page .footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  flex-shrink: 0;
  width: 100%;
  padding-bottom: var(--bc-app-pad-bottom) !important;
}

.bc-pay-page .page-content {
  padding-bottom: 0 !important;
}

.bc-page-title-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 6px;
  min-height: 28px;
  flex-shrink: 0;
}

.bc-page-title-bar .bc-page-back {
  position: absolute;
  left: 0;
  color: var(--bc-primary);
  font-size: 18px;
  text-decoration: none;
  padding: 4px 6px;
}

.bc-page-title-bar .bc-page-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--bc-primary);
  margin: 0;
}

.bc-pay-page .pay-nav-row {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  padding: 0;
  margin: 0 0 12px;
  display: flex;
  align-items: stretch;
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: visible;
  flex: 0 0 auto;
  text-transform: uppercase;
  font-weight: 700;
  gap: 0;
}

.bc-pay-page .pay-nav,
.bc-pay-page .pay-nav-right {
  flex: 1;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  border-radius: 0;
  padding: 12px 8px;
  background: var(--bc-primary);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  color: #fff;
  cursor: pointer;
  text-align: center;
}

.bc-pay-page .pay-nav {
  border-right: 3px solid var(--bc-bg) !important;
}

.bc-pay-page .pay-nav-right {
  border-right: none !important;
  border-left: none !important;
}

.bc-pay-page .pay-nav.active,
.bc-pay-page .pay-nav-right.active {
  background: var(--bc-primary);
  color: var(--bc-accent) !important;
}

.bc-pay-page .pay-nav-right.bc-pay-nav-disabled,
.bc-pay-page .get-paid.bc-pay-nav-disabled {
  background: var(--bc-primary);
  opacity: 0.65;
  color: #999 !important;
  cursor: not-allowed;
  pointer-events: none;
}

.bc-pay-page .pay-nav-right.bc-pay-nav-disabled.active,
.bc-pay-page .get-paid.bc-pay-nav-disabled.active {
  background: var(--bc-primary);
  opacity: 0.65;
  color: #999 !important;
}

.bc-pay-scan-block {
  padding: 8px 0 0;
  flex-shrink: 0;
}

.bc-qr-scan-area {
  background: transparent;
  border: none;
  padding: 8px 0 10px;
  text-align: center;
  margin-bottom: 0;
  cursor: pointer;
}

.bc-qr-frame {
  position: relative;
  width: 110px;
  height: 110px;
  margin: 0 auto 8px;
}

.bc-qr-frame::before,
.bc-qr-frame::after,
.bc-qr-frame-inner::before,
.bc-qr-frame-inner::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid var(--bc-primary);
  z-index: 1;
  pointer-events: none;
}

.bc-qr-frame::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

.bc-qr-frame::after {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}

.bc-qr-frame-inner::before {
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}

.bc-qr-frame-inner::after {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}

.bc-qr-frame-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.bc-qr-frame-inner i {
  font-size: 64px;
  color: #111;
  line-height: 1;
}

.bc-qr-scan-area h6 {
  font-size: 12px;
  font-weight: 800;
  color: var(--bc-primary);
  letter-spacing: 0.04em;
  margin: 0;
}

.bc-pay-or-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 2px 0 6px;
  color: var(--bc-text-muted);
  font-size: 12px;
  font-weight: 600;
}

.bc-pay-or-divider::before,
.bc-pay-or-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--bc-border);
}

.bc-pay-scan-block.bc-pay-scan-block--hidden {
  display: none !important;
}

.bc-pay-layout.bc-pay-entry-mode .bc-pay-scroll-area {
  padding-bottom: 8px;
}

.bc-pay-form-fields .bc-pay-section-title {
  font-size: 12px;
  font-weight: 800;
  color: var(--bc-primary);
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.bc-pay-form .form-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--bc-text-muted);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 6px;
}

.bc-pay-form .form-group {
  margin-bottom: 8px;
}

.bc-pay-form .bc-pay-form-fields .form-group:last-child {
  margin-bottom: 0;
}

.bc-pay-form .form-control,
.bc-pay-form .input-group-text {
  border: 1.5px solid #c5d0e6;
  border-radius: var(--bc-radius-sm);
  min-height: 40px;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #fff;
}

.bc-pay-form .bc-account-input-group .form-control {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
}

.bc-pay-form .bc-account-input-group:has(.form-control.is-invalid) .input-group-text,
.bc-pay-form .bc-account-input-group:has(.form-control.is-invalid) .form-control {
  border-color: var(--bc-danger) !important;
}

.bc-pay-form .bc-account-input-group:has(.form-control.is-invalid) .form-control {
  box-shadow: none !important;
  background-image: none !important;
}

.bc-pay-form .form-control.is-invalid {
  border-color: var(--bc-danger) !important;
  box-shadow: none !important;
  background-image: none !important;
}

.bc-pay-form .bc-account-input-group .input-group-text {
  background: #fff;
  color: var(--bc-text);
  font-weight: 500;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bc-pay-form .bc-account-input-group:focus-within .input-group-text,
.bc-pay-form .bc-account-input-group:focus-within .form-control {
  border-color: var(--bc-primary);
}

.bc-pay-form .form-control:focus {
  border-color: var(--bc-primary);
  box-shadow: none;
  background: #fff;
}

.bc-pay-form .payment-textarea {
  min-height: 40px;
  max-height: 56px;
  resize: none;
  background: #fff;
}

.bc-pay-form .payment-textarea:focus {
  background: #fff;
}

.bc-pay-form .bc-pay-note-group {
  margin-bottom: 0;
}

.bc-pay-form .bc-pay-form-actions {
  clear: both;
  margin-top: 14px;
}

.bc-pay-form .btn,
.bc-pay-page #qr-button {
  border-radius: var(--bc-radius-md);
}

.bc-pay-confirmation-card {
  background: #eef4ff;
  border: none;
  border-radius: var(--bc-radius-md);
  padding: 12px;
  margin-bottom: 8px;
  text-align: center;
}

.bc-pay-confirmation-card .bc-pay-to-label {
  font-size: 12px;
  color: var(--bc-text-muted);
  margin-bottom: 4px;
}

.bc-pay-confirmation-card .bc-pay-company-name {
  font-size: 16px;
  font-weight: 800;
  color: var(--bc-primary);
  margin-bottom: 6px;
  line-height: 1.3;
}

.bc-pay-confirmation-card .bc-pay-amount-display {
  font-size: 20px;
  font-weight: 800;
  color: var(--bc-primary);
  margin-bottom: 6px;
}

.bc-pay-confirmation-card .bc-pay-meta {
  font-size: 11px;
  color: var(--bc-text-muted);
  margin-top: 2px;
}

.bc-pay-form .bc-account-input-group {
  max-width: 100%;
}

.bc-btn-review {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  border-radius: var(--bc-radius-md) !important;
  text-transform: uppercase;
  margin: 0;
}

.bc-pay-sticky-actions > .bc-btn-confirm-payment {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  border-radius: var(--bc-radius-md) !important;
  text-transform: uppercase;
  margin: 0;
}

.bc-pay-page #camera-container {
  margin-bottom: 16px;
}

.bc-pay-page .footer .nav-hlink.active .icon-div {
  background: transparent !important;
  box-shadow: none !important;
}

/* Payment success receipt sheet */
.bc-payment-receipt-sheet {
  position: fixed;
  inset: 0;
  z-index: 100000;
  pointer-events: none;
  visibility: hidden;
}

.bc-payment-receipt-sheet.is-open {
  pointer-events: auto;
  visibility: visible;
}

.bc-receipt-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(26, 31, 54, 0.45);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.bc-payment-receipt-sheet.is-open .bc-receipt-backdrop {
  opacity: 1;
}

.bc-receipt-slide-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  padding: 0 20px calc(16px + var(--bc-app-pad-bottom));
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
  max-height: 92vh;
  overflow-y: auto;
}

.bc-payment-receipt-sheet.is-open .bc-receipt-slide-panel {
  transform: translateY(0);
}

.bc-receipt-sheet-inner {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.bc-receipt-header {
  text-align: center;
  margin: -4px 0 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--bc-border);
}

.bc-receipt-success-icon {
  color: var(--bc-success);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
}

.bc-receipt-success-icon svg {
  display: block;
  width: 72px;
  height: 72px;
}

.bc-receipt-title {
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  color: var(--bc-primary);
  margin: 0;
}

.bc-receipt-card {
  background: #fff;
  border: none;
  border-radius: var(--bc-radius-lg);
  padding: 22px 16px 18px;
  margin: 0 auto;
  box-shadow: 0 8px 24px rgba(26, 31, 54, 0.18);
}

.bc-receipt-brand {
  margin-bottom: 14px;
}

.bc-receipt-logo {
  display: block;
  height: 30px;
  width: auto;
  max-width: 160px;
}

.bc-receipt-amount-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--bc-primary);
  margin-bottom: 4px;
}

.bc-receipt-amount-value {
  font-size: 28px;
  font-weight: 800;
  color: var(--bc-primary);
  margin-bottom: 12px;
}

.bc-receipt-divider {
  height: 1px;
  background: var(--bc-border);
  margin-bottom: 12px;
}

.bc-receipt-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  font-size: 14px;
}

.bc-receipt-label {
  font-weight: 700;
  color: var(--bc-primary);
}

.bc-receipt-value {
  text-align: right;
  color: var(--bc-text);
}

.bc-receipt-actions {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding-top: 0;
}

.bc-receipt-btn-primary {
  width: 100%;
  padding: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: var(--bc-radius-md) !important;
}

#bc-receipt-capture.shrinked {
  transform: scale(0.96);
  transition: transform 0.2s ease;
}

/* ── Invoices / Billing ────────────────────────────────── */

.bc-invoices-page .page-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-nav-height) - var(--bc-app-pad-bottom));
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.bc-invoices-page .page-content > .container {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding-left: var(--bc-page-gutter);
  padding-right: var(--bc-page-gutter);
  max-width: 100%;
}

.bc-invoices-page.bc-invoices-acting .page-content {
  height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-copyright-height) - var(--bc-app-pad-bottom));
  max-height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-copyright-height) - var(--bc-app-pad-bottom));
  overflow: hidden;
}

body.bc-invoices-page.bc-bdm-acting .main.pages {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-copyright-height) - var(--bc-app-pad-bottom));
  min-height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-copyright-height) - var(--bc-app-pad-bottom));
  max-height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-copyright-height) - var(--bc-app-pad-bottom));
  padding-bottom: 0 !important;
}

body.bc-invoices-page.bc-bdm-acting .page-content {
  flex: 1;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: hidden;
}

body.bc-invoices-page.bc-bdm-acting .page-content > .container {
  overflow: hidden;
}

body.bc-invoices-page.bc-bdm-acting #bdm-member-nav.bc-bdm-member-nav {
  flex-shrink: 0;
  margin-bottom: 8px;
}

body.bc-invoices-page.bc-bdm-acting .bc-invoices-card {
  flex: 1;
  min-height: 0;
  margin-top: 0;
}

body.bc-invoices-page.bc-bdm-acting .bc-invoices-card--bdm {
  margin-top: 0;
}

.bc-invoices-page .bc-invoices-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--bc-surface);
  border-radius: 0;
  box-shadow: none;
  border: 1px solid var(--bc-border);
}

.bc-invoices-page .bc-invoices-card--bdm {
  margin-top: 8px;
}

.bc-invoices-page .bc-invoices-header {
  flex-shrink: 0;
  padding: 16px 14px 14px;
  border-bottom: 1px solid var(--bc-border);
  text-align: center;
}

.bc-invoices-page .bc-invoices-header h5 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--bc-text);
}

.bc-invoices-page .bc-invoices-list {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 14px;
  min-height: 0;
}

.bc-invoices-page .bc-invoices-sentinel {
  height: 1px;
}

.bc-invoices-page .bc-invoices-status {
  flex-shrink: 0;
  padding: 10px 14px 12px;
  text-align: center;
  font-size: 12px;
  color: var(--bc-text-muted);
  border-top: 1px solid var(--bc-border);
}

.bc-invoices-page .bc-invoice-row {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid var(--bc-border);
}

.bc-invoices-page .bc-invoice-row:last-child {
  border-bottom: none;
}

.bc-invoices-page .bc-invoice-icon {
  flex: 0 0 28px;
}

.bc-invoices-page .bc-invoice-date {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}

.bc-invoices-page .bc-invoice-amount {
  flex: 0 0 auto;
  font-weight: 700;
  color: var(--bc-primary);
  font-size: 14px;
  white-space: nowrap;
  text-align: right;
}

.bc-invoices-page .bc-invoice-download {
  flex: 0 0 28px;
  text-align: right;
}

.bc-invoices-page .bill-icon,
.bc-invoices-page .download-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--bc-primary);
  text-decoration: none;
}

.bc-invoices-page .bill-icon i,
.bc-invoices-page .download-icon i {
  font-size: 20px;
  line-height: 1;
}

.bc-invoices-page .download-icon i.grey {
  color: var(--bc-text-muted);
}

/* ── Search / Trade request ────────────────────────────── */

.bc-search-page .page-content {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-nav-height) - var(--bc-app-pad-bottom));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}

.bc-search-page .page-content.pt-110 {
  padding-top: 8px !important;
}

.bc-search-page .page-content > .container,
.bc-search-page .bc-search-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding-left: var(--bc-page-gutter);
  padding-right: var(--bc-page-gutter);
  max-width: 100%;
}

.bc-search-page .bc-search-top {
  flex-shrink: 0;
}

.bc-search-page .bc-search-scroll-area {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16px;
}

.bc-search-page .bc-search-scope-bar.trade-nav-row {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
  margin: 0 0 12px;
  padding: 0;
  background: var(--bc-primary);
  display: flex;
  align-items: stretch;
  z-index: auto;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
}

.bc-search-page .bc-search-scope-bar .trade-nav {
  flex: 1;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 1.2;
  border: none;
  border-right: 3px solid var(--bc-bg);
}

.bc-search-page .bc-search-scope-bar .trade-nav:last-child {
  border-right: none;
}

.bc-search-page .bc-search-scope-bar .trade-nav.active {
  color: var(--bc-accent);
}

.bc-search-page #trade-enquiry {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  z-index: auto;
  background: transparent;
  padding: 0;
}

.bc-search-page #searchResults {
  margin-top: 16px !important;
}

.bc-search-page .category-picker-trigger {
  height: 40px;
  border-radius: 0;
  border-color: var(--bc-border);
  font-size: 16px;
}

.bc-search-page #searchInput {
  border: 1px solid var(--bc-border);
  border-radius: 0;
  background: #fff;
}

.bc-search-page #searchButton,
.bc-search-page #searchButton.icon-div {
  flex-shrink: 0;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  min-height: 0;
  padding: 8px 4px;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bc-search-page #searchButton .icon,
.bc-search-page #searchButton.active .icon,
.bc-search-page #searchButton.icon-div.active i {
  color: var(--bc-primary) !important;
  font-size: 20px;
}

body.bc-search-page {
  overflow-x: hidden;
}

.bc-search-page .search-result {
  position: relative;
  overflow: hidden;
  margin-right: calc(-1 * var(--bc-page-gutter));
  padding-right: var(--bc-page-gutter);
}

.bc-search-page .search-result-content {
  min-width: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.bc-search-page .contact-info {
  position: relative;
  overflow: hidden;
  padding-right: 6px;
  min-height: var(--bc-search-slideout-min-h);
}

.bc-search-page .search-result-heading {
  min-width: 0;
  padding-right: 8px;
}

.bc-search-page .collapsed-description--toggle {
  cursor: pointer;
}

.bc-search-page .chevron-toggle {
  cursor: pointer;
  flex-shrink: 0;
  padding-top: 2px;
}

.bc-search-page .map-toggle {
  cursor: pointer;
}

.bc-search-page .slideout-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  min-height: var(--bc-search-slideout-min-h);
  background-color: var(--bc-accent);
  cursor: pointer;
  z-index: 10;
}

.bc-search-page .slideout-toggle::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

.bc-search-page .contact-info.show-tray .slideout-toggle::before {
  pointer-events: none;
}

.bc-search-page .slideout-tray {
  position: absolute;
  top: 0;
  right: 6px;
  height: 100%;
  min-height: var(--bc-search-slideout-min-h);
  display: flex;
  align-items: center;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  background-color: #fff;
  z-index: 5;
  padding-left: 10px;
  padding-right: 12px;
  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);
}

.bc-search-page .contact-info.show-tray .slideout-tray {
  transform: translateX(0);
  z-index: 12;
}

.bc-search-page .slideout-tray .icon-div-small {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.bc-bdm-qr-modal .modal-content {
  border-radius: 0;
  border: 1px solid var(--bc-border);
}

.bc-bdm-qr-modal .modal-header,
.bc-bdm-qr-modal .modal-footer {
  border-color: var(--bc-border);
}

.bc-bdm-qr-member-summary {
  background: var(--bc-surface-muted, #f5f7fb);
  border: 1px solid var(--bc-border);
  padding: 12px 14px;
}

.bc-bdm-qr-summary-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--bc-text-muted);
  margin-top: 8px;
}

.bc-bdm-qr-summary-label:first-child {
  margin-top: 0;
}

.bc-bdm-qr-summary-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--bc-text);
  word-break: break-word;
}

.bc-bdm-qr-code-wrap {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

.bc-bdm-qr-waiting-text {
  font-size: 14px;
  font-weight: 600;
  color: var(--bc-primary);
}

.bc-bdm-qr-modal-footer {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.bc-bdm-qr-modal-footer .btn {
  flex: 1;
  border-radius: var(--bc-radius-md);
}

/* ── BDM Members ───────────────────────────────────────── */

.bc-bdm-members-page .page-content {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  height: calc(100dvh - var(--bc-header-total) - var(--bc-footer-nav-height) - var(--bc-app-pad-bottom));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}

.bc-bdm-members-page .page-content.pt-110 {
  padding-top: 8px !important;
}

.bc-bdm-members-page .page-content > .container,
.bc-bdm-members-page .bc-members-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding-left: var(--bc-page-gutter);
  padding-right: var(--bc-page-gutter);
  max-width: 100%;
}

.bc-bdm-members-page .bc-members-top {
  flex-shrink: 0;
}

.bc-bdm-members-page .members-nav-row.bc-members-scope-bar {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
  margin: 0 0 12px;
  padding: 0;
  background: var(--bc-primary);
  display: flex;
  align-items: stretch;
  z-index: auto;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
}

.bc-bdm-members-page .bc-members-scope-bar .members-nav,
.bc-bdm-members-page .bc-members-scope-bar .members-nav-right {
  flex: 1;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 1.2;
  border: none;
  background: transparent;
}

.bc-bdm-members-page .bc-members-scope-bar .members-nav {
  border-right: 3px solid var(--bc-bg);
}

.bc-bdm-members-page .bc-members-scope-bar .members-nav-right {
  border-right: none;
}

.bc-bdm-members-page .bc-members-scope-bar .members-nav.active,
.bc-bdm-members-page .bc-members-scope-bar .members-nav-right.active {
  color: var(--bc-accent);
}

.bc-bdm-members-page .bc-members-search {
  position: relative;
  margin-bottom: 12px;
}

.bc-bdm-members-page .bc-members-search i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bc-text-muted);
  pointer-events: none;
  z-index: 1;
}

.bc-bdm-members-page .bc-members-search input {
  width: 100%;
  height: 40px;
  padding: 0 12px 0 36px;
  border: 1px solid var(--bc-border);
  border-radius: 0;
  background: #fff;
  font-size: 14px;
  color: var(--bc-text);
}

.bc-bdm-members-page .bc-members-search input:focus {
  outline: none;
  border-color: var(--bc-primary);
  box-shadow: 0 0 0 1px var(--bc-primary);
}

.bc-bdm-members-page .bc-members-scroll-area {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16px;
}

.bc-bdm-members-page .bc-members-list {
  margin-top: 0 !important;
}

.bc-bdm-members-page .bc-member-list-item,
.bc-bdm-members-page #all-members-container .chat-row,
.bc-bdm-members-page #active-members-container .chat-row {
  background: var(--bc-surface);
  border: 1px solid var(--bc-border);
  border-radius: 0;
  padding: 10px 12px 10px 8px;
  margin-bottom: 8px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
}

.bc-bdm-members-page .bc-member-list-item:hover,
.bc-bdm-members-page #all-members-container .chat-row:hover,
.bc-bdm-members-page #active-members-container .chat-row:hover {
  background: #fafbff;
}

.bc-bdm-members-page .bc-member-list-item > .row,
.bc-bdm-members-page .chat-row > .row {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  --bs-gutter-x: 0;
}

.bc-bdm-members-page .not-registered {
  opacity: 0.55;
}

.bc-bdm-members-page .bc-member-avatar-wrap,
.bc-bdm-members-page .avatar-col-width.member-avatar {
  position: relative;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  padding: 0 !important;
  margin: 0 10px 0 0;
  flex-shrink: 0;
  text-align: center;
}

.bc-bdm-members-page .bc-member-avatar-wrap .avatar,
.bc-bdm-members-page .avatar-col-width .avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  max-width: 44px;
  max-height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

.bc-bdm-members-page .bc-member-avatar-wrap .bc-chat-avatar-initials,
.bc-bdm-members-page .avatar-col-width .bc-chat-avatar-initials {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
}

.bc-bdm-members-page .member-unread-counter {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 2;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--bc-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.bc-bdm-members-page .member-wrapper,
.bc-bdm-members-page .bc-member-list-body {
  width: auto;
  flex: 1;
  min-width: 0;
  padding: 0;
}

.bc-bdm-members-page .bc-member-list-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}

.bc-bdm-members-page .bc-member-company,
.bc-bdm-members-page .member-wrapper h6 {
  font-size: 14px;
  font-weight: 700;
  color: var(--bc-primary);
  margin: 0;
  line-height: 1.25;
  min-width: 0;
  word-break: break-word;
}

.bc-bdm-members-page .bc-member-company.bcgreen {
  color: var(--bc-success);
}

.bc-bdm-members-page .bc-member-last-contact {
  font-size: 11px;
  color: var(--bc-text-muted);
  flex-shrink: 0;
  line-height: 1.3;
  white-space: nowrap;
}

.bc-bdm-members-page .bc-member-name {
  font-size: 13px;
  color: var(--bc-text);
  margin-bottom: 4px;
  line-height: 1.3;
}

.bc-bdm-members-page .bc-member-balances,
.bc-bdm-members-page .bc-member-account,
.bc-bdm-members-page .account-text {
  font-size: 11px;
  line-height: 1.4;
  color: var(--bc-text-muted);
}

.bc-bdm-members-page .bc-member-balances {
  margin-bottom: 2px;
}

body.bc-bdm-members-page {
  overflow-x: hidden;
}

/* ── BDM acting as member (shared shell) ───────────────── */

#bdm-member-nav.bc-bdm-member-nav {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100%;
  z-index: auto;
  background: transparent !important;
  display: none;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  padding: 0;
}

body.bc-bdm-acting #bdm-member-nav.bc-bdm-member-nav,
body.bc-bdm-member-account-page #bdm-member-nav.bc-bdm-member-nav {
  display: flex !important;
}

.bc-bdm-member-back,
a.bc-bdm-member-back.nav-hlink {
  flex-shrink: 0;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--bc-accent) !important;
  color: var(--bc-primary);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  padding: 0 !important;
  margin: 0;
  line-height: 1;
  overflow: hidden;
}

.bc-bdm-member-back .icon-div {
  display: none !important;
}

.bc-bdm-member-back .icon,
.bc-bdm-member-back i {
  color: var(--bc-primary) !important;
  font-size: 18px;
}

.bc-bdm-member-nav-title,
#bdm-member-nav.bc-bdm-member-nav .bdm-member-company-name {
  width: auto !important;
  flex: 1;
  min-width: 0;
  padding: 0 !important;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--bc-text);
  line-height: 1.25;
  word-break: break-word;
}

body.bc-bdm-acting,
body.bc-bdm-member-account-page {
  min-height: 100dvh;
}

body.bc-bdm-acting .main.pages,
body.bc-bdm-member-account-page .main.pages {
  padding-bottom: calc(var(--bc-footer-copyright-height) + var(--bc-app-pad-bottom)) !important;
  min-height: calc(100dvh - var(--bc-header-total));
  box-sizing: border-box;
}

body.bc-bdm-acting .page-content.pt-110,
body.bc-bdm-member-account-page .page-content.pt-110 {
  padding-top: 8px !important;
}

body.bc-bdm-acting .page-content.mb-120,
body.bc-bdm-acting .page-content.pb-120 {
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}

body.bc-bdm-acting .page-content > .container,
body.bc-bdm-member-account-page .page-content > .container {
  padding-left: var(--bc-page-gutter);
  padding-right: var(--bc-page-gutter);
  max-width: 100%;
}

body.bc-bdm-acting .footer,
body.bc-bdm-member-account-page .footer {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  background: var(--bc-bg);
  box-shadow: none;
  padding-top: 0 !important;
  padding-bottom: var(--bc-app-pad-bottom) !important;
  padding-left: var(--bc-safe-left);
  padding-right: var(--bc-safe-right);
}

body.bc-bdm-acting .footer > section,
body.bc-bdm-member-account-page .footer > section {
  display: none !important;
}

body.bc-bdm-acting .footer-bottom,
body.bc-bdm-member-account-page .footer-bottom {
  display: block !important;
  padding: 8px 0 0;
}

body.bc-bdm-acting .footer-bottom .copyright,
body.bc-bdm-member-account-page .footer-bottom .copyright {
  margin: 0;
  color: var(--bc-text-muted);
  font-size: 12px;
}

body.bc-bdm-acting .account-icons.bc-legacy-icons-hidden,
body.bc-bdm-member-account-page .account-icons.bc-legacy-icons-hidden {
  display: none !important;
}

/* ── BDM member account hub ────────────────────────────── */

.bc-bdm-member-account-page .page-content {
  padding-bottom: 16px;
}

.bc-bdm-member-account-page .bc-bdm-member-actions {
  margin-bottom: 20px;
}

.bc-bdm-member-account-page .bc-legacy-member-account-card,
.bc-bdm-member-account-page .account-profile-wrapper {
  display: none !important;
}

/* ── BDM acting — profile page ─────────────────────────── */

body.bc-bdm-acting.bc-profile-page .edit-profile-wrapper {
  margin-top: 0 !important;
}

body.bc-bdm-acting.bc-profile-page .billing-detail-blk {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

body.bc-bdm-acting.bc-profile-page .section-title.section-new-title {
  border: none;
  margin: 0 0 16px;
  padding: 0;
}

body.bc-bdm-acting.bc-profile-page .section-title.section-new-title h5 {
  font-size: 15px;
  font-weight: 700;
  color: var(--bc-text);
  margin: 0;
}

body.bc-bdm-acting.bc-profile-page #staff-wrapper .avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
}

.bc-profile-page .bc-profile-avatar-wrap {
  cursor: pointer;
  line-height: 0;
}

.bc-profile-page .bc-profile-avatar-initials {
  width: 50px;
  height: 50px;
  font-size: 16px;
  cursor: pointer;
}

body.bc-bdm-acting.bc-profile-page .bc-profile-avatar-initials {
  width: 72px;
  height: 72px;
  font-size: 22px;
}

body.bc-bdm-acting.bc-profile-page .form-group label {
  font-size: 13px;
  font-weight: 700;
  color: var(--bc-text);
  margin-bottom: 6px;
}

body.bc-profile-page .form-group input,
body.bc-profile-page .form-group select,
body.bc-profile-page .form-group textarea,
body.bc-manage-business-page .form-group input,
body.bc-manage-business-page .form-group select,
body.bc-manage-business-page .form-group textarea,
body.bc-manage-business-page .pharm-account-group input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.bc-manage-business-page .pharm-account-group select,
body.bc-manage-business-page .pharm-account-group textarea {
  border-radius: var(--bc-input-radius);
  border: var(--bc-input-border);
  background: var(--bc-input-bg);
}

body.bc-profile-page .form-group input,
body.bc-profile-page .form-group select,
body.bc-manage-business-page .form-group input,
body.bc-manage-business-page .form-group select,
body.bc-manage-business-page .pharm-account-group input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.bc-manage-business-page .pharm-account-group select {
  min-height: 44px;
}

body.bc-bdm-acting.bc-profile-page .form-group {
  margin-bottom: 14px;
}

body.bc-bdm-acting.bc-profile-page .flag {
  margin-bottom: 8px;
}

.bc-profile-page .bc-passkey-settings {
  margin-bottom: 18px;
}

.bc-profile-page .bc-passkey-settings .product-switch {
  margin-top: 0;
}

.bc-profile-page .bc-passkey-settings #bcPasskeyHint {
  font-size: 12px;
  line-height: 1.4;
}

.bc-profile-page .bc-passkey-settings--hidden {
  display: none !important;
}

.bc-profile-page .bc-passkey-settings--unsupported .product-switch {
  opacity: 0.5;
}

.bc-profile-page .bc-passkey-settings--update-required {
  opacity: 0.72;
}

.bc-profile-page .bc-passkey-settings--update-required .product-switch,
.bc-profile-page .bc-passkey-settings--update-required .row.mb-20 {
  pointer-events: none;
}

.bc-passkey-update-notice,
.bc-biometric-update-notice {
  font-size: 12px;
  line-height: 1.45;
  color: var(--bc-text-muted);
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: var(--bc-radius-sm);
  background: #f4f6fa;
  border: 1px solid var(--bc-border);
}

.bc-passkey-update-link {
  color: var(--bc-primary);
  font-weight: 600;
  text-decoration: underline;
  white-space: nowrap;
}

.bc-passkey-dev-badge {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 6px;
  border-radius: 999px;
  background: #fff3cd;
  color: #856404;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.bc-login-page .bc-biometric-update-notice {
  margin-top: 12px;
  margin-bottom: 0;
}

/* ── BDM acting — manage business page ─────────────────── */

body.bc-bdm-acting.bc-manage-business-page .pharm-account-group {
  padding-bottom: 24px !important;
}

body.bc-bdm-acting.bc-manage-business-page .pharm-account-group > .mb-20,
body.bc-bdm-acting.bc-manage-business-page .pharm-account-group > .mb-40.mt-20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--bc-border);
}

body.bc-bdm-acting.bc-manage-business-page .pharm-account-group h5 {
  font-size: 15px;
  font-weight: 700;
  color: var(--bc-text);
  margin: 0;
}

body.bc-bdm-acting.bc-manage-business-page .new-products {
  border-bottom: 1px solid var(--bc-border);
  padding: 12px 0;
  margin-bottom: 0 !important;
}

body.bc-bdm-acting.bc-deals-page .sales-nav-row {
  margin-top: 0;
}

body.bc-bdm-acting.bc-deals-page .deals-table-wrapper {
  margin-top: 0 !important;
}

/* ── Deals / Delivery tracking ─────────────────────────── */

.bc-deals-page .sales-nav-row {
  position: relative;
  top: auto;
  height: auto;
  padding: 0;
  background: transparent;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.bc-deals-page .members-nav {
  flex: 1;
  width: auto;
  border: 1.5px solid var(--bc-border);
  border-radius: var(--bc-radius-md);
  padding: 10px;
  background: var(--bc-surface);
}

.bc-deals-page .members-nav.active {
  background: var(--bc-primary);
  border-color: var(--bc-primary);
  color: #fff !important;
}

.bc-deals-page .deals-table-wrapper {
  background: var(--bc-surface);
  border-radius: var(--bc-radius-lg);
  padding: 16px;
  box-shadow: var(--bc-shadow-sm);
}

.bc-delivery-timeline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px 8px;
  margin-bottom: 16px;
  background: var(--bc-bg);
  border-radius: var(--bc-radius-md);
}

.bc-timeline-step {
  flex: 1;
  text-align: center;
  position: relative;
}

.bc-timeline-step::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: var(--bc-border);
  z-index: 0;
}

.bc-timeline-step:last-child::before {
  display: none;
}

.bc-timeline-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--bc-border);
  margin: 0 auto 6px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
}

.bc-timeline-step.active .bc-timeline-dot,
.bc-timeline-step.done .bc-timeline-dot {
  background: var(--bc-primary);
}

.bc-timeline-step.active .bc-timeline-dot {
  box-shadow: 0 0 0 4px rgba(10, 69, 255, 0.2);
}

.bc-timeline-label {
  font-size: 9px;
  font-weight: 600;
  color: var(--bc-text-muted);
  text-transform: uppercase;
}

.bc-timeline-step.active .bc-timeline-label,
.bc-timeline-step.done .bc-timeline-label {
  color: var(--bc-primary);
}

.bc-deal-card {
  background: var(--bc-surface);
  border: 1px solid var(--bc-border);
  border-radius: var(--bc-radius-md);
  padding: 14px;
  margin-bottom: 10px;
}

.bc-deal-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.bc-deal-actions .btn {
  flex: 1;
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--bc-radius-sm);
  padding: 8px 12px;
}

.bc-deals-page .order-tables table.display {
  font-size: 13px;
}

.bc-deals-page .order-tables .dataTables_wrapper {
  overflow-x: auto;
}

.bc-deals-page #bc-delivery-timeline-wrap {
  margin-bottom: 12px;
}

/* ── Shared components ─────────────────────────────────── */

.form-control,
textarea.form-control,
input.form-control,
select.form-control,
.form-select {
  border-radius: var(--bc-input-radius);
}

.btn:not(.btn-rounded):not(.btn-default),
.button:not(.btn-rounded) {
  border-radius: var(--bc-radius-md);
}

.btn-primary {
  background-color: var(--bc-primary) !important;
  border-color: var(--bc-primary) !important;
}

.private-background {
  background-color: var(--bc-accent-soft) !important;
}

.mobile-view {
  display: none !important;
}

.page-content.pt-110 {
  padding-top: 12px !important;
}

.main.pt-95 {
  padding-top: var(--bc-header-total) !important;
}

.pharm-account-group .card {
  border-radius: var(--bc-radius-lg);
  border: none;
  box-shadow: var(--bc-shadow-sm);
}

.section-title.border-left-5px {
  border-left: 4px solid var(--bc-primary);
  padding-left: 12px;
}

.modal-content {
  border-radius: var(--bc-radius-lg);
  border: none;
  box-shadow: var(--bc-shadow-lg);
}

/* App header logo sizing (full wordmark) */
body:not(.bc-login-page) .header-bottom .logo img {
  max-height: 30px;
  width: auto;
  margin-top: 0 !important;
}

/* ── Form field corners (must be last — overrides legacy style.css input rules) ── */

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="image"]),
select,
textarea,
.form-control,
.form-select,
.form-group input,
.form-group select,
.form-group textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-selection__choice,
.flatpickr-input,
input.flatpickr-input {
  border-radius: var(--bc-input-radius) !important;
}