:is(#history-grid, #history-detail) .history-refund-capsule {
  --refund-pill-text: #d2dfc6;
  --refund-pill-bg: rgba(195, 217, 166, .075);
  --refund-pill-border: rgba(195, 217, 166, .19);
  margin: 10px 0 0;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}
:is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="partial"],
:is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="pending"] {
  --refund-pill-text: #e4cb9c;
  --refund-pill-bg: rgba(220, 182, 113, .07);
  --refund-pill-border: rgba(220, 182, 113, .18);
}
:is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="no_charge"] {
  --refund-pill-text: #d5c6b2;
  --refund-pill-bg: rgba(228, 211, 187, .045);
  --refund-pill-border: rgba(228, 211, 187, .15);
}
:is(#history-grid, #history-detail) .history-refund-capsule-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 6px 8px;
  border: 1px solid var(--refund-pill-border);
  border-radius: 7px;
  background: var(--refund-pill-bg);
  color: var(--refund-pill-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
:is(#history-grid, #history-detail) .history-refund-capsule svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
:is(#history-grid, #history-detail) .history-refund-capsule-amount {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
html.xcg-theme-scope :is(#history-grid, #history-detail) .history-refund-capsule {
  --refund-pill-text: var(--xt-success);
  --refund-pill-bg: var(--xt-success-bg);
  --refund-pill-border: #bdd7c8;
}
html.xcg-theme-scope :is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="partial"],
html.xcg-theme-scope :is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="pending"] {
  --refund-pill-text: var(--xt-warning);
  --refund-pill-bg: var(--xt-warning-bg);
  --refund-pill-border: #ddccaa;
}
html.xcg-theme-scope :is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="no_charge"] {
  --refund-pill-text: var(--xt-sub);
  --refund-pill-bg: var(--xt-raised);
  --refund-pill-border: var(--xt-border);
}
html.xcg-theme-scope[data-xcg-theme="night"] :is(#history-grid, #history-detail) .history-refund-capsule { --refund-pill-border: #3d634b; }
html.xcg-theme-scope[data-xcg-theme="night"] :is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="partial"],
html.xcg-theme-scope[data-xcg-theme="night"] :is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="pending"] { --refund-pill-border: #6b5837; }
html.xcg-theme-scope[data-xcg-theme="night"] :is(#history-grid, #history-detail) .history-refund-capsule[data-refund-state="no_charge"] { --refund-pill-border: var(--xt-border); }