/* Placement only; the offer itself uses the unchanged Bac component styles. */
[data-offer-sidebar] .sidebar-right {
  background: var(--home-sidebar-bg);
  border: 1px solid var(--home-sidebar-border);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: start;
  margin-top: 24px;
  backdrop-filter: blur(20px);
  box-shadow: var(--home-sidebar-shadow);
  font-family: var(--font-main);
  line-height: 1.6;
  color: var(--text-main);
  min-width: 0;
}
[data-offer-sidebar], [data-offer-sidebar] *,
[data-offer-sidebar] *::before, [data-offer-sidebar] *::after {
  box-sizing: border-box;
}
/* dashboard-common's self-referencing --font-mono invalidates the shared token.
   Restore the exact fonts-2025 stack only inside this reused widget. */
[data-offer-sidebar] .balance-amount {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
@media (min-width: 1181px) and (max-width: 1440px) {
  [data-offer-sidebar] .sidebar-right {
    padding: 18px;
    gap: 18px;
    border-radius: 20px;
  }
}
@media (max-width: 1279px) {
  [data-offer-sidebar] .sidebar-right {
    position: static;
    width: 100%;
    margin-top: 0;
  }
}