/**
 * BBM Frontend CSS
 * - Flash popup carousel
 * - Membership login / trial / pricing
 */

/* ═══════════════════════════════════════════
   SECTION 1 — BBM FLASH POPUP CAROUSEL
   ═══════════════════════════════════════════ */

.bbm-flash-popup {
  position: fixed;
  bottom: 20px;
  right: 340px;
  z-index: 9999;
  width: 360px;
  font-family: 'DM Sans', sans-serif;
  animation: bbmFlashSlideUp 0.35s ease both;
}

@keyframes bbmFlashSlideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Slide transition */
.bbm-flash-slide {
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 10px;
  overflow: hidden;
  animation: bbmFlashFadeIn 0.3s ease;
}

.bbm-flash-slide-out {
  animation: bbmFlashSlideOut 0.25s ease forwards;
}

@keyframes bbmFlashFadeIn {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes bbmFlashSlideOut {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 0; transform: translateX(-12px); }
}

/* Header */
.bbm-flash-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid #21262d;
}

.bbm-flash-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bbm-flash-label {
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  font-weight: 600;
  color: #e03c3c;
  letter-spacing: 0.5px;
}

.bbm-flash-priority {
  font-size: 10px;
  font-weight: 500;
  padding: 1px 8px;
  border-radius: 20px;
  border: 1px solid;
}

.bbm-flash-actions {
  display: flex;
  gap: 4px;
}

.bbm-flash-collapse,
.bbm-flash-dismiss {
  background: none;
  border: 1px solid #30363d;
  color: #8b949e;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

.bbm-flash-collapse:hover,
.bbm-flash-dismiss:hover {
  color: #e6edf3;
  border-color: #484f58;
  background: #1c2128;
}

/* Tags */
.bbm-flash-tags {
  display: flex;
  gap: 6px;
  padding: 10px 14px 0;
  flex-wrap: wrap;
}

.bbm-flash-tag {
  font-size: 11px;
  color: #8b949e;
  border: 1px solid #30363d;
  border-radius: 20px;
  padding: 2px 9px;
}

.bbm-flash-tag.tone {
  font-weight: 500;
}

/* Content */
.bbm-flash-headline {
  padding: 10px 14px 4px;
  font-size: 13px;
  font-weight: 600;
  color: #e6edf3;
  line-height: 1.4;
}

.bbm-flash-body {
  padding: 0 14px 10px;
  font-size: 12px;
  color: #8b949e;
  line-height: 1.5;
}

/* Impact box */
.bbm-flash-impact {
  margin: 0 14px 10px;
  padding: 8px 10px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 11px;
  color: #e6edf3;
  line-height: 1.4;
}

.bbm-flash-impact-arrow {
  font-weight: 700;
}

/* Meta row */
.bbm-flash-meta {
  display: flex;
  justify-content: space-between;
  padding: 0 14px 8px;
  font-size: 11px;
  color: #484f58;
}

/* Progress bar */
.bbm-flash-progress {
  height: 2px;
  background: #21262d;
  margin: 0 14px 10px;
  border-radius: 2px;
  overflow: hidden;
}

.bbm-flash-progress-bar {
  height: 100%;
  border-radius: 2px;
  transition: width 0.5s ease;
}

/* Navigation */
.bbm-flash-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 14px 8px;
}

.bbm-flash-nav-btn {
  background: none;
  border: 1px solid #30363d;
  color: #8b949e;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

.bbm-flash-nav-btn:hover {
  color: #e6edf3;
  border-color: #484f58;
  background: #1c2128;
}

.bbm-flash-counter {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  color: #484f58;
}

/* Dots */
.bbm-flash-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 0 14px 10px;
}

.bbm-flash-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #30363d;
  cursor: pointer;
  transition: all 0.2s;
}

.bbm-flash-dot.active {
  background: #e03c3c;
  width: 16px;
  border-radius: 3px;
}

.bbm-flash-dot:hover {
  background: #484f58;
}

.bbm-flash-dot.active:hover {
  background: #e03c3c;
}

/* Collapsed state */
.bbm-flash-collapsed {
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 10px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: border-color 0.15s;
}

.bbm-flash-collapsed:hover {
  border-color: #484f58;
}

.bbm-flash-collapsed-count {
  font-size: 12px;
  color: #8b949e;
  flex: 1;
}

.bbm-flash-expand {
  background: none;
  border: 1px solid #30363d;
  color: #8b949e;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bbm-flash-expand:hover {
  color: #e6edf3;
  border-color: #484f58;
}


/* ═══════════════════════════════════════════
   SECTION 2 — MEMBERSHIP AUTH UI
   ═══════════════════════════════════════════ */

.bbm-auth {
  width: 100%;
  max-width: 440px;
  margin: 24px auto;
  box-shadow: 0 24px 80px rgba(4, 10, 20, 0.26);
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 12px;
  overflow: hidden;
  animation: bbmAuthSlideUp 0.3s ease both;
}

@keyframes bbmAuthSlideUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Top bar */
.bbm-auth-topbar {
  background: #1c2128;
  border-bottom: 1px solid #30363d;
  padding: 0 20px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bbm-auth-brand {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bbm-brand-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #28d095;
}

.bbm-brand-name {
  font-family: 'DM Mono', monospace;
  font-size: 13px;
  font-weight: 500;
  color: #e6edf3;
  letter-spacing: 0.5px;
}

.bbm-brand-name em {
  font-style: normal;
}

.bbm-brand-name em:first-child {
  color: #ffffff;
}

.bbm-brand-name em:last-child {
  color: #e03c3c;
}

.bbm-auth-status {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #3B9A2A;
}

.bbm-status-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #3B9A2A;
  animation: bbmPulse 2s infinite;
}

@keyframes bbmPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* Tabs */
.bbm-main-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: #1c2128;
  border-bottom: 1px solid #30363d;
}

.bbm-main-tab {
  padding: 13px 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #8b949e;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.15s;
  text-align: center;
  position: relative;
}

.bbm-main-tab:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: #30363d;
}

.bbm-main-tab:hover {
  color: #e6edf3;
}

.bbm-main-tab.active {
  color: #378ADD;
  border-bottom-color: #378ADD;
  background: #161b22;
}

/* Panels */
.bbm-panel {
  display: none;
  padding: 24px;
}

.bbm-panel.active {
  display: block;
  animation: bbmPanelFade 0.2s ease;
}

@keyframes bbmPanelFade {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Input groups */
.bbm-input-group {
  margin-bottom: 16px;
}

.bbm-input-group label {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: #8b949e;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.bbm-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.bbm-iico {
  position: absolute;
  left: 12px;
  width: 14px;
  height: 14px;
  color: #484f58;
  pointer-events: none;
}

.bbm-input-wrap input {
  width: 100%;
  padding: 11px 12px 11px 36px;
  background: #0d1117;
  border: 1px solid #30363d;
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  color: #e6edf3;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.bbm-input-wrap input::placeholder {
  color: #484f58;
}

.bbm-input-wrap input:focus {
  outline: none;
  border-color: #378ADD;
  box-shadow: 0 0 0 3px rgba(55, 138, 221, 0.15);
}

/* Forgot */
.bbm-forgot-row {
  text-align: right;
  margin-top: -8px;
  margin-bottom: 16px;
}

.bbm-forgot-row a {
  font-size: 12px;
  color: #484f58;
  text-decoration: none;
}

.bbm-forgot-row a:hover {
  color: #378ADD;
}

/* Trial banner */
.bbm-trial-banner {
  background: #1c2128;
  border: 1px solid #30363d;
  border-left: 2px solid #3B9A2A;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.bbm-trial-banner svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 1px;
  color: #3B9A2A;
}

.bbm-trial-banner p {
  font-size: 12px;
  color: #8b949e;
  line-height: 1.5;
}

.bbm-trial-banner strong {
  color: #e6edf3;
  font-weight: 500;
}

/* Buttons */
.bbm-btn {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.15s, transform 0.1s;
  margin-top: 6px;
  background: #378ADD;
}

.bbm-btn:hover {
  opacity: 0.88;
}

.bbm-btn:active {
  transform: scale(0.99);
}

.bbm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.bbm-btn-bull {
  background: #3B9A2A;
}

/* Registration consent row (interactive — needs readable contrast on #161b22) */
.bbm-consent-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 4px;
}
.bbm-consent-row input[type="checkbox"] {
  accent-color: #378ADD;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}
.bbm-consent-label {
  color: #c9d1d9;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.bbm-consent-label a {
  color: #378ADD;
  text-decoration: none;
  font-weight: 500;
}

/* Panel footer */
.bbm-panel-footer {
  text-align: center;
  font-size: 12px;
  color: #484f58;
  margin-top: 16px;
}

.bbm-panel-footer a {
  color: #378ADD;
  text-decoration: none;
  font-weight: 500;
}

/* Form error */
.bbm-form-error {
  margin-top: 12px;
  padding: 8px 12px;
  background: rgba(224, 60, 60, 0.08);
  border: 1px solid rgba(224, 60, 60, 0.25);
  border-radius: 6px;
  font-size: 12px;
  color: #e03c3c;
  text-align: center;
}

/* ── Pricing ── */

.bbm-pricing-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: #1c2128;
  border: 1px solid #30363d;
  border-radius: 8px;
  padding: 4px;
  gap: 3px;
  margin-bottom: 20px;
}

.bbm-ptab {
  padding: 8px 0;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #8b949e;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
  text-align: center;
  position: relative;
}

.bbm-ptab.active {
  background: #161b22;
  color: #e6edf3;
  border: 1px solid #30363d;
}

.bbm-ptab:not(.active):hover {
  color: #e6edf3;
}

.bbm-save-badge {
  position: absolute;
  top: -8px;
  right: -4px;
  font-size: 9px;
  font-weight: 600;
  background: #1a2a1a;
  color: #3B9A2A;
  border: 1px solid #3B9A2A;
  padding: 1px 5px;
  border-radius: 20px;
  white-space: nowrap;
}

/* Plan cards */
.bbm-plan-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bbm-plan-card {
  background: #1c2128;
  border: 1px solid #30363d;
  border-radius: 8px;
  padding: 14px 16px 14px 44px;
  cursor: pointer;
  transition: border-color 0.15s;
  position: relative;
}

.bbm-plan-card:hover {
  border-color: #484f58;
}

.bbm-plan-card.selected {
  border-color: #378ADD;
  background: #0f1c2e;
}

.bbm-plan-card.featured {
  border-color: #f0a500;
}

.bbm-plan-card.featured.selected {
  background: #1c1600;
}

/* Radio */
.bbm-plan-radio {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #30363d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bbm-plan-card.selected .bbm-plan-radio {
  border-color: #378ADD;
}

.bbm-plan-card.featured.selected .bbm-plan-radio {
  border-color: #f0a500;
}

.bbm-plan-radio-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: none;
}

.bbm-plan-card.selected .bbm-plan-radio-dot {
  display: block;
  background: #378ADD;
}

.bbm-plan-card.featured.selected .bbm-plan-radio-dot {
  background: #f0a500;
}

.bbm-plan-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}

.bbm-plan-name {
  font-size: 13px;
  font-weight: 600;
  color: #e6edf3;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.bbm-popular-tag {
  font-size: 10px;
  font-weight: 500;
  background: rgba(240, 165, 0, 0.12);
  color: #f0a500;
  border: 1px solid #f0a500;
  padding: 1px 7px;
  border-radius: 20px;
}

.bbm-plan-price {
  text-align: right;
}

.bbm-amount {
  font-family: 'DM Mono', monospace;
  font-size: 20px;
  font-weight: 500;
  color: #e6edf3;
}

.bbm-per {
  font-size: 11px;
  color: #484f58;
}

.bbm-was {
  font-size: 11px;
  color: #484f58;
  text-decoration: line-through;
  margin-right: 4px;
}

.bbm-saving {
  font-size: 11px;
  color: #3B9A2A;
  font-weight: 500;
}

.bbm-plan-features {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.bbm-feat-tag {
  font-size: 10px;
  color: #8b949e;
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 4px;
  padding: 2px 7px;
}

.bbm-feat-tag.hi {
  color: #378ADD;
  background: #0d1c30;
  border-color: #1e3a5a;
}

/* Includes list */
.bbm-includes-list {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bbm-inc-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #8b949e;
}

.bbm-inc-row svg {
  width: 12px;
  height: 12px;
  color: #3B9A2A;
  flex-shrink: 0;
}

/* CTA */
.bbm-pricing-cta {
  margin-top: 16px;
}

.bbm-pricing-cta .bbm-btn {
  margin-top: 0;
}

.bbm-pricing-note {
  text-align: center;
  font-size: 11px;
  color: #484f58;
  margin-top: 10px;
}

/* Bottom bar */
.bbm-auth-bottombar {
  background: #1c2128;
  border-top: 1px solid #30363d;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bbm-auth-bottombar span {
  font-size: 11px;
  color: #484f58;
}

.bbm-secure-badges {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bbm-sec-badge {
  font-size: 10px;
  color: #484f58;
  display: flex;
  align-items: center;
  gap: 4px;
}

.bbm-sec-badge svg {
  width: 11px;
  height: 11px;
}


/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */

@media (max-width: 1200px) {
  .bbm-flash-popup {
    right: 20px;
  }
}

@media (max-width: 768px) {
  .bbm-flash-popup {
    right: 10px;
    left: 10px;
    width: auto;
    bottom: 10px;
  }

  .bbm-auth {
    max-width: 100%;
    border-radius: 10px;
  }
}


#bbm-membership {
  width: 100%;
  padding: 24px 16px;
  box-sizing: border-box;
}

#bbm-frontend-root {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  min-height: 100vh;
  background: #0f141d;
  box-sizing: border-box;
}

.bbm-terminal {
  font-family: 'DM Sans', sans-serif;
  color: #e8eef9;
  background: #0f141d;
  border: none;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  min-height: 100vh;
}

.bbm-terminal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 28px;
  background: #161d28;
  border-bottom: 1px solid #2a3240;
}

.bbm-terminal__brand {
  font-size: 20px;
  font-weight: 700;
  color: #f7fbff;
}

.bbm-terminal__updated {
  font-size: 12px;
  color: #98acd2;
  white-space: nowrap;
}

.bbm-terminal__layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 384px;
  min-height: 720px;
}

.bbm-terminal__sidebar {
  background: #151b24;
  border-right: 1px solid #2a3240;
}

.bbm-currency-nav {
  display: flex;
  flex-direction: column;
}

.bbm-currency-tab {
  appearance: none;
  border: 0;
  border-bottom: 1px solid #202836;
  background: transparent;
  color: #b6c8ea;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 20px 20px;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}

.bbm-currency-tab:hover {
  background: #1c2430;
  color: #f5f8ff;
}

.bbm-currency-tab.active {
  background: #1d2634;
  color: #2f8fff;
  box-shadow: inset 3px 0 0 #2f8fff;
}

.bbm-terminal__main {
  background: #0f141d;
  transition: opacity 0.2s ease;
}

.bbm-terminal__signals-panel {
  background: #151b24;
  border-left: 1px solid #2a3240;
}

.bbm-terminal__panel-title {
  padding: 24px 28px;
  font-size: 16px;
  font-weight: 600;
  color: #f7fbff;
  border-bottom: 1px solid #2a3240;
}

#bbm-terminal-policy,
#bbm-terminal-signals {
  padding: 24px;
}

.bbm-policy-card {
  background: #171f2b;
  border: 1px solid #2c3546;
  border-radius: 18px;
  overflow: hidden;
}

.bbm-policy-card__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
}

.bbm-policy-card__bank {
  font-size: 22px;
  font-weight: 700;
  color: #f7fbff;
  margin-bottom: 8px;
}

.bbm-policy-card__governor {
  font-size: 14px;
  color: #9ab0d8;
}

.bbm-policy-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.bbm-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid #2f8fff;
  color: #2f8fff;
  background: rgba(47, 143, 255, 0.08);
  font-size: 13px;
  font-weight: 600;
}

.bbm-chip--bullish {
  border-color: rgba(40, 208, 149, 0.45);
  color: #28d095;
  background: rgba(40, 208, 149, 0.08);
}

.bbm-chip--bearish {
  border-color: rgba(255, 96, 121, 0.45);
  color: #ff6079;
  background: rgba(255, 96, 121, 0.08);
}

.bbm-chip--neutral {
  border-color: rgba(255, 169, 43, 0.45);
  color: #ffa92b;
  background: rgba(255, 169, 43, 0.08);
}

.bbm-rate-ring {
  width: 132px;
  height: 132px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 4px solid #2f8fff;
  background: radial-gradient(circle at top, rgba(47, 143, 255, 0.16), rgba(47, 143, 255, 0.04));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bbm-rate-ring span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ab0d8;
  margin-bottom: 6px;
}

.bbm-rate-ring strong {
  font-size: 22px;
  color: #ffffff;
}

.bbm-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #2c3546;
  border-bottom: 1px solid #2c3546;
  background: #1c2431;
}

.bbm-policy-stat {
  padding: 22px 24px;
  border-right: 1px solid #2c3546;
}

.bbm-policy-stat:last-child {
  border-right: 0;
}

.bbm-policy-stat span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #90a6ca;
  margin-bottom: 8px;
}

.bbm-policy-stat__value {
  font-size: 16px;
  line-height: 1.4;
  color: #ffffff;
}

.bbm-policy-stat__value--bullish {
  color: #28d095;
}

.bbm-policy-stat__value--bearish {
  color: #ff6079;
}

.bbm-policy-stat__value--neutral {
  color: #ffa92b;
}

.bbm-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 24px;
}

.bbm-metric-card {
  background: #1b2432;
  border: 1px solid #2e374a;
  border-radius: 16px;
  padding: 18px;
  min-height: 148px;
}

.bbm-metric-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #9ab0d8;
}

.bbm-metric-card__icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #101722;
  color: #2f8fff;
  font-size: 13px;
}

.bbm-metric-card__value {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}

.bbm-metric-card__description {
  font-size: 13px;
  line-height: 1.55;
  color: #93a7ca;
}

.bbm-policy-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 24px 24px;
}

.bbm-policy-note {
  background: #121925;
  border: 1px solid #2b3342;
  border-radius: 14px;
  padding: 16px;
}

.bbm-policy-note span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #90a6ca;
  margin-bottom: 8px;
}

.bbm-policy-note p {
  font-size: 13px;
  line-height: 1.65;
  color: #d3def4;
}

.bbm-signal-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 999px;
  border: 1px solid #2b3342;
  background: #1c2431;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 18px;
}

.bbm-signal-summary__currency {
  font-size: 14px;
  color: #9ab0d8;
}

.bbm-signal-summary__score {
  font-size: 18px;
}

.bbm-signal-table__head,
.bbm-signal-row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) 72px 110px;
  align-items: center;
  gap: 16px;
}

.bbm-signal-table__head {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #90a6ca;
  padding: 0 0 14px;
}

.bbm-signal-row {
  padding: 18px 0;
  border-top: 1px solid #252e3e;
}

.bbm-signal-row__pair {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.bbm-signal-pair-text {
  font-family: 'DM Mono', monospace;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

.bbm-signal-avatar {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
}

.bbm-signal-avatar--bullish {
  background: linear-gradient(135deg, #38d39f, #1fa375);
}

.bbm-signal-avatar--bearish {
  background: linear-gradient(135deg, #ff7a8d, #e24d63);
}

.bbm-signal-avatar--neutral {
  background: linear-gradient(135deg, #7c87a4, #5f6b87);
}

.bbm-signal-row__score {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.bbm-bias-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 102px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 600;
}

.bbm-bias-tag--bullish {
  color: #28d095;
  background: rgba(40, 208, 149, 0.08);
  border-color: rgba(40, 208, 149, 0.28);
}

.bbm-bias-tag--bearish {
  color: #ff6079;
  background: rgba(255, 96, 121, 0.08);
  border-color: rgba(255, 96, 121, 0.28);
}

.bbm-bias-tag--neutral {
  color: #90a6ca;
  background: rgba(144, 166, 202, 0.08);
  border-color: rgba(144, 166, 202, 0.24);
}

.bbm-text--bullish {
  color: #28d095;
}

.bbm-text--bearish {
  color: #ff6079;
}

.bbm-text--neutral {
  color: #90a6ca;
}

.bbm-terminal-state {
  border: 1px solid #2b3342;
  border-radius: 16px;
  background: #171f2b;
  color: #9ab0d8;
  padding: 24px;
  font-size: 14px;
}

.bbm-terminal-state--compact {
  margin-top: 8px;
}

@media (max-width: 1380px) {
  .bbm-terminal__layout {
    grid-template-columns: 220px minmax(0, 1fr) 330px;
  }
}

@media (max-width: 1180px) {
  .bbm-terminal__layout {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .bbm-terminal__signals-panel {
    grid-column: 1 / -1;
    border-left: 0;
    border-top: 1px solid #2a3240;
  }
}

@media (max-width: 900px) {
  .bbm-terminal__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .bbm-terminal__layout {
    grid-template-columns: 1fr;
  }

  .bbm-terminal__sidebar {
    border-right: 0;
    border-bottom: 1px solid #2a3240;
  }

  .bbm-currency-nav {
    flex-direction: row;
    overflow-x: auto;
  }

  .bbm-currency-tab {
    min-width: 82px;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid #202836;
    padding: 16px 14px;
  }

  .bbm-currency-tab.active {
    box-shadow: inset 0 -3px 0 #2f8fff;
  }

  .bbm-policy-card__hero,
  .bbm-policy-strip,
  .bbm-metric-grid,
  .bbm-policy-notes {
    grid-template-columns: 1fr;
  }

  .bbm-policy-card__hero {
    flex-direction: column;
    align-items: stretch;
  }

  .bbm-rate-ring {
    width: 116px;
    height: 116px;
  }
} 
/* ═══════════════════════════════════════════
   SECTION 3 — REGIME HISTORY DRAWER
   ═══════════════════════════════════════════ */

/* History Drawer Container */
.bbm-history-drawer {
  background: #0f141d;
  border: 1px solid #2a3240;
  border-radius: 12px;
  margin: 8px 0 16px 0;
  overflow: hidden;
  animation: bbmDrawerSlideDown 0.25s ease;
}

@keyframes bbmDrawerSlideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bbm-history-drawer__inner {
  padding: 20px;
}

/* History Title */
.bbm-history-title {
  font-size: 14px;
  font-weight: 600;
  color: #e6edf3;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #2a3240;
}

/* Sparkline Row */
.bbm-spark-row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.bbm-spark-dot {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  display: inline-block;
}

.bbm-spark-dot--bullish {
  background: #28d095;
}

.bbm-spark-dot--bearish {
  background: #ff6079;
}

.bbm-spark-dot--neutral {
  background: #6b7280;
}

.bbm-spark-dur {
  font-size: 11px;
  font-weight: 600;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 4px;
}

.bbm-spark-dur--bullish {
  background: rgba(40, 208, 149, 0.15);
  color: #28d095;
}

.bbm-spark-dur--bearish {
  background: rgba(255, 96, 121, 0.15);
  color: #ff6079;
}

.bbm-spark-dur--neutral {
  background: rgba(107, 114, 128, 0.15);
  color: #9ca3af;
}

/* Timeline Wrapper */
.bbm-tl-wrap {
  margin-bottom: 20px;
}

.bbm-tl-bar {
  display: flex;
  height: 28px;
  border-radius: 6px;
  overflow: hidden;
  background: #1a202c;
}

.bbm-tl-seg {
  height: 100%;
  transition: all 0.2s;
}

.bbm-tl-seg--bullish {
  background: #28d095;
}

.bbm-tl-seg--bearish {
  background: #ff6079;
}

.bbm-tl-seg--neutral {
  background: #6b7280;
}

.bbm-tl-dates {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: #8b949e;
  margin-top: 6px;
}

/* Phase Header */
.bbm-phase-header {
  display: grid;
  grid-template-columns: 80px 1fr 60px 80px;
  gap: 12px;
  padding: 10px 0;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #8b949e;
  border-bottom: 1px solid #2a3240;
  margin-bottom: 8px;
}

/* Phase List */
.bbm-phase-list {
  max-height: 300px;
  overflow-y: auto;
}

.bbm-phase-row {
  display: grid;
  grid-template-columns: 80px 1fr 60px 80px;
  gap: 12px;
  padding: 10px 0;
  font-size: 12px;
  align-items: center;
  border-bottom: 1px solid #1a202c;
}

.bbm-phase-row--active {
  background: rgba(55, 138, 221, 0.08);
  border-radius: 6px;
  margin: 2px 0;
}

.bbm-phase-status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.bbm-phase-status--bullish {
  color: #28d095;
}

.bbm-phase-status--bearish {
  color: #ff6079;
}

.bbm-phase-status--neutral {
  color: #9ca3af;
}

.bbm-phase-active-pip {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #378ADD;
  display: inline-block;
  animation: bbmPulse 1.5s infinite;
}

.bbm-phase-period {
  color: #e6edf3;
}

.bbm-phase-score {
  font-family: 'DM Mono', monospace;
  font-weight: 600;
}

.bbm-phase-dur {
  font-size: 11px;
  color: #8b949e;
}

.bbm-phase-counting {
  font-size: 9px;
  color: #378ADD;
  margin-left: 4px;
}

/* Run Note */
.bbm-run-note {
  margin-top: 16px;
  padding: 12px;
  border-radius: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.bbm-run-note--bullish {
  background: rgba(40, 208, 149, 0.08);
  border-left: 3px solid #28d095;
  color: #28d095;
}

.bbm-run-note--bearish {
  background: rgba(255, 96, 121, 0.08);
  border-left: 3px solid #ff6079;
  color: #ff6079;
}

.bbm-run-note--neutral {
  background: rgba(107, 114, 128, 0.08);
  border-left: 3px solid #9ca3af;
  color: #9ca3af;
}

.bbm-run-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.bbm-run-dot--bullish {
  background: #28d095;
  box-shadow: 0 0 6px #28d095;
}

.bbm-run-dot--bearish {
  background: #ff6079;
  box-shadow: 0 0 6px #ff6079;
}

.bbm-run-dot--neutral {
  background: #9ca3af;
}

/* Loading & Empty States */
.bbm-history-loading {
  text-align: center;
  padding: 30px;
  color: #8b949e;
  font-size: 13px;
}

.bbm-history-empty {
  text-align: center;
  padding: 30px;
  color: #8b949e;
  font-size: 13px;
  font-style: italic;
}

.bbm-history-error {
  text-align: center;
  padding: 30px;
  color: #ff6079;
  font-size: 13px;
}

/* Open state for signal row */
.signal-row--open {
  background: rgba(55, 138, 221, 0.05);
  border-radius: 8px;
  margin-bottom: 0;
}

/* Scrollbar for phase list */
.bbm-phase-list::-webkit-scrollbar {
  width: 4px;
}

.bbm-phase-list::-webkit-scrollbar-track {
  background: #1a202c;
  border-radius: 4px;
}

.bbm-phase-list::-webkit-scrollbar-thumb {
  background: #2a3240;
  border-radius: 4px;
}

.bbm-phase-list::-webkit-scrollbar-thumb:hover {
  background: #378ADD;
}


/* ═══════════════════════════════════════════
   SECTION 4 — CUSTOM MODAL SYSTEM
   ═══════════════════════════════════════════ */

.bbm-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: bbmModalFadeIn 0.2s ease;
}

@keyframes bbmModalFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.bbm-modal {
  width: 100%;
  max-width: 440px;
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(4, 10, 20, 0.5);
  animation: bbmModalSlideUp 0.25s ease both;
}

@keyframes bbmModalSlideUp {
  from { opacity: 0; transform: translateY(20px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.bbm-modal-header {
  background: #1c2128;
  border-bottom: 1px solid #30363d;
  padding: 0 20px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bbm-modal-brand {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bbm-modal-close {
  background: none;
  border: 1px solid #30363d;
  color: #8b949e;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

.bbm-modal-close:hover {
  color: #e6edf3;
  border-color: #484f58;
  background: #1c2128;
}

.bbm-modal-body {
  padding: 24px;
}

.bbm-modal-title {
  font-size: 18px;
  font-weight: 600;
  color: #e6edf3;
  margin: 0 0 6px;
}

.bbm-modal-subtitle {
  font-size: 13px;
  color: #8b949e;
  margin: 0 0 20px;
  line-height: 1.5;
}

/* ═══════════════════════════════════════════
   TOAST NOTIFICATION SYSTEM
   ═══════════════════════════════════════════ */

.bbm-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10001;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 10px;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  color: #e6edf3;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.bbm-toast--visible {
  transform: translateX(0);
  opacity: 1;
}

.bbm-toast--success {
  border-color: rgba(40, 208, 149, 0.4);
}

.bbm-toast--success .bbm-toast-icon {
  color: #28d095;
  background: rgba(40, 208, 149, 0.12);
}

.bbm-toast--error {
  border-color: rgba(224, 60, 60, 0.4);
}

.bbm-toast--error .bbm-toast-icon {
  color: #e03c3c;
  background: rgba(224, 60, 60, 0.12);
}

.bbm-toast--info {
  border-color: rgba(47, 143, 255, 0.4);
}

.bbm-toast--info .bbm-toast-icon {
  color: #2f8fff;
  background: rgba(47, 143, 255, 0.12);
}

.bbm-toast-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════
   FLOATING "GO TO DASHBOARD" LINK
   ═══════════════════════════════════════════ */

.bbm-dashboard-float-link {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: #161b22;
  border: 1px solid #28d095;
  border-radius: 999px;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #28d095;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
  animation: bbmFloatPulse 3s ease-in-out infinite;
}

.bbm-dashboard-float-link:hover {
  background: #1c2128;
  border-color: #28d095;
  color: #28d095;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(40, 208, 149, 0.2);
}

@keyframes bbmFloatPulse {
  0%, 100% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); }
  50% { box-shadow: 0 8px 24px rgba(40, 208, 149, 0.15); }
}

.bbm-float-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #28d095;
  animation: bbmPulse 2s infinite;
}

@media (max-width: 768px) {
  .bbm-modal {
    max-width: calc(100% - 32px);
    margin: 16px;
  }

  .bbm-toast {
    right: 10px;
    left: 10px;
    max-width: none;
  }

  .bbm-dashboard-float-link {
    bottom: 10px;
    left: 10px;
    font-size: 11px;
    padding: 8px 14px;
  }
}

/* ════════════════════════════════════════════════════════════════════════════
   v2.4 — Decision Engine middle panel + smooth currency-switch transitions
   ════════════════════════════════════════════════════════════════════════════ */
.bbm-terminal__main, .bbm-terminal__signals-panel {
  transition: opacity 160ms ease;
  opacity: 1;
}
.bbm-terminal__main.bbm-fading, .bbm-terminal__signals-panel.bbm-fading {
  opacity: 0.18;
}
.bbm-currency-tab { transition: background 120ms ease, color 120ms ease, border-color 120ms ease; }

.bbm-de-wrap { display: flex; flex-direction: column; gap: 16px; }
.bbm-de-card {
  background: #121a2b; border: 1px solid #1f2a40; border-radius: 14px;
  padding: 18px 20px; box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}
.bbm-de-hero { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.bbm-de-section-title {
  font-size: 11px; text-transform: uppercase; letter-spacing: 1px;
  color: #8aa0c6; margin-bottom: 10px; font-weight: 600;
}
.bbm-de-badge {
  display: inline-block; padding: 6px 14px; border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.5px;
}
.bbm-de-badge-red    { background: rgba(255,107,107,0.15); color: #ff6b6b; }
.bbm-de-badge-green  { background: rgba(0,212,163,0.15);   color: #00d4a3; }
.bbm-de-badge-neutral{ background: rgba(138,160,198,0.15); color: #8aa0c6; }
.bbm-de-sub { color: #8aa0c6; margin: 8px 0 0; font-size: 13px; line-height: 1.5; }
.bbm-de-rate { text-align: right; }
.bbm-de-rate-label { font-size: 11px; color: #8aa0c6; text-transform: uppercase; letter-spacing: 1px; }
.bbm-de-rate-value { font-size: 28px; font-weight: 700; color: #e6edf3; margin-top: 4px; }

.bbm-de-timeline { display: flex; justify-content: space-between; text-align: center; gap: 12px; }
.bbm-de-timeline > div { flex: 1; padding: 10px; background: #0f1625; border-radius: 8px; }
.bbm-de-timeline strong { color: #e6edf3; display: block; font-size: 12px; margin-bottom: 4px; }
.bbm-de-tl-rate { color: #e6edf3; font-size: 18px; font-weight: 700; }
.bbm-de-tl-tone { font-size: 11px; }

.bbm-de-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.bbm-de-factor { background: #0f1625; padding: 14px; border-radius: 10px; }
.bbm-de-factor-name { font-size: 12px; color: #e6edf3; font-weight: 600; }

.bbm-de-bar { height: 6px; background: #1f2a40; border-radius: 10px; overflow: hidden; margin-top: 8px; display: flex; }
.bbm-de-fill { height: 100%; transition: width 280ms ease; }
.bbm-de-red    { background: #ff6b6b; }
.bbm-de-green  { background: #00d4a3; }
.bbm-de-neutral{ background: #6b7a99; }
.bbm-de-split { height: 12px; }

.bbm-de-meter { margin-bottom: 14px; }
.bbm-de-meter-label { font-size: 12px; color: #8aa0c6; margin-bottom: 4px; }
.bbm-de-net-row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.bbm-de-net-row span { color: #8aa0c6; font-size: 13px; }
.bbm-de-net-row strong { font-size: 26px; font-weight: 700; }
.bbm-de-text-red    { color: #ff6b6b; }
.bbm-de-text-green  { color: #00d4a3; }
.bbm-de-text-neutral{ color: #8aa0c6; }

.bbm-de-list { margin: 0; padding: 0; list-style: none; }
.bbm-de-list li {
  background: #0f1625; padding: 10px 14px; border-radius: 8px;
  color: #e6edf3; font-size: 13px; margin-bottom: 8px; line-height: 1.5;
}
.bbm-de-list li:last-child { margin-bottom: 0; }

@media (max-width: 720px) {
  .bbm-de-hero { flex-direction: column; align-items: flex-start; }
  .bbm-de-rate { text-align: left; }
  .bbm-de-grid-3 { grid-template-columns: 1fr; }
  .bbm-de-timeline { flex-direction: column; }
}

/* ════════════════════════════════════════════════════════════════════════════
   v2.4 — Member Dashboard (redesigned per user spec)
   ════════════════════════════════════════════════════════════════════════════ */
.bbm-dash {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color: #e6edf3; max-width: 1100px; margin: 0 auto; padding: 24px 16px;
}
.bbm-dash-card {
  background: #121a2b; border: 1px solid #1f2a40; border-radius: 14px;
  padding: 20px 22px; margin-bottom: 18px;
}
.bbm-dash-header { display: flex; align-items: center; gap: 16px; }
.bbm-dash-avatar {
  width: 56px; height: 56px; border-radius: 50%;
  background: linear-gradient(135deg, #2f8fff, #0066cc);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 22px; flex-shrink: 0;
}
.bbm-dash-name { font-size: 20px; font-weight: 700; color: #fff; }
.bbm-dash-email { color: #8aa0c6; font-size: 13px; margin-top: 2px; }
.bbm-dash-meta { color: #6b7a99; font-size: 12px; margin-top: 2px; }

.bbm-kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.bbm-kpi { background: #121a2b; border: 1px solid #1f2a40; border-radius: 12px; padding: 16px 18px; }
.bbm-kpi-label { font-size: 11px; color: #8aa0c6; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 600; }
.bbm-kpi-value { font-size: 22px; font-weight: 700; color: #fff; margin: 6px 0 2px; }
.bbm-kpi-sub { font-size: 12px; color: #8aa0c6; }

.bbm-plan-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.bbm-plan-info h3 { margin: 0 0 4px; color: #fff; font-size: 16px; }
.bbm-plan-info p { margin: 0; color: #8aa0c6; font-size: 13px; }
.bbm-cancel-btn {
  background: transparent; border: 1px solid #ef4444; color: #ef4444;
  padding: 8px 16px; border-radius: 8px; font-size: 13px; cursor: pointer; font-weight: 600;
}
.bbm-cancel-btn:hover { background: rgba(239,68,68,0.1); }

.bbm-upgrade-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
.bbm-upgrade-tier {
  background: #0f1625; border: 1px solid #1f2a40; border-radius: 12px;
  padding: 18px; text-align: center;
}
.bbm-upgrade-tier h4 { margin: 0; color: #8aa0c6; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.bbm-upgrade-tier .price { font-size: 28px; font-weight: 700; color: #fff; margin: 10px 0; }
.bbm-upgrade-btn {
  background: linear-gradient(135deg, #2f8fff, #0066cc); color: #fff;
  border: 0; padding: 10px 20px; border-radius: 8px; font-weight: 600;
  cursor: pointer; width: 100%; font-size: 13px;
}
.bbm-upgrade-btn:hover { filter: brightness(1.1); }

.bbm-settings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.bbm-setting-tile {
  background: #0f1625; border: 1px solid #1f2a40; border-radius: 12px;
  padding: 16px; display: flex; flex-direction: column; justify-content: space-between;
}
.bbm-setting-tile h4 { margin: 0 0 4px; color: #fff; font-size: 14px; }
.bbm-setting-tile p { margin: 0 0 12px; color: #8aa0c6; font-size: 12px; }
.bbm-setting-action {
  background: transparent; border: 1px solid #2f8fff; color: #2f8fff;
  padding: 6px 12px; border-radius: 6px; font-size: 12px; cursor: pointer; align-self: flex-start;
}
.bbm-setting-tile.danger .bbm-setting-action { border-color: #ef4444; color: #ef4444; }

.bbm-journal-cta {
  display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
}
.bbm-journal-cta-info h3 { margin: 0 0 4px; color: #fff; font-size: 16px; }
.bbm-journal-cta-info p  { margin: 0; color: #8aa0c6; font-size: 13px; }
.bbm-journal-cta a {
  background: linear-gradient(135deg, #2f8fff, #0066cc); color: #fff;
  text-decoration: none; padding: 10px 18px; border-radius: 8px; font-weight: 600; font-size: 13px;
}

@media (max-width: 720px) {
  .bbm-kpi-row, .bbm-upgrade-grid, .bbm-settings-grid { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════════════════════
   v2.4 — Swing Trading Journal page
   ════════════════════════════════════════════════════════════════════════════ */
.bbm-jrn { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color: #e6edf3; max-width: 1200px; margin: 0 auto; padding: 24px 16px; }
.bbm-jrn-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; gap: 14px; flex-wrap: wrap; }
.bbm-jrn h1 { margin: 0; color: #fff; font-size: 24px; }
.bbm-jrn-actions { display: flex; gap: 10px; }
.bbm-jrn-btn {
  background: linear-gradient(135deg, #2f8fff, #0066cc); color: #fff;
  border: 0; padding: 9px 16px; border-radius: 8px; font-weight: 600; cursor: pointer; font-size: 13px;
}
.bbm-jrn-btn.ghost { background: transparent; border: 1px solid #2f8fff; color: #2f8fff; }
.bbm-jrn-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 18px; }
.bbm-jrn-stat {
  background: #121a2b; border: 1px solid #1f2a40; border-radius: 12px; padding: 14px 16px;
  position: relative; overflow: hidden;
}
.bbm-jrn-stat::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #2a3550;
}
.bbm-jrn-stat--pos::before { background: #00d4a3; }
.bbm-jrn-stat--neg::before { background: #ff6b6b; }
.bbm-jrn-stat--pos { border-color: rgba(0,212,163,0.35); }
.bbm-jrn-stat--neg { border-color: rgba(255,107,107,0.35); }
.bbm-jrn-stat--pos .bbm-jrn-stat-value { color: #00d4a3; }
.bbm-jrn-stat--neg .bbm-jrn-stat-value { color: #ff6b6b; }
.bbm-jrn-stat-label { font-size: 10px; color: #8aa0c6; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 600; }
.bbm-jrn-stat-value { font-size: 22px; font-weight: 700; color: #fff; margin-top: 4px; }
.bbm-jrn-stat-sub { font-size: 11px; color: #8aa0c6; margin-top: 2px; }
.bbm-jrn-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; align-items: center; }
.bbm-jrn-filters select, .bbm-jrn-filters input {
  background: #0f1625; border: 1px solid #1f2a40; color: #e6edf3;
  padding: 7px 10px; border-radius: 6px; font-size: 13px;
}
.bbm-jrn-pills { display: inline-flex; gap: 6px; }
.bbm-jrn-pill {
  background: #0f1625; border: 1px solid #1f2a40; color: #8aa0c6;
  padding: 6px 14px; border-radius: 999px; cursor: pointer; font-size: 12px; font-weight: 600;
}
.bbm-jrn-pill.active { background: #2f8fff; border-color: #2f8fff; color: #fff; }
.bbm-jrn-table-wrap { background: #121a2b; border: 1px solid #1f2a40; border-radius: 12px; overflow: hidden; }
.bbm-jrn-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bbm-jrn-table th, .bbm-jrn-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid #1f2a40; }
.bbm-jrn-table th { background: #0f1625; color: #8aa0c6; text-transform: uppercase; font-size: 10px; letter-spacing: 0.8px; font-weight: 700; }
.bbm-jrn-table tr:last-child td { border-bottom: 0; }
.bbm-jrn-table tr:hover { background: #0f1625; cursor: pointer; }
.bbm-jrn-out-win  { color: #00d4a3; font-weight: 700; }
.bbm-jrn-out-loss { color: #ff6b6b; font-weight: 700; }
.bbm-jrn-out-open { color: #8aa0c6; font-weight: 600; }
.bbm-jrn-modal-bg {
  position: fixed; inset: 0; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 99999;
}
.bbm-jrn-modal {
  background: #121a2b; border: 1px solid #1f2a40; border-radius: 14px;
  width: 92%; max-width: 720px; max-height: 92vh; overflow-y: auto; padding: 24px;
}
.bbm-jrn-modal h2 { margin: 0 0 18px; color: #fff; font-size: 20px; }
.bbm-jrn-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bbm-jrn-form .full { grid-column: 1 / -1; }
.bbm-jrn-form label { display: block; font-size: 11px; color: #8aa0c6; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
.bbm-jrn-form input, .bbm-jrn-form select, .bbm-jrn-form textarea {
  width: 100%; box-sizing: border-box; background: #0f1625; border: 1px solid #1f2a40;
  color: #e6edf3; padding: 9px 11px; border-radius: 8px; font-size: 13px; font-family: inherit;
}
.bbm-jrn-form textarea { min-height: 80px; resize: vertical; }
.bbm-jrn-modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.bbm-jrn-equity { background: #121a2b; border: 1px solid #1f2a40; border-radius: 12px; padding: 16px; margin-bottom: 16px; }
.bbm-jrn-equity-svg { width: 100%; height: 200px; display: block; }

@media (max-width: 720px) {
  .bbm-jrn-stats { grid-template-columns: repeat(2, 1fr); }
  .bbm-jrn-form { grid-template-columns: 1fr; }
  .bbm-jrn-table th:nth-child(n+5), .bbm-jrn-table td:nth-child(n+5) { display: none; }
}

/* ─────────────────────────────────────────────────────────────────────────
 * BBM MEMBER DASHBOARD — Firm layout (v2.5.0)
 * Replaces the previous floating-card design. No drop shadows.
 * ───────────────────────────────────────────────────────────────────────── */
.bbm-mem { width: 100vw; position: relative; left: 50%; margin-left: -50vw;
  padding: 24px 16px 56px; color: #e6edf3;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #0b1118; }
.bbm-mem > * { max-width: 1600px; margin-left: auto; margin-right: auto; }
.bbm-mem-topbar { display:flex; align-items:center; justify-content:space-between;
  padding:14px 18px; border:1px solid #1f2a37; background:#0f141d; margin-bottom:18px; }
.bbm-mem-brand { font-weight:600; font-size:14px; color:#cbd5e1; display:flex; align-items:center; gap:10px;
  text-decoration:none; cursor:pointer; }
.bbm-mem-brand:hover { color:#f7fbff; }
.bbm-mem-dot { width:8px; height:8px; border-radius:50%; background:#2f8fff; display:inline-block; }
.bbm-mem-row { display:grid; grid-template-columns: 1fr 1.4fr; gap:16px; margin-bottom:16px; }
@media (max-width: 900px){ .bbm-mem-row { grid-template-columns: 1fr; } }
.bbm-mem-card { background:#0f141d; border:1px solid #1f2a37; padding:18px 20px; }
.bbm-mem-card-head { font-size:12px; text-transform:uppercase; letter-spacing:.5px;
  color:#8b9ac7; padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid #1f2a37;
  display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bbm-mem-card-head strong { color:#f7fbff; font-size:14px; letter-spacing:0; text-transform:none; }
.bbm-mem-card-sub { display:block; color:#8b9ac7; font-size:12px; margin-top:2px; }
.bbm-mem-profile { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.bbm-mem-avatar { width:56px; height:56px; background:#172033; border:1px solid #2a3548;
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:22px; color:#fff; }
.bbm-mem-name { font-size:16px; font-weight:600; color:#f7fbff; }
.bbm-mem-email { font-size:13px; color:#8b9ac7; }
.bbm-mem-meta { display:grid; grid-template-columns: 1fr 1fr; gap:10px 16px; margin:0; }
.bbm-mem-meta dt { font-size:11px; text-transform:uppercase; color:#8b9ac7; letter-spacing:.4px; }
.bbm-mem-meta dd { margin:2px 0 0 0; font-size:13px; color:#f7fbff; }
.bbm-mem-status { display:inline-block; padding:2px 10px; font-size:11px; font-weight:700;
  text-transform:uppercase; border:1px solid; }
.bbm-mem-status-active { color:#28d095; border-color:#28d095; background:rgba(40,208,149,0.08); }
.bbm-mem-status-trial  { color:#f0a500; border-color:#f0a500; background:rgba(240,165,0,0.08); }
.bbm-mem-status-expired,.bbm-mem-status-cancelled{ color:#ff6079; border-color:#ff6079; background:rgba(255,96,121,0.08); }
.bbm-mem-plans { display:flex; flex-direction:column; }
.bbm-plan-row { display:grid; grid-template-columns:1fr auto auto; gap:14px; align-items:center;
  padding:12px 0; border-top:1px solid #1f2a37; }
.bbm-plan-row:first-child { border-top:none; }
.bbm-plan-row.is-current { background:rgba(47,143,255,0.04); padding-left:12px; padding-right:12px;
  border-left:2px solid #2f8fff; }
.bbm-plan-row-name { font-weight:600; color:#f7fbff; font-size:14px; }
.bbm-plan-row-meta { color:#28d095; font-size:12px; margin-top:2px; }
.bbm-plan-current-tag { font-size:10px; color:#2f8fff; border:1px solid #2f8fff;
  padding:1px 6px; margin-left:6px; text-transform:uppercase; letter-spacing:.4px; }
.bbm-plan-row-price { font-size:18px; font-weight:700; color:#f7fbff; }
.bbm-plan-row-price span { font-size:12px; color:#8b9ac7; font-weight:400; margin-left:2px; }
.bbm-mem-plan-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;
  padding-top:14px; border-top:1px solid #1f2a37; }

.bbm-btn-primary,.bbm-btn-ghost,.bbm-btn-danger { font:600 13px/1 inherit; padding:10px 16px;
  cursor:pointer; border:1px solid transparent; background:transparent; color:#f7fbff; }
.bbm-btn-primary { background:#2f8fff; color:#fff; border-color:#2f8fff; }
.bbm-btn-primary:hover { background:#1a5fcc; border-color:#1a5fcc; }
.bbm-btn-ghost { border-color:#2a3548; color:#cbd5e1; }
.bbm-btn-ghost:hover { border-color:#2f8fff; color:#fff; }
.bbm-btn-ghost[disabled]{ opacity:.5; cursor:default; }
.bbm-btn-danger { border-color:#ff6079; color:#ff6079; }
.bbm-btn-danger:hover { background:#ff6079; color:#fff; }

.bbm-mem-settings { list-style:none; margin:0; padding:0; }
.bbm-mem-settings li { display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:12px 0; border-top:1px solid #1f2a37; }
.bbm-mem-settings li:first-child { border-top:none; }
.bbm-mem-settings strong { display:block; color:#f7fbff; font-size:14px; }
.bbm-mem-settings span { display:block; color:#8b9ac7; font-size:12px; }

/* ─── BBM Library feed ─── */
.bbm-ts-feed-card { margin-bottom:16px; }
.bbm-ts-feed-head { flex-wrap:wrap; row-gap:10px; }
.bbm-ts-feed-tools { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#bbm-ts-search { background:#0b1118; border:1px solid #1f2a37; color:#f7fbff;
  padding:8px 12px; font-size:13px; width:220px; }
#bbm-ts-search:focus { outline:none; border-color:#2f8fff; }
.bbm-ts-chip-row { display:flex; gap:6px; }
.bbm-ts-chip { background:transparent; border:1px solid #2a3548; color:#cbd5e1;
  padding:6px 12px; font-size:12px; font-weight:600; cursor:pointer; }
.bbm-ts-chip.is-active { background:#2f8fff; border-color:#2f8fff; color:#fff; }

.bbm-ts-feed-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
@media (max-width:900px){ .bbm-ts-feed-grid { grid-template-columns:1fr; } }
.bbm-ts-feed-loading,.bbm-ts-feed-empty { padding:32px; text-align:center; color:#8b9ac7;
  border:1px dashed #1f2a37; grid-column:1/-1; }

.bbm-ts-card { display:flex; flex-direction:column; background:#0b1118;
  border:1px solid #1f2a37; cursor:pointer; transition:border-color .15s ease; }
.bbm-ts-card:hover { border-color:#2f8fff; }
.bbm-ts-card-cover { height:140px; background:#172033 center/cover no-repeat; }
.bbm-ts-card-cover--fallback { display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#172033,#0b1118); color:#2f8fff; font-weight:700;
  font-size:28px; letter-spacing:1px; }
.bbm-ts-card-body { padding:14px 16px 16px; display:flex; flex-direction:column; gap:8px; }
.bbm-ts-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bbm-ts-badge { font-size:12px; font-weight:700; color:#f7fbff;
  border:1px solid #2a3548; padding:3px 10px; letter-spacing:.4px; }
.bbm-ts-card-title { margin:0; font-size:15px; color:#f7fbff; line-height:1.35; }
.bbm-ts-card-teaser { margin:0; color:#8b9ac7; font-size:13px; line-height:1.5; }
.bbm-ts-card-foot { display:flex; align-items:center; justify-content:space-between;
  margin-top:6px; font-size:12px; color:#64748b; }
.bbm-ts-card-cta { color:#2f8fff; font-weight:600; }

.bbm-ts-pill { display:inline-block; padding:3px 10px; font-size:11px; font-weight:700;
  text-transform:uppercase; border:1px solid; letter-spacing:.4px; }
.bbm-ts-bias-hawkish { color:#28d095; border-color:#28d095; background:rgba(40,208,149,0.08); }
.bbm-ts-bias-dovish  { color:#ff6079; border-color:#ff6079; background:rgba(255,96,121,0.08); }
.bbm-ts-bias-neutral { color:#8b9ac7; border-color:#2a3548; background:rgba(139,154,199,0.06); }

/* ─── Wide research modal ─── */
body.bbm-ts-modal-open { overflow:hidden; }
.bbm-ts-modal { position:fixed; inset:0; z-index:9999; display:flex;
  align-items:flex-start; justify-content:center; padding:48px 16px; overflow-y:auto; }
.bbm-ts-modal[hidden] { display:none; }
.bbm-ts-modal-backdrop { position:absolute; inset:0; background:rgba(2,6,12,0.78); }
.bbm-ts-modal-dialog { position:relative; width:100%; max-width:960px;
  background:#0f141d; border:1px solid #1f2a37; padding:28px 32px 32px; color:#e6edf3; }
.bbm-ts-modal-close { position:absolute; top:10px; right:14px; background:transparent;
  border:none; color:#8b9ac7; font-size:26px; cursor:pointer; line-height:1; }
.bbm-ts-modal-close:hover { color:#fff; }
.bbm-ts-modal-head { display:flex; align-items:flex-start; justify-content:space-between;
  gap:16px; padding-bottom:14px; border-bottom:1px solid #1f2a37; margin-bottom:18px; }
.bbm-ts-modal-pair { font-size:24px; font-weight:700; color:#f7fbff; }
.bbm-ts-modal-sub { font-size:13px; color:#8b9ac7; margin-top:4px; }
.bbm-ts-modal-cover { width:100%; max-height:280px; object-fit:cover; margin-bottom:18px; }
.bbm-ts-modal-section { margin-bottom:22px; }
.bbm-ts-modal-section h4 { margin:0 0 10px 0; font-size:12px; text-transform:uppercase;
  letter-spacing:.6px; color:#2f8fff; }
.bbm-ts-prose { font-size:14px; line-height:1.65; color:#cbd5e1; }
.bbm-md-mark { background:rgba(47,143,255,0.18); color:#9ec5ff; padding:0 4px; }
.bbm-ts-focus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:900px){ .bbm-ts-focus-grid { grid-template-columns:1fr; } }
.bbm-ts-focus-grid h5 { margin:0 0 6px 0; font-size:12px; text-transform:uppercase;
  letter-spacing:.4px; color:#8b9ac7; }

/* ═══════════ v2.6.0 — BBM Library page wrapper ═══════════ */
.bbm-bbm-library-page{max-width:1180px;margin:24px auto;padding:24px;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.bbm-ts-page-card{padding:0}

/* ═══════════ v2.6.0 — My Alerts page ═══════════ */
.bbm-alerts-page{max-width:1180px;margin:24px auto;padding:24px;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.bbm-alerts-header h1{font-size:24px;margin:0 0 4px;color:#fff}
.bbm-alerts-header p{margin:0 0 20px;color:#9fb0c4;font-size:13px}
.bbm-alerts-grid{display:grid;grid-template-columns:380px 1fr;gap:18px}
@media(max-width:900px){.bbm-alerts-grid{grid-template-columns:1fr}}
.bbm-alerts-card{background:#0b1220;border:1px solid #1f2733;border-radius:12px;padding:16px;margin-bottom:14px}
.bbm-alerts-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#fff;font-size:14px}
.bbm-alerts-rule{border:1px solid #1f2733;border-radius:8px;padding:10px;margin-bottom:8px;background:#0f1722}
.bbm-alerts-rule-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.bbm-alerts-rule-name{font-weight:600;color:#fff;font-size:13px}
.bbm-alerts-rule-tag{font-size:10px;padding:2px 8px;border-radius:999px;background:#1c2a3f;color:#2f8fff}
.bbm-alerts-rule-sub{font-size:11px;color:#7f93b3;margin-bottom:8px}
.bbm-alerts-rule-actions{display:flex;gap:6px}
.bbm-alerts-rule-actions button{font-size:11px;padding:4px 10px}
.bbm-alerts-empty{padding:18px;text-align:center;color:#7f93b3;font-size:12px}
.bbm-alerts-new-btn{font-size:12px;padding:6px 12px}
.bbm-alerts-editor{display:flex;flex-direction:column;gap:12px}
.bbm-alerts-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9fb0c4}
.bbm-alerts-field input[type=text],.bbm-alerts-field select{padding:8px;background:#101929;border:1px solid #1f2733;color:#e8f0ff;border-radius:6px}
.bbm-alerts-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bbm-alerts-multi{max-height:160px;overflow-y:auto;border:1px solid #1f2733;border-radius:6px;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:#101929}
.bbm-alerts-multi--pairs{grid-template-columns:repeat(3,1fr);max-height:220px}
.bbm-alerts-check{display:flex;align-items:center;gap:6px;font-size:12px;color:#e8f0ff}
.bbm-alerts-channels{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#e8f0ff}
.bbm-alerts-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
.bbm-alerts-filters{display:flex;gap:4px;flex-wrap:wrap}
.bbm-alerts-chip{font-size:11px;padding:4px 10px;border:1px solid #1f2733;background:transparent;color:#9fb0c4;border-radius:999px;cursor:pointer}
.bbm-alerts-chip.is-active{border-color:#2f8fff;color:#2f8fff}
.bbm-alerts-feed-row{display:grid;grid-template-columns:140px 1fr 100px 110px;gap:10px;padding:12px;border-bottom:1px solid #1f2733;align-items:center;font-size:13px}
.bbm-alerts-feed-time{font-size:11px;color:#7f93b3}
.bbm-alerts-feed-meta{font-size:10px;color:#7f93b3;margin-top:2px}
.bbm-alerts-feed-sym{font-size:12px;color:#9fb0c4;font-weight:600}
.bbm-alerts-feed-tag{text-align:right;font-size:11px;font-weight:600}
.bbm-tone-bull{color:#2edf6e}
.bbm-tone-bear{color:#ff4d6a}
.bbm-tone-neutral{color:#9fb0c4}

/* ═══════════ v2.6.0 — Go to Dashboard back-pill ═══════════ */
.bbm-back-pill{position:fixed;right:20px;bottom:20px;z-index:99998;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#2f8fff 0%,#1f6fdc 100%);color:#fff!important;text-decoration:none!important;font:600 13px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 8px 24px -8px rgba(47,143,255,.55),0 2px 6px rgba(0,0,0,.35);transition:transform .15s ease, box-shadow .15s ease}
.bbm-back-pill:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(47,143,255,.7)}
.bbm-back-pill__dot{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 3px rgba(61,220,151,.25)}
.bbm-back-pill__icon{font-size:15px;line-height:1}
.bbm-back-pill__label{letter-spacing:.01em}
@media(max-width:600px){.bbm-back-pill__label{display:none}.bbm-back-pill{padding:12px}}

/* ════════════════════════════════════════════════════════════════════
   v3.6.8 — The old "BBM TERMINAL — REKSIN v3 (navy + gold, IBM Plex
   Mono + Syne)" override block that used to live here has been removed.
   It only ever targeted .bbmt-reskin, a class that was exclusively
   applied by the legacy frontend.js terminal renderer (deleted in
   frontend.js v3.6.8). The real terminal ([bbm_livewire] shortcode,
   #bbmt-root) uses the plain .bbmt class and is styled entirely by
   assets/css/terminal-v3.css, so this file no longer needs to know
   anything about the terminal at all.
   ════════════════════════════════════════════════════════════════════ */

/* v3.10.1 — Non-tokenized subscriber non-renewal notice + admin auto-renew badge. */
.bbm-notice { padding:10px 14px; border-radius:8px; font-size:12px; line-height:1.5; margin:0 0 12px; }
.bbm-notice-warn { background:rgba(245,158,11,0.10); border:1px solid rgba(245,158,11,0.45); color:#f4c56b; }
.bbm-notice-warn strong { color:#f7b53b; }