/* Confirmation-only refinement. Values, actions and payment flow stay in redeem.js. */
.redeem-layout[data-view=confirm] .customer-main {
  max-width:680px;
  padding-top:36px;
}
.redeem-layout[data-view=confirm] #redeem-stage {
  --confirm-tint:#edf3ee;
  --confirm-ink:#254b3a;
  --confirm-muted:#526b5b;
  --confirm-button:#294d3c;
  --confirm-button-hover:#203e30;
  --confirm-button-text:#ffffff;
  padding:30px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface);
  box-shadow:0 8px 24px -16px #0b0e1324;
}
.redeem-layout[data-view=confirm] #redeem-stage h2 {
  font-size:26px;
  line-height:1.4;
  font-weight:700;
}
.redeem-layout[data-view=confirm] .redeem-account {
  margin-top:22px;
  border:0;
  border-radius:0;
  overflow:visible;
}
.redeem-layout[data-view=confirm] .redeem-account>div {
  padding:16px 0;
  gap:16px;
  font-size:14px;
}
.redeem-layout[data-view=confirm] .redeem-account>div:first-child { padding-top:0; }
.redeem-layout[data-view=confirm] .redeem-account>div:nth-child(2) {
  flex-direction:column;
  gap:8px;
  padding:20px;
  background:var(--confirm-tint);
  color:var(--confirm-ink);
  border:0;
  border-radius:14px;
}
.redeem-layout[data-view=confirm] .redeem-account>div:nth-child(2) dd {
  text-align:left;
  font-size:20px;
  font-weight:600;
  line-height:1.5;
}
.redeem-layout[data-view=confirm] .redeem-account>div:nth-child(3) { border-top:0; }
.redeem-layout[data-view=confirm] .redeem-account dd { font-weight:600; }
.redeem-layout[data-view=confirm] .redeem-disclosure {
  margin-top:8px;
  padding:16px 0 20px;
  background:none;
  border-top:1px solid var(--line);
  border-radius:0;
  line-height:1.75;
}
.redeem-layout[data-view=confirm] .redeem-actions { margin-top:0; gap:12px; }
.redeem-layout[data-view=confirm] .redeem-actions .button { min-height:50px; border-radius:14px; font-size:15px; }
.redeem-layout[data-view=confirm] .redeem-actions .button:not(.button-primary) { min-width:100px; }
.redeem-layout[data-view=confirm] .redeem-error:not(:empty) { margin-bottom:16px; }
@media(max-width:760px) {
  .redeem-layout[data-view=confirm] .customer-main { padding-top:24px; }
  .redeem-layout[data-view=confirm] #redeem-stage { padding:22px 18px; }
  .redeem-layout[data-view=confirm] #redeem-stage h2 { font-size:24px; }
  .redeem-layout[data-view=confirm] .activation-workspace { padding-inline:16px; }
  .redeem-layout[data-view=confirm] .redeem-environment { margin-inline:-16px; }
  .redeem-layout[data-view=confirm] .redeem-account>div:nth-child(2) { padding:16px; }
  .redeem-layout[data-view=confirm] .redeem-account>div:nth-child(2) dd { font-size:18px; }
  .redeem-layout[data-view=confirm] .redeem-actions .button:not(.button-primary) { min-width:84px; }
}

/* Color-only variant: no sizing, placement or spacing changes. */
.redeem-layout[data-view=confirm] .redeem-account>div:nth-child(2) dt { color:var(--confirm-muted); }
.redeem-layout[data-view=confirm] .redeem-actions .button-primary {
  background:var(--confirm-button);
  border-color:var(--confirm-button);
  color:var(--confirm-button-text);
}
.redeem-layout[data-view=confirm] .redeem-actions .button-primary:hover:not(:disabled) {
  background:var(--confirm-button-hover);
  border-color:var(--confirm-button-hover);
  opacity:1;
}
:root[data-theme=dark] .redeem-layout[data-view=confirm] #redeem-stage {
  --confirm-tint:#202e27;
  --confirm-ink:#e1eee4;
  --confirm-muted:#a7bfaf;
  --confirm-button:#bdd6c2;
  --confirm-button-hover:#cfe3d3;
  --confirm-button-text:#183222;
}