:root {
  --dlm-withdrawal-primary: #b93677;
  --dlm-withdrawal-primary-dark: #87224f;
  --dlm-withdrawal-gold: #d39a32;
  --dlm-withdrawal-ink: #2d201e;
  --dlm-withdrawal-muted: #6f6260;
  --dlm-withdrawal-border: #ead7df;
  --dlm-withdrawal-soft: #fff8fb;
}

.dlm-withdrawal-access { font-size: 14px; }
.dlm-withdrawal-access__link { display: inline-flex; align-items: center; gap: 7px; color: var(--dlm-withdrawal-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.dlm-withdrawal-access__link:hover, .dlm-withdrawal-access__link:focus-visible { color: var(--dlm-withdrawal-primary); }
.dlm-withdrawal-access__deadline { display: block; margin-top: .35rem; color: #655b60; font-size: .78rem; line-height: 1.4; }
.dlm-withdrawal-access__icon { display: inline-grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--dlm-withdrawal-soft); color: var(--dlm-withdrawal-primary); font-size: 17px; }
.dlm-withdrawal-access--header { margin-inline: 14px; }
.dlm-withdrawal-access--footer { margin: 14px 0; }
.dlm-withdrawal-access--account, .dlm-withdrawal-access--order { margin: 16px 0; padding: 16px; border: 1px solid var(--dlm-withdrawal-border); border-radius: 10px; background: #fff; }
.dlm-withdrawal-access--account .dlm-withdrawal-access__link, .dlm-withdrawal-access--order .dlm-withdrawal-access__link { font-size: 16px; }

.dlm-withdrawal-shell { width: min(920px, calc(100% - 28px)); margin: 36px auto 56px; color: var(--dlm-withdrawal-ink); }
.dlm-withdrawal-hero { padding: clamp(24px, 5vw, 46px); border-radius: 22px; background: linear-gradient(135deg, #fff8fb 0%, #fff 62%, #fff5e5 100%); border: 1px solid var(--dlm-withdrawal-border); box-shadow: 0 18px 50px rgb(73 36 52 / 9%); }
.dlm-withdrawal-hero h1 { margin: 3px 0 12px; color: var(--dlm-withdrawal-ink); font-size: clamp(30px, 5vw, 46px); line-height: 1.08; }
.dlm-withdrawal-hero p { max-width: 720px; margin: 0; color: var(--dlm-withdrawal-muted); font-size: 17px; }
.dlm-withdrawal-hero--center { text-align: center; }
.dlm-withdrawal-hero--center p { margin-inline: auto; }
.dlm-withdrawal-kicker { color: var(--dlm-withdrawal-primary) !important; font-size: 13px !important; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dlm-withdrawal-card, .dlm-withdrawal-summary { margin-top: 22px; padding: clamp(22px, 5vw, 40px); border: 1px solid var(--dlm-withdrawal-border); border-radius: 18px; background: #fff; box-shadow: 0 12px 36px rgb(73 36 52 / 7%); }
.dlm-withdrawal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.dlm-withdrawal-field { min-width: 0; margin-top: 20px; }
.dlm-withdrawal-grid .dlm-withdrawal-field { margin-top: 0; }
.dlm-withdrawal-field--wide { grid-column: 1 / -1; }
.dlm-withdrawal-field label, .dlm-withdrawal-choice legend { display: block; margin-bottom: 7px; color: var(--dlm-withdrawal-ink); font-weight: 700; }
.dlm-withdrawal-field input, .dlm-withdrawal-field select, .dlm-withdrawal-field textarea { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #cfc2c6; border-radius: 8px; background: #fff; color: var(--dlm-withdrawal-ink); font: inherit; }
.dlm-withdrawal-field textarea { resize: vertical; }
.dlm-withdrawal-field input:focus, .dlm-withdrawal-field select:focus, .dlm-withdrawal-field textarea:focus { border-color: var(--dlm-withdrawal-primary); outline: 3px solid rgb(185 54 119 / 18%); }
.dlm-withdrawal-field small { display: block; margin-top: 6px; color: var(--dlm-withdrawal-muted); }
.dlm-withdrawal-choice { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; padding: 0; border: 0; }
.dlm-withdrawal-choice legend { width: 100%; }
.dlm-withdrawal-choice label { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 11px 15px; border: 1px solid var(--dlm-withdrawal-border); border-radius: 9px; cursor: pointer; }
.dlm-withdrawal-choice input { width: 18px; height: 18px; accent-color: var(--dlm-withdrawal-primary); }
.dlm-withdrawal-consent { display: flex; gap: 12px; align-items: flex-start; margin: 24px 0; padding: 17px; border-radius: 10px; background: var(--dlm-withdrawal-soft); font-weight: 650; }
.dlm-withdrawal-consent input { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 2px; accent-color: var(--dlm-withdrawal-primary); }
.dlm-withdrawal-note { color: var(--dlm-withdrawal-muted); font-size: 14px; }
.dlm-withdrawal-note--period { margin: 10px 3px 0; }
.dlm-withdrawal-alert { margin-top: 20px; padding: 16px 18px; border: 1px solid var(--dlm-withdrawal-border); border-radius: 11px; background: #fff; }
.dlm-withdrawal-alert ul { margin: 8px 0 0; padding-left: 22px; }
.dlm-withdrawal-alert--info { border-left: 5px solid var(--dlm-withdrawal-gold); background: #fffaf0; }
.dlm-withdrawal-alert--confirm { border-left: 5px solid var(--dlm-withdrawal-primary); background: var(--dlm-withdrawal-soft); font-weight: 650; }
.dlm-withdrawal-alert--error { border-color: #d99b9b; background: #fff3f3; color: #7b1d1d; }
.dlm-withdrawal-alert--success { border-color: #9bc8a6; background: #f0faf2; color: #1f6b31; }
.dlm-withdrawal-alert--warning { border-color: #e0bf78; background: #fff8e8; color: #6c4b05; }
.dlm-withdrawal-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 13px 24px; border: 2px solid var(--dlm-withdrawal-primary); border-radius: 9px; background: var(--dlm-withdrawal-primary); color: #fff !important; font: 800 16px/1.2 inherit; text-align: center; text-decoration: none !important; cursor: pointer; }
.dlm-withdrawal-button:hover, .dlm-withdrawal-button:focus-visible { border-color: var(--dlm-withdrawal-primary-dark); background: var(--dlm-withdrawal-primary-dark); color: #fff; }
.dlm-withdrawal-button--confirm { width: min(100%, 420px); font-size: 18px; }
.dlm-withdrawal-button--secondary { background: #fff; color: var(--dlm-withdrawal-primary) !important; }
.dlm-withdrawal-confirm, .dlm-withdrawal-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.dlm-withdrawal-summary { display: grid; gap: 0; }
.dlm-withdrawal-summary > div { display: grid; grid-template-columns: minmax(150px, .42fr) 1fr; gap: 18px; padding: 14px 0; border-bottom: 1px solid #eee5e8; }
.dlm-withdrawal-summary > div:last-child { border-bottom: 0; }
.dlm-withdrawal-summary dt { color: var(--dlm-withdrawal-muted); font-weight: 650; }
.dlm-withdrawal-summary dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.dlm-withdrawal-success-icon { display: grid; width: 68px; height: 68px; margin: 0 auto -34px; position: relative; z-index: 2; place-items: center; border: 7px solid #fff; border-radius: 50%; background: #2f9347; color: #fff; font-size: 30px; font-weight: 900; }

@media (max-width: 767px) {
  .dlm-withdrawal-access--header { margin-inline: 6px; }
  .dlm-withdrawal-access--header .dlm-withdrawal-access__link { font-size: 12px; }
  .dlm-withdrawal-shell { margin-top: 22px; }
  .dlm-withdrawal-grid { grid-template-columns: 1fr; }
  .dlm-withdrawal-field--wide { grid-column: auto; }
  .dlm-withdrawal-choice { display: grid; }
  .dlm-withdrawal-summary > div { grid-template-columns: 1fr; gap: 4px; }
  .dlm-withdrawal-button, .dlm-withdrawal-button--confirm { width: 100%; }
}

@media print {
  header, footer, .dlm-withdrawal-access, .dlm-withdrawal-button { display: none !important; }
  .dlm-withdrawal-shell { width: 100%; margin: 0; }
  .dlm-withdrawal-hero, .dlm-withdrawal-summary { box-shadow: none; }
}