/* Payment recording and authenticated receipts */
.dolo-remote-modal--v1 {
  position: fixed;
  inset: 0;
  width: min(40rem, calc(100vw - 1.5rem));
  max-height: min(92dvh, 52rem);
  margin: auto;
  overflow: hidden;
  border: 1px solid var(--dolo-border);
  border-radius: var(--dolo-radius-card);
  background: var(--dolo-surface-raised);
  padding: 0;
  color: var(--dolo-text);
  box-shadow: var(--dolo-shadow-overlay);
}

.dolo-remote-modal--v1::backdrop {
  background: color-mix(in srgb, var(--dolo-navigation-background) 64%, transparent);
  backdrop-filter: blur(3px);
}

.dolo-remote-modal__header {
  display: flex;
  min-height: 4.25rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--dolo-divider);
  background: var(--dolo-surface-raised);
  padding: 0.875rem 1rem;
}

.dolo-remote-modal__header h2 {
  margin: 0;
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 1.2rem;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.dolo-remote-modal__close {
  flex: 0 0 auto;
}

.dolo-remote-modal__body {
  max-height: calc(min(92dvh, 52rem) - 4.25rem);
  overflow-y: auto;
  padding: 1rem;
  overscroll-behavior: contain;
}

@media (max-width: 42rem) {
  .dolo-remote-modal--sheet {
    inset: auto 0 0;
    width: 100%;
    max-width: none;
    max-height: min(92dvh, 52rem);
    margin: 0;
    border-width: 1px 0 0;
    border-radius: var(--dolo-radius-card) var(--dolo-radius-card) 0 0;
  }
}

.dolo-payment-entry-page,
.dolo-payment-entry,
.dolo-payment-entry__form {
  display: grid;
  min-width: 0;
}

.dolo-payment-entry-page {
  gap: 1rem;
}

.dolo-payment-entry-page__header {
  display: grid;
  gap: 0.25rem;
}

.dolo-payment-entry-page__header .dolo-type-page-title {
  font-size: clamp(2rem, 8vw, 3rem);
}

.dolo-payment-entry-page__header .dolo-type-body {
  margin-top: 0.25rem;
}

.dolo-payment-entry {
  gap: 1rem;
}

.dolo-payment-entry__introduction {
  margin: 0;
  color: var(--dolo-text-soft);
  font-size: 0.75rem;
  line-height: 1.55;
}

.dolo-payment-entry__context {
  overflow: hidden;
  border: 1px solid var(--dolo-border);
  border-radius: 0.875rem;
  background: var(--dolo-surface-subtle);
}

.dolo-payment-entry__context > header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
}

.dolo-payment-entry__context-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.6875rem;
  background: var(--dolo-brand-soft);
  color: var(--dolo-action-quiet);
  font-size: 1.15rem;
}

.dolo-payment-entry__context header p,
.dolo-payment-entry__context header h3 {
  margin: 0;
}

.dolo-payment-entry__context header p {
  color: var(--dolo-text-muted);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.dolo-payment-entry__context header h3 {
  margin-top: 0.12rem;
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 0.95rem;
  font-weight: 800;
}

.dolo-payment-entry__context dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--dolo-divider);
}

.dolo-payment-entry__context dl > div {
  min-width: 0;
  padding: 0.75rem 0.55rem;
}

.dolo-payment-entry__context dl > div + div {
  border-left: 1px solid var(--dolo-divider);
}

.dolo-payment-entry__context dt,
.dolo-payment-entry__context dd {
  margin: 0;
}

.dolo-payment-entry__context dt {
  color: var(--dolo-text-muted);
  font-size: 0.58rem;
  font-weight: 750;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.dolo-payment-entry__context dd {
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
  color: var(--dolo-text);
  font-family: var(--dolo-font-mono);
  font-size: clamp(0.72rem, 2.9vw, 0.9rem);
  font-weight: 850;
}

.dolo-payment-entry__context [data-emphasis="true"] dd {
  color: var(--dolo-action-quiet);
}

.dolo-payment-entry__assurance,
.dolo-payment-entry__errors {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.65rem;
  border-radius: 0.75rem;
  padding: 0.75rem;
}

.dolo-payment-entry__assurance {
  border: 1px solid var(--dolo-border);
  background: var(--dolo-surface);
}

.dolo-payment-entry__assurance > span,
.dolo-payment-entry__errors > span {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border-radius: 0.5rem;
}

.dolo-payment-entry__assurance > span {
  background: var(--dolo-success-soft);
  color: var(--dolo-success);
}

.dolo-payment-entry__assurance strong,
.dolo-payment-entry__errors strong {
  display: block;
  color: var(--dolo-text);
  font-size: 0.72rem;
}

.dolo-payment-entry__assurance p,
.dolo-payment-entry__errors p {
  margin: 0.2rem 0 0;
  color: var(--dolo-text-muted);
  font-size: 0.67rem;
  line-height: 1.48;
}

.dolo-payment-entry__form {
  gap: 1rem;
}

.dolo-payment-entry__field-grid {
  display: grid;
  gap: 1rem;
}

.dolo-payment-entry__errors {
  border: 1px solid var(--dolo-status-danger-border);
  background: var(--dolo-status-danger-background);
}

.dolo-payment-entry__errors > span {
  background: var(--dolo-danger-soft);
  color: var(--dolo-danger);
}

.dolo-payment-entry__errors strong,
.dolo-payment-entry__errors p,
.dolo-payment-entry__errors li {
  color: var(--dolo-danger);
}

.dolo-payment-entry__errors ul {
  margin: 0.45rem 0 0;
  padding-left: 1rem;
}

.dolo-payment-entry__errors li {
  font-size: 0.67rem;
  line-height: 1.45;
}

.dolo-payment-entry__actions,
.dolo-payment-detail__actions {
  position: sticky;
  z-index: 2;
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 0.625rem;
  margin-inline: -1rem;
  border-top: 1px solid var(--dolo-divider);
  background: var(--dolo-surface-raised);
  padding: 1rem;
  box-shadow: 0 -0.75rem 1rem color-mix(in srgb, var(--dolo-canvas) 22%, transparent);
}

.dolo-payment-entry__actions .dolo-button,
.dolo-payment-detail__actions .dolo-button {
  width: 100%;
}

.dolo-refund-entry .dolo-payment-entry__context-icon {
  background: var(--dolo-warning-soft);
  color: var(--dolo-warning);
}

.dolo-refund-entry .dolo-payment-entry__context [data-emphasis="true"] dd {
  color: var(--dolo-warning);
}

.dolo-payment-entry__assurance[data-tone="warning"] {
  border-color: var(--dolo-status-warning-border);
  background: var(--dolo-status-warning-background);
}

.dolo-payment-entry__assurance[data-tone="warning"] > span {
  background: var(--dolo-warning-soft);
  color: var(--dolo-warning);
}

.dolo-payment-detail {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

.dolo-payment-detail__header {
  display: grid;
  gap: 0.45rem;
}

.dolo-payment-detail__title-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
}

.dolo-payment-detail__title-row > div {
  min-width: 0;
}

.dolo-payment-detail__title-row p,
.dolo-payment-detail__title-row h2,
.dolo-payment-detail__meta {
  margin: 0;
}

.dolo-payment-detail__mark {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 0.7rem;
  background: var(--dolo-success-soft);
  color: var(--dolo-success);
  font-size: 1.1rem;
}

.dolo-payment-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  color: var(--dolo-text-muted);
  font-size: 0.7rem;
  line-height: 1.45;
}

.dolo-payment-detail__notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.65rem;
  border: 1px solid var(--dolo-border);
  border-radius: 0.75rem;
  background: var(--dolo-surface-subtle);
  padding: 0.75rem;
}

.dolo-payment-detail__notice > span {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border-radius: 0.5rem;
  background: var(--dolo-neutral-soft);
  color: var(--dolo-text-muted);
}

.dolo-payment-detail__notice[data-tone="info"] {
  border-color: color-mix(in srgb, var(--dolo-info) 24%, var(--dolo-border));
  background: var(--dolo-info-soft);
}

.dolo-payment-detail__notice[data-tone="info"] > span {
  background: var(--dolo-surface);
  color: var(--dolo-info);
}

.dolo-payment-detail__notice strong,
.dolo-payment-detail__notice p {
  margin: 0;
}

.dolo-payment-detail__notice strong {
  color: var(--dolo-text);
  font-size: 0.72rem;
}

.dolo-payment-detail__notice p {
  margin-top: 0.2rem;
  color: var(--dolo-text-muted);
  font-size: 0.67rem;
  line-height: 1.48;
}

.dolo-payment-detail__refunds {
  display: grid;
  gap: 0.7rem;
}

.dolo-payment-detail__refunds > div:first-child p,
.dolo-payment-detail__refunds > div:first-child h3 {
  margin: 0;
}

.dolo-payment-detail__refunds ul {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dolo-payment-detail__refunds li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  border-top: 1px solid var(--dolo-divider);
  padding-block: 0.7rem;
}

.dolo-payment-detail__refunds li > span {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 0.6rem;
  background: var(--dolo-warning-soft);
  color: var(--dolo-warning);
}

.dolo-payment-detail__refunds li strong,
.dolo-payment-detail__refunds li p {
  margin: 0;
}

.dolo-payment-detail__refunds li strong {
  color: var(--dolo-text);
  font-size: 0.72rem;
}

.dolo-payment-detail__refunds li p,
.dolo-payment-detail__refunds li time {
  color: var(--dolo-text-muted);
  font-size: 0.65rem;
  line-height: 1.4;
}

.dolo-payment-detail__refunds li time {
  white-space: nowrap;
}

.dolo-sales-document__payment-detail-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.18em;
}

.dolo-sales-document__payment-detail-link:hover,
.dolo-sales-document__payment-detail-link:focus-visible {
  color: var(--dolo-action-quiet);
  text-decoration-color: currentColor;
}

/* Sales document delivery */
.dolo-sales-delivery-page,
.dolo-sales-delivery,
.dolo-sales-delivery__form {
  display: grid;
  min-width: 0;
}

.dolo-sales-delivery-page {
  gap: 1rem;
}

.dolo-sales-delivery-page__header {
  display: grid;
  gap: 0.25rem;
}

.dolo-sales-delivery-page__header .dolo-type-page-title {
  font-size: clamp(2rem, 8vw, 3rem);
}

.dolo-sales-delivery-page__header .dolo-type-body {
  margin-top: 0.25rem;
}

.dolo-sales-delivery {
  gap: 1rem;
}

.dolo-sales-delivery__introduction {
  margin: 0;
  color: var(--dolo-text-soft);
  font-size: 0.75rem;
  line-height: 1.55;
}

.dolo-sales-delivery__context,
.dolo-sales-delivery__assurance {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  border: 1px solid var(--dolo-border);
  border-radius: 0.875rem;
  padding: 0.875rem 1rem;
}

.dolo-sales-delivery__context {
  background: var(--dolo-surface-subtle);
}

.dolo-sales-delivery__context-icon,
.dolo-sales-delivery__assurance > span {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 0.6875rem;
  font-size: 1.15rem;
}

.dolo-sales-delivery__context-icon {
  background: var(--dolo-brand-soft);
  color: var(--dolo-action-quiet);
}

.dolo-sales-delivery[data-document-type="quote"] .dolo-sales-delivery__context-icon {
  background: var(--dolo-violet-soft);
  color: var(--dolo-violet);
}

.dolo-sales-delivery__context p,
.dolo-sales-delivery__context h3,
.dolo-sales-delivery__assurance p {
  margin: 0;
}

.dolo-sales-delivery__context p {
  color: var(--dolo-text-muted);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.dolo-sales-delivery__context h3 {
  margin-top: 0.12rem;
  overflow-wrap: anywhere;
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 0.95rem;
  font-weight: 800;
}

.dolo-sales-delivery__assurance {
  align-items: start;
  background: var(--dolo-surface);
}

.dolo-sales-delivery__assurance > span {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.5rem;
  background: var(--dolo-success-soft);
  color: var(--dolo-success);
  font-size: 1rem;
}

.dolo-sales-delivery__assurance strong {
  display: block;
  color: var(--dolo-text);
  font-size: 0.72rem;
}

.dolo-sales-delivery__assurance p {
  margin-top: 0.2rem;
  color: var(--dolo-text-muted);
  font-size: 0.67rem;
  line-height: 1.48;
}

.dolo-sales-delivery__form {
  gap: 1rem;
}

.dolo-sales-delivery__actions {
  position: sticky;
  z-index: 2;
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 0.625rem;
  margin-inline: -1rem;
  border-top: 1px solid var(--dolo-divider);
  background: var(--dolo-surface-raised);
  padding: 1rem;
  box-shadow: 0 -0.75rem 1rem color-mix(in srgb, var(--dolo-canvas) 22%, transparent);
}

.dolo-sales-delivery__actions .dolo-button {
  width: 100%;
}

.dolo-payment-receipt {
  display: grid;
  min-width: 0;
  gap: 1rem;
  padding-block: 0.25rem 1.5rem;
}

.dolo-payment-receipt__header {
  display: grid;
  gap: 1rem;
}

.dolo-payment-receipt__header .dolo-type-page-title {
  font-size: clamp(2rem, 7vw, 3.25rem);
}

.dolo-payment-receipt__header .dolo-type-body {
  margin-top: 0.35rem;
}

.dolo-payment-receipt__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.dolo-payment-receipt__actions .dolo-button {
  flex: 1 1 auto;
}

.dolo-payment-receipt__confirmation {
  --dolo-payment-confirmation-color: var(--dolo-status-success);
  --dolo-payment-confirmation-background: var(--dolo-status-success-background);
  --dolo-payment-confirmation-border: var(--dolo-status-success-border);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  border: 1px solid var(--dolo-payment-confirmation-border);
  border-radius: var(--dolo-radius-card);
  background: var(--dolo-payment-confirmation-background);
  padding: 1rem;
}

.dolo-payment-receipt__confirmation[data-tone="warning"] {
  --dolo-payment-confirmation-color: var(--dolo-status-warning);
  --dolo-payment-confirmation-background: var(--dolo-status-warning-background);
  --dolo-payment-confirmation-border: var(--dolo-status-warning-border);
}

.dolo-payment-receipt__confirmation[data-tone="danger"] {
  --dolo-payment-confirmation-color: var(--dolo-status-danger);
  --dolo-payment-confirmation-background: var(--dolo-status-danger-background);
  --dolo-payment-confirmation-border: var(--dolo-status-danger-border);
}

.dolo-payment-receipt__confirmation[data-tone="neutral"] {
  --dolo-payment-confirmation-color: var(--dolo-text-soft);
  --dolo-payment-confirmation-background: var(--dolo-surface-subtle);
  --dolo-payment-confirmation-border: var(--dolo-border);
}

.dolo-payment-receipt__confirmation-icon {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 0.875rem;
  background: color-mix(in srgb, var(--dolo-payment-confirmation-color) 14%, transparent);
  color: var(--dolo-payment-confirmation-color);
  font-size: 1.5rem;
}

.dolo-payment-receipt__confirmation .dolo-type-label,
.dolo-payment-receipt__confirmation h2,
.dolo-payment-receipt__confirmation p {
  margin: 0;
}

.dolo-payment-receipt__confirmation .dolo-type-label {
  color: var(--dolo-payment-confirmation-color);
}

.dolo-payment-receipt__confirmation h2 {
  margin-top: 0.15rem;
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: clamp(1.75rem, 8vw, 2.75rem);
  font-weight: 900;
  letter-spacing: -0.04em;
}

.dolo-payment-receipt__confirmation p:last-child {
  margin-top: 0.2rem;
  color: var(--dolo-text-soft);
  font-family: var(--dolo-font-mono);
  font-size: 0.67rem;
  font-weight: 700;
}

.dolo-payment-receipt__confirmation > .dolo-status-badge {
  grid-column: 2;
  justify-self: start;
}

.dolo-payment-receipt__details {
  overflow: hidden;
}

.dolo-payment-receipt__details > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--dolo-divider);
  background: var(--dolo-surface-subtle);
  padding: 1rem;
}

.dolo-payment-receipt__details > header .dolo-type-section-title {
  margin-top: 0.2rem;
}

.dolo-payment-receipt__details > header .dolo-type-body-small {
  margin-top: 0.3rem;
}

.dolo-payment-receipt__details > header > span {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.6875rem;
  background: var(--dolo-brand-soft);
  color: var(--dolo-action-quiet);
  font-size: 1.15rem;
}

.dolo-payment-receipt__details-body {
  display: grid;
  gap: 1.25rem;
  padding: 1rem;
}

.dolo-payment-receipt__facts,
.dolo-payment-receipt__parties dl {
  display: grid;
  margin: 0;
  gap: 0;
}

.dolo-payment-receipt__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dolo-payment-receipt__facts > div,
.dolo-payment-receipt__parties dl > div {
  min-width: 0;
  border-bottom: 1px solid var(--dolo-divider);
  padding: 0.8rem 0;
}

.dolo-payment-receipt__facts > div:nth-child(odd) {
  padding-right: 0.75rem;
}

.dolo-payment-receipt__facts > div:nth-child(even) {
  padding-left: 0.75rem;
}

.dolo-payment-receipt__facts dt,
.dolo-payment-receipt__facts dd,
.dolo-payment-receipt__parties dt,
.dolo-payment-receipt__parties dd {
  margin: 0;
}

.dolo-payment-receipt__facts dt,
.dolo-payment-receipt__parties dt {
  color: var(--dolo-text-muted);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.dolo-payment-receipt__facts dd,
.dolo-payment-receipt__parties dd {
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
  color: var(--dolo-text);
  font-size: 0.75rem;
  font-weight: 800;
}

.dolo-payment-receipt__facts small,
.dolo-payment-receipt__parties small {
  display: block;
  margin-top: 0.2rem;
  overflow-wrap: anywhere;
  color: var(--dolo-text-muted);
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1.4;
}

.dolo-payment-receipt__parties {
  display: grid;
  gap: 0.5rem;
}

.dolo-payment-receipt__parties h3 {
  margin: 0;
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 0.85rem;
  font-weight: 850;
}

.dolo-payment-receipt__note {
  max-width: 38rem;
  margin: 0 auto;
  color: var(--dolo-text-muted);
  font-size: 0.67rem;
  line-height: 1.5;
  text-align: center;
}

.dolo-payment-receipt--public {
  padding-block: 0;
}

.dolo-payment-receipt__document {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  border-top: 1px solid var(--dolo-divider);
  background: var(--dolo-surface-subtle);
  padding: 1rem;
}

.dolo-payment-receipt__document p,
.dolo-payment-receipt__document h3 {
  margin: 0;
}

.dolo-payment-receipt__document h3 {
  margin-top: 0.2rem;
  color: var(--dolo-text);
  font-family: var(--dolo-font-display);
  font-size: 0.95rem;
  font-weight: 850;
}

.dolo-payment-receipt__document .dolo-button {
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .dolo-remote-modal--v1 {
    transition: none !important;
  }
}

@media (min-width: 36rem) {
  .dolo-remote-modal__header,
  .dolo-remote-modal__body {
    padding-inline: 1.25rem;
  }

  .dolo-payment-entry__actions {
    margin-inline: -1.25rem;
    padding-inline: 1.25rem;
  }

  .dolo-payment-detail__actions {
    margin-inline: -1.25rem;
    padding-inline: 1.25rem;
  }

  .dolo-sales-delivery__actions {
    grid-template-columns: auto auto;
    justify-content: end;
    margin-inline: -1.25rem;
    padding-inline: 1.25rem;
  }

  .dolo-sales-delivery__actions .dolo-button {
    width: auto;
  }

  .dolo-payment-entry__field-grid,
  .dolo-payment-receipt__parties dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dolo-payment-entry__actions,
  .dolo-payment-detail__actions {
    grid-template-columns: auto auto;
    justify-content: end;
  }

  .dolo-payment-entry__actions .dolo-button,
  .dolo-payment-detail__actions .dolo-button {
    width: auto;
  }

  .dolo-payment-receipt__parties dl > div:first-child {
    padding-right: 1rem;
  }

  .dolo-payment-receipt__parties dl > div:last-child {
    padding-left: 1rem;
  }
}

@media (min-width: 40rem) {
  .dolo-payment-receipt {
    padding-block: 1.25rem 3rem;
  }

  .dolo-payment-receipt__header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  .dolo-payment-receipt__actions {
    justify-content: flex-end;
  }

  .dolo-payment-receipt__actions .dolo-button {
    flex: 0 0 auto;
  }

  .dolo-payment-receipt__confirmation {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1.1rem 1.25rem;
  }

  .dolo-payment-receipt__confirmation > .dolo-status-badge {
    grid-column: 3;
    justify-self: end;
  }

  .dolo-payment-receipt__details > header,
  .dolo-payment-receipt__details-body {
    padding: 1.25rem;
  }

  .dolo-payment-receipt__document {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
  }

  .dolo-payment-receipt__document .dolo-button {
    width: auto;
  }
}

@media (min-width: 64rem) {
  .dolo-payment-receipt__facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .dolo-payment-receipt__facts > div {
    border-bottom: 0;
    padding: 0 1rem;
  }

  .dolo-payment-receipt__facts > div:first-child {
    padding-left: 0;
  }

  .dolo-payment-receipt__facts > div:last-child {
    padding-right: 0;
  }

  .dolo-payment-receipt__facts > div + div {
    border-left: 1px solid var(--dolo-divider);
  }
}

@media (forced-colors: active) {
  .dolo-remote-modal--v1,
  .dolo-payment-entry__context,
  .dolo-payment-entry__assurance,
  .dolo-payment-entry__errors,
  .dolo-payment-detail__notice,
  .dolo-payment-receipt__confirmation {
    border: 1px solid CanvasText;
  }
}