@import url('../../activity.css?v=pull-history-1&surfaces=9&theme=info-payment-tones-1&activity-review=20261111-7');

/* Pull-specific content uses the same table, controls and type palette as Account. */
.vm-activity, .vm-activity-drawer { --font-body: 'DM Sans', DM, sans-serif; --ink: #1a1a1a; color: var(--ink); font: 400 14px/1.5 var(--font-body); }
.vm-web-host #vm-section-history { margin-top: 0; padding: 52px 0 60px; border: 0; border-radius: 0; background: transparent; }
html[data-theme=dark] .vm-web-host #vm-section-history { background: transparent; }
.vm-activity { min-width: 0; }
.vm-activity [hidden] { display: none !important; }

.vm-activity-bottle { display: flex; align-items: center; gap: 12px; }
.vm-activity-bottle img { width: 32px; height: 50px; object-fit: contain; flex: none; }

.vm-activity-empty { margin: 20px 0 0; color: #62625d; font-size: 14px; }
.vm-activity-empty h3 { font: 600 17px/1.4 var(--font-body); color: var(--ink); margin-bottom: 6px; }
.vm-activity-empty p { margin: 0 0 12px; }

/* Match the account activity detail drawer, with a bottle preview for Pulls. */
.vm-activity-drawer { box-sizing: border-box; position: fixed; inset: 0 0 0 auto; margin: 0; width: min(600px,100%); max-width: 100%; height: 100dvh; max-height: none; overflow-y: auto; border: 0; padding: 24px; background: var(--palette-white); box-shadow: -12px 0 40px #0002; }
.vm-activity-drawer::backdrop { background: #0005; }
.vm-activity-drawer [data-close-pull] { display: block; margin-left: auto; padding: 8px 14px; border: 1px solid #1a1a1a; border-radius: var(--radius-surface, 14px); background: white; font: 600 13px/1.3 var(--font-body); cursor: pointer; }
.vm-activity-drawer h2 { font: 700 25px/1.2 var(--font-body); margin: 28px 0; }
.vm-activity-drawer .vm-activity-bottle { padding-bottom: 24px; }
.vm-activity-drawer .vm-activity-bottle img { width: 64px; height: 100px; }
.vm-activity-drawer .vm-activity-bottle strong { font-size: 18px; }
.vm-activity-drawer dl { margin: 0; }
.vm-activity-drawer dl > div { display: flex; justify-content: space-between; gap: 24px; padding: 18px 0; border-top: 1px solid #deddd5; }
.vm-activity-drawer dd { margin: 0; text-align: right; font-weight: 600; }
.vm-activity-drawer p { margin: 24px 0 0; color: #62625d; }
.vm-activity-drawer :focus-visible { outline: 2px solid #0d8962; outline-offset: 3px; }
@media(max-width:800px) {

  .vm-activity-drawer { padding: 18px; }
}