.kiosk-amount-fieldset {
  display: grid;
  gap: var(--kiosk-space-2);
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.kiosk-amount-fieldset legend {
  margin-block-end: var(--kiosk-space-2);
  color: var(--kiosk-text);
  font-size: var(--kiosk-label-size);
  font-weight: var(--font-weight-bold);
}

.kiosk-amount-presets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--kiosk-space-2);
}

.kiosk-amount-preset {
  position: relative;
  display: grid;
  grid-template-columns: var(--kiosk-control-min) minmax(0, 1fr);
  align-items: center;
  min-block-size: var(--kiosk-primary-min);
  padding: var(--kiosk-space-2);
  border: 3px solid var(--kiosk-border);
  border-radius: var(--radius-lg);
  background: var(--kiosk-surface-raised);
  font-size: var(--kiosk-label-size);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}

.kiosk-amount-preset:has(input:checked) {
  border-color: var(--kiosk-accent-strong);
  background: var(--kiosk-surface-accent);
}

.kiosk-amount-preset input,
.kiosk-field input[type="checkbox"] {
  inline-size: var(--kiosk-control-min);
  block-size: var(--kiosk-control-min);
  margin: 0;
  accent-color: var(--kiosk-accent-strong);
}

.kiosk-selected-total {
  margin: 0;
  padding: var(--kiosk-space-2) var(--kiosk-space-3);
  border-inline-start: 4px solid var(--kiosk-accent-strong);
  background: var(--kiosk-surface-accent);
  color: var(--kiosk-text);
  font-size: var(--kiosk-label-size);
  font-weight: var(--font-weight-bold);
}

.kiosk-error-summary ul {
  display: grid;
  gap: var(--kiosk-space-2);
  padding-inline-start: 0;
  list-style: none;
}

.kiosk-error-summary a {
  display: grid;
  gap: var(--kiosk-space-1);
  font-size: var(--kiosk-body-size);
}

.kiosk-control--simulation:disabled {
  border-color: var(--kiosk-border);
  color: var(--kiosk-text);
  background: var(--kiosk-surface-accent);
  opacity: 1;
}

.kiosk-action-form {
  display: grid;
  min-inline-size: 0;
}

.kiosk-action-form > .kiosk-control {
  inline-size: 100%;
}

.kiosk-review-list {
  display: grid;
  gap: 0;
  margin: 0;
  border: 3px solid var(--kiosk-border);
  border-radius: var(--radius-xl);
  background: var(--kiosk-surface-raised);
  overflow: hidden;
}

.kiosk-review-list div {
  display: grid;
  grid-template-columns: minmax(var(--kiosk-primary-min), 1fr) minmax(0, 2fr);
  gap: var(--kiosk-space-2);
  padding: var(--kiosk-space-2) var(--kiosk-space-3);
  border-block-end: 2px solid var(--kiosk-border);
}

.kiosk-review-list div:last-child {
  border-block-end: 0;
}

.kiosk-review-list dt {
  color: var(--kiosk-text-secondary);
  font-weight: var(--font-weight-bold);
}

.kiosk-review-list dd {
  min-inline-size: 0;
  margin: 0;
  font-weight: var(--font-weight-bold);
}

.kiosk-review-list__amount dd {
  color: var(--kiosk-accent-strong);
  font-size: var(--kiosk-label-size);
}

.kiosk-processing-status,
.kiosk-success__disclosure,
.kiosk-receipt-id {
  margin: 0;
  padding: var(--kiosk-space-2) var(--kiosk-space-3);
  border-inline-start: 4px solid var(--kiosk-accent-strong);
  background: var(--kiosk-surface-accent);
}

.kiosk-completion-countdown {
  display: flex;
  align-items: center;
  inline-size: min(100%, 960px);
  min-block-size: var(--kiosk-control-min);
  margin-inline: auto;
  padding: var(--kiosk-space-1) var(--kiosk-gutter);
  border-block-start: 2px solid var(--kiosk-border);
  color: var(--kiosk-text);
  background: var(--kiosk-surface-accent);
  font-size: var(--kiosk-body-size);
  font-weight: var(--font-weight-bold);
}

.kiosk-success h2,
.kiosk-preview-list h3 {
  margin: 0;
  color: var(--kiosk-text);
}

.kiosk-success__previews {
  display: grid;
  align-content: start;
  min-inline-size: 0;
  gap: var(--kiosk-space-2);
}

.kiosk-processing h1,
.kiosk-success h1 {
  max-inline-size: none;
}

.kiosk-processing h1 {
  font-size: var(--kiosk-heading-compact-size);
}

.kiosk-receipt-id {
  overflow-wrap: anywhere;
}

.kiosk-preview-list {
  display: grid;
  gap: var(--kiosk-space-2);
  margin: var(--kiosk-space-2) 0 0;
  padding: 0;
  list-style: none;
}

.kiosk-preview-list li {
  display: grid;
  gap: var(--kiosk-space-2);
  padding: var(--kiosk-space-3);
  border: 3px solid var(--kiosk-border);
  border-radius: var(--radius-xl);
  background: var(--kiosk-surface-raised);
}

.kiosk-preview-list p {
  margin: 0;
}

.kiosk-preview-list__status {
  color: var(--kiosk-accent-strong);
  font-weight: var(--font-weight-bold);
}

@media (min-width: 900px) and (orientation: portrait) {
  body.kiosk-shell:has(.kiosk-success) .kiosk-header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--kiosk-space-3);
    padding-block: var(--kiosk-space-2);
  }

  body.kiosk-shell:has(.kiosk-success) .kiosk-header__status {
    justify-items: end;
    text-align: end;
  }

  body.kiosk-shell:has(.kiosk-success) .kiosk-main {
    padding-block: var(--kiosk-space-3);
  }

  .kiosk-success {
    grid-template-columns: minmax(0, 9fr) minmax(0, 11fr);
    column-gap: var(--kiosk-space-3);
    row-gap: var(--kiosk-space-2);
  }

  .kiosk-success > .kiosk-eyebrow,
  .kiosk-success > h1,
  .kiosk-success > .kiosk-success__disclosure,
  .kiosk-success > .kiosk-receipt-id {
    grid-column: 1 / -1;
  }

  .kiosk-success > .kiosk-review-list {
    grid-column: 1;
  }

  .kiosk-success > .kiosk-success__previews {
    grid-column: 2;
  }

  .kiosk-success .kiosk-preview-list {
    margin-block-start: 0;
  }

  .kiosk-success .kiosk-preview-list li {
    gap: var(--kiosk-space-1);
    padding: var(--kiosk-space-2);
  }
}

@media (max-width: 720px) {
  .kiosk-error-summary {
    padding: var(--kiosk-space-2);
  }

  .kiosk-amount-presets,
  .kiosk-review-list div {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Sender and amount entry stay deliberately quiet: one task, one reading
   order, and one obvious next action for a shared portrait device. */
.kiosk-journey--sender,
.kiosk-journey--amount {
  align-content: start;
  gap: var(--kiosk-space-3);
}

.kiosk-step {
  display: grid;
  gap: var(--kiosk-space-2);
  padding-block-end: var(--kiosk-space-2);
  border-block-end: 2px solid var(--kiosk-border);
}

.kiosk-step__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--kiosk-space-2);
}

.kiosk-step__header .kiosk-eyebrow,
.kiosk-step__count {
  margin: 0;
}

.kiosk-step__count {
  color: var(--kiosk-text-secondary);
  font-size: var(--kiosk-body-size);
  font-weight: var(--font-weight-bold);
  text-align: end;
}

.kiosk-step__current {
  color: var(--kiosk-accent-strong);
}

.kiosk-step__track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--kiosk-space-1);
  min-block-size: 12px;
}

.kiosk-step__track-segment {
  min-block-size: 12px;
  border-radius: var(--radius-full);
  background: var(--kiosk-border);
}

.kiosk-step__track-segment--complete,
.kiosk-step__track-segment--current {
  background: var(--kiosk-accent-strong);
}

.kiosk-step__track-segment--current {
  box-shadow: var(--kiosk-focus-shadow);
}

.kiosk-journey__intro {
  display: grid;
  grid-template-columns: var(--kiosk-control-min) minmax(0, 1fr);
  align-items: center;
  gap: var(--kiosk-space-2);
  margin: 0;
  padding: var(--kiosk-space-2) 0 var(--kiosk-space-3);
  border-block-end: 2px solid var(--kiosk-border);
}

.kiosk-journey__intro p,
.kiosk-journey__helper {
  margin: 0;
  color: var(--kiosk-text-secondary);
  font-size: var(--kiosk-body-size);
  line-height: var(--kiosk-line-body);
}

.kiosk-journey__helper,
.kiosk-field__hint,
.kiosk-direct-amount .kiosk-lead {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: var(--kiosk-space-1);
  row-gap: 0;
}

.kiosk-journey__intro-mark {
  position: relative;
  display: inline-grid;
  place-items: center;
  inline-size: var(--kiosk-control-min);
  block-size: var(--kiosk-control-min);
  border: 3px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-full);
}

.kiosk-journey__intro-mark::before {
  inline-size: 22px;
  block-size: 30px;
  content: "";
  border: 3px solid currentColor;
  border-radius: var(--radius-md) var(--radius-md) var(--radius-full) var(--radius-full);
  color: var(--kiosk-accent-strong);
}

.kiosk-input-form {
  display: grid;
  gap: var(--kiosk-space-3);
  min-inline-size: 0;
  margin: 0;
}

.kiosk-input-form--sender {
  margin-block-start: var(--kiosk-space-1);
}

.kiosk-input-form .kiosk-field {
  gap: var(--kiosk-space-1);
}

.kiosk-input-form .kiosk-field input:not([type="checkbox"]) {
  min-block-size: clamp(80px, 8vw, 96px);
  padding: var(--kiosk-space-2) var(--kiosk-space-3);
  font-size: var(--kiosk-label-size);
}

.kiosk-consent-label {
  display: grid;
  grid-template-columns: var(--kiosk-control-min) minmax(0, 1fr);
  align-items: center;
  gap: var(--kiosk-space-2);
  min-block-size: var(--kiosk-control-min);
  padding: var(--kiosk-space-1) 0;
}

.kiosk-consent-label input[type="checkbox"] {
  margin: 0;
}

.kiosk-consent-label__copy {
  min-inline-size: 0;
}

.kiosk-field--consent {
  padding: var(--kiosk-space-2);
  border: 2px solid var(--kiosk-border);
  border-radius: var(--radius-lg);
  background: var(--kiosk-surface-raised);
}

.kiosk-field--consent .kiosk-lead {
  padding-inline-start: calc(var(--kiosk-control-min) + var(--kiosk-space-2));
}

.kiosk-privacy-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: var(--kiosk-space-1);
  margin: var(--kiosk-space-1) 0 0;
  padding-block-start: var(--kiosk-space-1);
  border-block-start: 1px solid var(--kiosk-border);
  color: var(--kiosk-text-secondary);
  font-size: var(--kiosk-body-size);
  line-height: var(--kiosk-line-body);
}

.kiosk-privacy-note__mark {
  display: inline-block;
  inline-size: 20px;
  block-size: 20px;
  margin-block-start: 4px;
  border: 3px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-full);
}

.kiosk-error-summary {
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: start;
  border: 2px solid var(--kiosk-border);
  border-inline-start: 8px solid var(--kiosk-danger);
  border-radius: var(--radius-lg);
  background: var(--kiosk-surface-raised);
  scroll-margin-block: var(--kiosk-space-4);
}

.kiosk-error-summary::before {
  display: grid;
  grid-row: 1 / span 2;
  place-items: center;
  inline-size: 28px;
  block-size: 28px;
  content: "!";
  border: 3px solid var(--kiosk-danger);
  border-radius: var(--radius-full);
  color: var(--kiosk-danger);
  font-size: var(--kiosk-body-size);
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.kiosk-error-summary h2,
.kiosk-error-summary ul {
  grid-column: 2;
}

.kiosk-error-summary h2 {
  margin: 0;
}

.kiosk-error-summary a {
  align-items: center;
  min-block-size: var(--kiosk-control-min);
  padding: var(--kiosk-space-1) var(--kiosk-space-2);
  border: 2px solid var(--kiosk-border);
  border-radius: var(--radius-md);
  background: var(--kiosk-content-plane);
}

.kiosk-amount-fieldset {
  gap: var(--kiosk-space-2);
  padding: var(--kiosk-space-2);
  border: 2px solid var(--kiosk-border);
  border-radius: var(--radius-xl);
  background: var(--kiosk-surface-raised);
}

.kiosk-amount-fieldset legend {
  margin-block-end: 0;
}

.kiosk-field__hint {
  margin: 0;
  color: var(--kiosk-text-secondary);
  font-size: var(--kiosk-body-size);
}

.kiosk-amount-presets {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--kiosk-space-2);
}

.kiosk-amount-preset {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-content: center;
  justify-items: center;
  min-block-size: 124px;
  padding: var(--kiosk-space-2);
  border-width: 3px;
  border-color: var(--kiosk-border);
  border-radius: var(--radius-lg);
  background: var(--kiosk-surface-raised);
}

.kiosk-amount-preset input {
  grid-column: 1;
  grid-row: 1;
}

.kiosk-amount-preset__label {
  grid-column: 1;
  grid-row: 2;
  min-inline-size: 0;
  font-size: var(--kiosk-label-size);
  line-height: 1.25;
  text-align: center;
}

.kiosk-amount-preset__selected {
  grid-column: 1;
  grid-row: 3;
  display: none;
  min-inline-size: 0;
  color: var(--kiosk-accent-strong);
  font-size: var(--kiosk-body-size);
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.kiosk-amount-preset:has(input:checked) {
  border-width: 4px;
  border-color: var(--kiosk-accent-strong);
  background: var(--kiosk-surface-accent);
}

.kiosk-amount-preset:has(input:checked) .kiosk-amount-preset__selected {
  display: block;
}

.kiosk-amount-preset:focus-within {
  border-color: var(--kiosk-focus);
  box-shadow: var(--kiosk-focus-shadow);
}

.kiosk-direct-amount {
  gap: var(--kiosk-space-2);
  padding: var(--kiosk-space-2);
  border: 3px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-xl);
  background: var(--kiosk-surface-raised);
}

.kiosk-direct-amount__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--kiosk-space-2);
}

.kiosk-direct-amount__header label {
  margin: 0;
}

.kiosk-direct-amount__unit {
  color: var(--kiosk-accent-strong);
  font-size: var(--kiosk-body-size);
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
}

.kiosk-selected-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-block-size: 96px;
  margin: 0;
  padding: var(--kiosk-space-2) var(--kiosk-space-3);
  border: 2px solid var(--kiosk-border);
  border-inline-start: 8px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-lg);
  background: var(--kiosk-content-plane);
  color: var(--kiosk-text);
  font-size: var(--kiosk-label-size);
  font-weight: var(--font-weight-bold);
}

@media (max-width: 899px) {
  .kiosk-amount-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .kiosk-step__header {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--kiosk-space-1);
  }

  .kiosk-step__count {
    text-align: start;
  }

  .kiosk-amount-presets {
    grid-template-columns: minmax(0, 1fr);
  }

  .kiosk-field--consent .kiosk-lead {
    padding-inline-start: 0;
  }

  .kiosk-direct-amount__header {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Completion surfaces keep one calm reading order while preserving the
   server-rendered flow and its existing controls. */
.kiosk-review {
  align-content: start;
  gap: var(--kiosk-space-2);
}

.kiosk-review > h1 {
  max-inline-size: none;
}

.kiosk-review__lead {
  margin: 0;
  color: var(--kiosk-text-secondary);
  font-size: var(--kiosk-body-size);
}

.kiosk-review-list {
  border-width: 2px;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card);
}

.kiosk-review-list div {
  min-block-size: 72px;
  align-items: center;
  padding-block: var(--kiosk-space-2);
  border-block-end-width: 1px;
}

.kiosk-review-list__amount {
  border-inline-start: 8px solid var(--kiosk-accent-strong);
  background: var(--kiosk-surface-accent);
}

.kiosk-review-list__amount dd {
  color: var(--kiosk-accent-strong);
}

.kiosk-review__boundary {
  display: flex;
  align-items: center;
  gap: var(--kiosk-space-2);
  margin-block-start: var(--kiosk-space-1);
  padding: var(--kiosk-space-2) var(--kiosk-space-3);
  border: 2px solid var(--kiosk-border);
  border-inline-start: 8px solid var(--kiosk-accent-strong);
  border-block-start: 2px solid var(--kiosk-border);
  background: var(--kiosk-surface-raised);
  font-weight: var(--font-weight-bold);
}

.kiosk-review__boundary::before {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  inline-size: 32px;
  block-size: 32px;
  content: "i";
  border: 3px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-full);
  color: var(--kiosk-accent-strong);
  font-size: var(--kiosk-body-size);
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.kiosk-review__boundary-copy {
  min-inline-size: 0;
}

.kiosk-review .kiosk-processing-status {
  display: flex;
  align-items: center;
  gap: var(--kiosk-space-2);
  padding: var(--kiosk-space-2) var(--kiosk-space-3);
  border: 2px solid var(--kiosk-border);
  border-inline-start: 8px solid var(--kiosk-success);
  background: var(--kiosk-surface-raised);
  font-weight: var(--font-weight-bold);
}

.kiosk-review .kiosk-processing-status::before {
  display: inline-block;
  flex: 0 0 auto;
  inline-size: 24px;
  block-size: 24px;
  content: "";
  border: 4px solid var(--kiosk-success);
  border-radius: var(--radius-full);
}

.kiosk-processing {
  align-content: center;
  justify-items: center;
  min-block-size: 100%;
  gap: var(--kiosk-space-3);
  text-align: center;
}

.kiosk-processing > h1 {
  max-inline-size: none;
}

.kiosk-processing__status-icon {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: clamp(144px, 18vw, 208px);
  block-size: clamp(144px, 18vw, 208px);
  border: 4px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-full);
}

.kiosk-processing__status-icon::before {
  position: absolute;
  inset-block-start: 20%;
  inset-inline-start: 24%;
  inline-size: 44%;
  block-size: 58%;
  content: "";
  border: 6px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-md);
}

.kiosk-processing__status-icon::after {
  position: absolute;
  inset-block-end: 19%;
  inset-inline-end: 18%;
  inline-size: 48px;
  block-size: 48px;
  content: "✓";
  border: 4px solid var(--kiosk-surface-raised);
  border-radius: var(--radius-full);
  color: var(--kiosk-on-field);
  background: var(--kiosk-accent-strong);
  font-size: var(--kiosk-label-size);
  font-weight: var(--font-weight-bold);
  line-height: 40px;
}

.kiosk-processing__status-icon span {
  position: absolute;
  inset-block-start: 43%;
  inset-inline-start: 35%;
  inline-size: 42%;
  block-size: 6px;
  border-radius: var(--radius-full);
  background: var(--kiosk-accent-strong);
  box-shadow: 0 22px 0 var(--kiosk-accent-strong), 0 44px 0 var(--kiosk-accent-strong);
}

.kiosk-processing-status,
.kiosk-processing__wait {
  margin: 0;
  font-size: var(--kiosk-body-size);
  line-height: var(--kiosk-line-body);
}

.kiosk-processing-status {
  color: var(--kiosk-text);
  font-weight: var(--font-weight-bold);
}

.kiosk-processing__wait {
  color: var(--kiosk-text-secondary);
}

.kiosk-processing__progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--kiosk-space-1);
  inline-size: min(100%, 720px);
  block-size: 20px;
  overflow: hidden;
  border: 2px solid var(--kiosk-border);
  border-radius: var(--radius-full);
  background: var(--kiosk-surface-raised);
}

.kiosk-processing__progress span {
  display: block;
  flex: 0 1 120px;
  inline-size: clamp(36px, 12%, 120px);
  block-size: 8px;
  border-radius: var(--radius-full);
  background: var(--kiosk-accent-strong);
}

.kiosk-processing__progress span:nth-child(2) {
  block-size: 12px;
}

.kiosk-processing__boundary {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--kiosk-control-min);
  margin-block-start: var(--kiosk-space-1);
  padding: var(--kiosk-space-1) var(--kiosk-space-2);
  border: 2px solid var(--kiosk-border);
  border-block-start: 2px solid var(--kiosk-border);
  color: var(--kiosk-accent-strong);
  background: var(--kiosk-surface-raised);
  font-weight: var(--font-weight-bold);
}

.kiosk-success {
  align-content: start;
  gap: var(--kiosk-space-2);
}

.kiosk-success > h1 {
  max-inline-size: none;
}

.kiosk-success__mark {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 72px;
  block-size: 72px;
  margin-inline: auto;
  border: 4px solid var(--kiosk-success);
  border-radius: var(--radius-full);
}

.kiosk-success__mark::before,
.kiosk-success__mark::after {
  position: absolute;
  content: "";
  border-radius: var(--radius-full);
  background: var(--kiosk-success);
  transform-origin: center;
}

.kiosk-success__mark::before {
  inline-size: 10px;
  block-size: 28px;
  transform: translate(-10px, 4px) rotate(-45deg);
}

.kiosk-success__mark::after {
  inline-size: 10px;
  block-size: 42px;
  transform: translate(10px, -4px) rotate(45deg);
}

.kiosk-success__disclosure {
  border: 2px solid var(--kiosk-border);
  border-inline-start: 8px solid var(--kiosk-success);
  background: var(--kiosk-surface-raised);
  font-weight: var(--font-weight-bold);
}

.kiosk-receipt-id {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  align-items: center;
  gap: var(--kiosk-space-2);
  border: 2px solid var(--kiosk-border);
  border-inline-start: 8px solid var(--kiosk-success);
  background: var(--kiosk-surface-raised);
}

.kiosk-receipt-id span {
  color: var(--kiosk-text-secondary);
  font-weight: var(--font-weight-bold);
}

.kiosk-receipt-id strong {
  color: var(--kiosk-accent-strong);
  font-size: var(--kiosk-label-size);
  text-align: end;
}

.kiosk-success__previews h2 {
  margin: 0;
  color: var(--kiosk-text);
  font-size: var(--kiosk-label-size);
}

.kiosk-preview-list li {
  gap: var(--kiosk-space-1);
  padding: var(--kiosk-space-2);
  border-width: 2px;
  border-radius: var(--radius-lg);
  box-shadow: none;
}

.kiosk-preview-list li h3 {
  font-size: var(--kiosk-body-size);
}

.kiosk-preview-list__status {
  display: flex;
  align-items: center;
  gap: var(--kiosk-space-1);
  min-block-size: var(--kiosk-control-min);
  padding-block-start: var(--kiosk-space-1);
  border-block-start: 1px solid var(--kiosk-border);
}

.kiosk-preview-list__status::before {
  inline-size: 24px;
  block-size: 24px;
  content: "";
  border: 3px solid var(--kiosk-accent-strong);
  border-radius: var(--radius-full);
}

.kiosk-preview-list__status-code {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.kiosk-success > .kiosk-success__mark {
  grid-column: 1 / -1;
}

.kiosk-completion-conflict {
  align-content: center;
  justify-items: center;
  min-block-size: 100%;
  gap: var(--kiosk-space-3);
  text-align: center;
}

.kiosk-completion-conflict .kiosk-conflict-icon {
  margin: 0;
}

.kiosk-completion-conflict h1 {
  max-inline-size: none;
}

.kiosk-completion-conflict .kiosk-error__help,
.kiosk-completion-conflict .kiosk-note {
  max-inline-size: 34ch;
  text-align: center;
}

@media (min-width: 900px) and (orientation: portrait) {
  .kiosk-success > .kiosk-success__mark {
    margin-block-end: calc(var(--kiosk-space-1) * -1);
  }
}

@media (max-width: 720px) {
  .kiosk-review-list__amount {
    border-inline-start-width: 0;
    border-block-start: 8px solid var(--kiosk-accent-strong);
  }

  .kiosk-review__boundary {
    align-items: flex-start;
  }

  .kiosk-receipt-id {
    grid-template-columns: minmax(0, 1fr);
  }

  .kiosk-receipt-id strong {
    text-align: start;
  }

  .kiosk-processing__status-icon {
    inline-size: 144px;
    block-size: 144px;
  }
}

@media (max-width: 480px) {
  .kiosk-review__boundary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .kiosk-processing {
    gap: var(--kiosk-space-2);
  }

  .kiosk-processing__progress {
    block-size: 16px;
  }

  .kiosk-success__mark {
    inline-size: 64px;
    block-size: 64px;
  }
}