/* Wartip public donation — consolidated clean-black UI.
   Scope: public channel presentation only. The checkout JS, timers, verification,
   QR generation, payment methods, and upload wiring remain in their original files.
   Loaded after the original public, payment and Midnight CSS. */

/* 01. Colors, surface and page shell */
html.wt-donate-night {
  --bg:#0c0b0e;
  --card:#1c1b20;
  --field:#19181d;
  --line:#353139;
  --text:#f7f4fb;
  --muted:#b6acbd;
  --primary:#8733e0;
  --primary2:#c398fa;
  --wi-border:#38313f;
  --wi-muted:#b6acbd;
  color-scheme:dark;
  background:var(--bg)!important;
}
html.wt-donate-night body {
  min-height:100vh;
  color:var(--text)!important;
  background-color:var(--bg)!important;
  background-image:linear-gradient(rgba(181,156,212,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(181,156,212,.025) 1px,transparent 1px)!important;
  background-size:64px 64px!important;
  background-position:center top!important;
  background-repeat:repeat!important;
  background-attachment:scroll!important;
}
html.wt-donate-night body::before,
html.wt-donate-night body::after {content:none!important;display:none!important;}
html.wt-donate-night body>.container {
  position:relative;
  z-index:1;
  box-sizing:border-box;
  width:min(1200px,calc(100% - 44px));
  max-width:1200px;
  margin-inline:auto;
}
html.wt-donate-night body>.container>header.top {
  background:#0c0b0e!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.wt-donate-night body>.container>header.top .logo,
html.wt-donate-night body>.container>header.top .logo img {
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html.wt-donate-night body>.container>header.top .logo img {object-fit:contain!important;}
html.wt-donate-night body>.container>header.top .home-link {
  color:#e9e1f4!important;
  background:#1b1920!important;
  border:1px solid #35303e!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
html.wt-donate-night body>.container>.cover {
  margin-bottom:14px!important;
  border:1px solid #29252e!important;
  border-radius:18px!important;
  background-color:#131117!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.wt-donate-night body>.container>.cover::after {
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 35%,rgba(0,0,0,.79) 100%)!important;
}
html.wt-donate-night body>.container>.tabs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px!important;
  padding:7px!important;
  margin:0 0 14px!important;
  background:#1a191e!important;
  border:1px solid #343039!important;
  border-radius:15px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
html.wt-donate-night body>.container>.tabs a {
  display:inline-flex!important;
  justify-content:center;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 15px!important;
  border:0!important;
  border-radius:10px!important;
  color:#c3b9ce!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1.25;
  text-align:center;
}
html.wt-donate-night body>.container>.tabs a:hover {background:#292131!important;color:#fff!important;}
html.wt-donate-night body>.container>.tabs a.active,
html.wt-donate-night body>.container>.tabs a[aria-current="page"] {
  background:#48216c!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* 02. One aligned, two-column support page. The form has no outer card. */
html.wt-donate-night #wtPublicView {
  width:100%;
  min-width:0;
}
html.wt-donate-night #wtPublicView .layout.wt-clean-layout {
  display:grid!important;
  grid-template-columns:minmax(0,1.72fr) minmax(320px,1fr)!important;
  align-items:start!important;
  gap:clamp(20px,2.5vw,30px)!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 38px!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.support-card {
  box-sizing:border-box!important;
  display:block!important;
  grid-column:1;
  grid-row:1;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:7px 0 16px!important;
  color:var(--text)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.support-card::before,
html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.support-card::after {content:none!important;display:none!important;}
html.wt-donate-night .wt-clean-layout .support-card>.support-intro,
html.wt-donate-night .wt-clean-layout .checkout-progress,
html.wt-donate-night .wt-clean-layout .wi-step-eyebrow {display:none!important;}

/* 03. Channel information: quieter type and shorter vertical rhythm. */
html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.wt-support-info {
  box-sizing:border-box;
  grid-column:2;
  grid-row:1;
  min-width:0;
  width:100%;
  margin:0;
  padding:24px;
  color:#f6f2fa;
  background:#1a191e;
  border:1px solid #343039;
  border-radius:18px;
  box-shadow:none;
}
html.wt-donate-night .wt-support-info-kicker {
  display:block;
  margin-bottom:14px;
  color:#c5a7e8;
  font-size:13px;
  font-weight:650;
  letter-spacing:.01em;
}
html.wt-donate-night .wt-support-info-profile {display:flex;align-items:center;gap:12px;min-width:0;}
html.wt-donate-night .wt-support-info-avatar {
  flex:none;width:60px;height:60px;
  object-fit:cover;border-radius:50%;
  background:#251d30;border:1px solid #403649;
}
html.wt-donate-night .wt-support-info-avatar-fallback {display:grid;place-items:center;font-size:22px;color:#cfadf8;}
html.wt-donate-night .wt-support-info-identity {display:flex;flex-direction:column;gap:3px;min-width:0;}
html.wt-donate-night .wt-support-info-identity strong {
  font-size:clamp(18px,1.75vw,22px)!important;
  font-weight:750;line-height:1.26;color:#fff;overflow-wrap:anywhere;
}
html.wt-donate-night .wt-support-info-identity span {color:#bea6dc;font-size:14px!important;overflow-wrap:anywhere;}
html.wt-donate-night .wt-support-info-bio {
  margin:17px 0 0;
  color:#dfd5e9;
  font-size:14px!important;
  line-height:1.65!important;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
html.wt-donate-night .wt-support-info-stat {display:none!important;}
html.wt-donate-night .wt-support-info-socials {margin-top:20px;padding-top:17px;border-top:1px solid #3b343f;}
html.wt-donate-night .wt-support-info-socials .wt-support-info-kicker {margin-bottom:8px;}
html.wt-donate-night .wt-support-info-links {display:grid;gap:2px;}
html.wt-donate-night .wt-support-info-links a {
  display:flex;align-items:center;gap:11px;
  min-height:39px;padding:6px 6px;
  border-radius:9px;
  color:#e7dfeb;text-decoration:none;
  font-size:14px!important;line-height:1.35!important;
  transition:background-color .12s,color .12s;
}
html.wt-donate-night .wt-support-info-links a:hover,
html.wt-donate-night .wt-support-info-links a:focus-visible {color:#fff;background:#292430;outline:none;}
html.wt-donate-night .wt-support-info-links a>i:first-child {width:19px;text-align:center;color:#ba82ff;font-size:15px;}
html.wt-donate-night .wt-support-info-ext {margin-left:auto;color:#91849e;font-size:10px;}
html.wt-donate-night .wt-support-info-note {
  display:flex;align-items:flex-start;gap:10px;
  margin-top:17px;padding-top:17px;
  border-top:1px solid #3b343f;
  color:#bcb1c4;
  font-size:13px!important;line-height:1.6!important;
}
html.wt-donate-night .wt-support-info-note>i {flex:none;margin-top:3px;color:#ba83ef;}
html.wt-donate-night .wt-support-info-note p {margin:0;}

/* 04. Shared form rules and donation details. */
html.wt-donate-night #donationForm {
  width:100%!important;
  min-width:0;
  max-width:none!important;
  --wi-ink:#f6f1fb;
  --wi-muted:#b6acbd;
  --wi-border:#393340;
  color:#f7f4fa!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1.5;
}
html.wt-donate-night #donationForm .wi-stage {min-width:0;animation:none!important;}
html.wt-donate-night #donationForm #detailsStep.wi-details-stage>.field {display:grid;gap:8px;margin:0 0 18px!important;min-width:0;}
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>label {
  margin:0;
  color:#f5f0f8!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.45!important;
}
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>label .hint {
  color:#aaa0b7!important;
  font-size:13px!important;
  font-weight:450!important;
}
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>input.input,
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:49px!important;
  margin:0!important;
  padding:9px 3px 11px!important;
  color:#f6f1fb!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #48414d!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.5!important;
  transition:border-color .12s ease!important;
}
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea {
  min-height:104px!important;
  max-height:180px;
  resize:vertical;
}
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>input::placeholder,
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea::placeholder {
  color:#8f8796!important;
  font-size:17px!important;
  opacity:1!important;
}
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>input:focus,
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea:focus,
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>input:focus-visible,
html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea:focus-visible {
  color:#fff!important;background:transparent!important;
  border:0!important;border-bottom:2px solid #a96cf3!important;
  border-radius:0!important;outline:0!important;box-shadow:none!important;
}
html.wt-donate-night #donationForm input[type="number"]::-webkit-inner-spin-button,
html.wt-donate-night #donationForm input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none!important;margin:0!important;}
html.wt-donate-night #donationForm input[type="number"] {appearance:textfield!important;-moz-appearance:textfield!important;}
html.wt-donate-night #donationForm .donate-next {margin-top:24px!important;}
html.wt-donate-night #donationForm .donate-next .hint {
  margin:10px 0 0!important;
  color:#aca2b6!important;
  font-size:13px!important;
  line-height:1.55!important;
}

/* 05. Buttons: one consistent height and modest typography. */
html.wt-donate-night #donationForm .btn-primary,
html.wt-donate-night #donationForm #donateContinue,
html.wt-donate-night #donationForm .wi-pay-start,
html.wt-donate-night #donationForm .pay-submit {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%;
  min-height:55px!important;
  margin:0;
  padding:12px 18px!important;
  color:#fff!important;
  background:#8532db!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  font-size:18px!important;
  font-weight:750!important;
  line-height:1.3!important;
  text-align:center;
  transform:none!important;
}
html.wt-donate-night #donationForm .btn-primary:hover,
html.wt-donate-night #donationForm #donateContinue:hover,
html.wt-donate-night #donationForm .wi-pay-start:hover,
html.wt-donate-night #donationForm .pay-submit:hover {background:#9344e6!important;box-shadow:none!important;transform:none!important;}
html.wt-donate-night #donationForm #donateContinue>span,
html.wt-donate-night #donationForm .wi-pay-start>span,
html.wt-donate-night #donationForm .pay-submit>span {font-size:inherit!important;}
html.wt-donate-night #donationForm .wi-method-back {
  display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%;min-height:50px;margin:10px 0 0;padding:10px 14px!important;
  border:1px solid #3c3743!important;border-radius:13px!important;
  color:#e9e1ef!important;background:#242229!important;
  box-shadow:none!important;font-size:16px!important;font-weight:700!important;
}
html.wt-donate-night #donationForm .wi-method-back:hover {background:#2e2933!important;transform:none!important;}

/* 06. Step 2 — payment method. */
html.wt-donate-night #donationForm .wi-method-stage>h3,
html.wt-donate-night #donationForm .wi-pay-head h3 {
  margin:0!important;
  color:#fff!important;
  font-size:clamp(21px,2vw,24px)!important;
  font-weight:750!important;
  line-height:1.3!important;
}
html.wt-donate-night #donationForm .wi-method-sub,
html.wt-donate-night #donationForm .wi-pay-sub {
  margin:3px 0 16px!important;
  color:#bdb0c7!important;
  font-size:14px!important;
  line-height:1.55!important;
}
html.wt-donate-night #donationForm .wi-method-total,
html.wt-donate-night #donationForm .wi-summary {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-width:0;min-height:82px;
  margin:0 0 16px!important;
  padding:16px 19px!important;
  color:#fff!important;
  background:#202026!important;
  border:1px solid #39343e!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html.wt-donate-night #donationForm .wi-method-total>div,
html.wt-donate-night #donationForm .wi-summary>div {min-width:0;display:grid;gap:2px;}
html.wt-donate-night #donationForm .wi-method-total small,
html.wt-donate-night #donationForm .wi-summary small {
  color:#bcb1c8!important;font-size:12px!important;line-height:1.4!important;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html.wt-donate-night #donationForm .wi-method-total b,
html.wt-donate-night #donationForm .wi-summary b {color:#fff;font-size:15px!important;line-height:1.35!important;overflow-wrap:anywhere;}
html.wt-donate-night #donationForm .wi-method-total strong,
html.wt-donate-night #donationForm .wi-summary strong {
  flex:none;
  color:#c398fa!important;
  font-size:clamp(27px,3vw,34px)!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
html.wt-donate-night #donationForm .wi-pick-method {margin:0 0 15px!important;padding:0;min-width:0;border:0;}
html.wt-donate-night #donationForm .wi-pick-method legend {
  padding:0 0 9px;
  color:#f2eafa!important;
  font-size:15px!important;
  font-weight:700!important;
}
html.wt-donate-night #donationForm .wi-methods {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:10px!important;}
html.wt-donate-night #donationForm .wi-method-stage .wi-method {
  display:flex;align-items:center;gap:12px;
  min-height:78px;padding:13px 15px!important;
  color:#f7f2fa!important;background:#201d26!important;
  border:1px solid #493953!important;border-radius:15px!important;
  box-shadow:none!important;transform:none!important;
  cursor:pointer;
}
html.wt-donate-night #donationForm .wi-method-stage .wi-method:has(input:checked) {
  background:#32223e!important;border-color:#955ec6!important;box-shadow:none!important;
}
html.wt-donate-night #donationForm .wi-method input {width:17px;height:17px;flex:none;accent-color:#ad69f5;}
html.wt-donate-night #donationForm .wi-method-icon {
  display:grid;place-items:center;
  width:42px;height:42px;flex:none;
  color:#cea1ff!important;background:#482e5e!important;
  border-radius:11px;font-size:19px!important;
}
html.wt-donate-night #donationForm .wi-method>span:not(.wi-method-icon) {
  flex:1;min-width:0;color:#f7f2fa;font-size:16px!important;font-weight:700!important;
}
html.wt-donate-night #donationForm .wi-method-check {color:#c398fa!important;font-size:15px!important;}
html.wt-donate-night #donationForm .wi-method-stage .wi-method:hover {border-color:#9a6ac6!important;transform:none!important;}
html.wt-donate-night #donationForm .wi-method-error {font-size:14px!important;}

/* 07. Step 3 — payment, QR and slip upload. */
html.wt-donate-night #donationForm .wi-pay-head {
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  margin:0 0 14px!important;
}
html.wt-donate-night #donationForm .wi-pay-head>div {min-width:0;flex:1;}
html.wt-donate-night #donationForm .wi-pay-sub {margin:4px 0 0!important;}
html.wt-donate-night #donationForm .wi-text-button {
  flex:none;white-space:nowrap;
  min-height:39px;padding:8px 11px!important;
  color:#ebddf6!important;background:#2b2233!important;
  border:1px solid #514059!important;border-radius:11px!important;
  box-shadow:none!important;font-size:13px!important;font-weight:650!important;
}
html.wt-donate-night #donationForm .wi-text-button:hover {background:#382943!important;transform:none!important;}
html.wt-donate-night #donationForm .wi-summary {margin-bottom:12px!important;}
html.wt-donate-night #donationForm .wi-timer {
  display:flex;align-items:center;gap:10px;
  min-height:65px;margin:0 0 12px!important;padding:10px 15px!important;
  color:#f1d0a8!important;background:#282129!important;
  border:1px solid #513d4e!important;border-radius:15px!important;
  box-shadow:none!important;
}
html.wt-donate-night #donationForm .wi-timer>span {
  flex:1;min-width:0;
  color:#f4d3a9!important;font-size:14px!important;font-weight:700!important;
}
html.wt-donate-night #donationForm .wi-timer strong {
  color:#ffdcae!important;font-size:19px!important;line-height:1.1!important;white-space:nowrap;font-variant-numeric:tabular-nums;
}
html.wt-donate-night #donationForm .wi-cancel-btn {
  flex:none;min-height:43px;padding:8px 12px!important;
  color:#efb6c8!important;background:#342730!important;
  border:1px solid #604956!important;border-radius:11px!important;
  font-size:15px!important;font-weight:750!important;
}
html.wt-donate-night #donationForm .wi-cancel-btn:hover {background:#422f3a!important;transform:none!important;}
html.wt-donate-night #donationForm .wi-payment-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-items:stretch!important;
}
html.wt-donate-night #donationForm .wi-receiver {min-width:0;display:flex;}
html.wt-donate-night #donationForm .wi-receiver .wpay-payment-detail {
  box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:100%;min-width:0;min-height:308px;
  padding:15px 11px!important;
  color:#f7f1fb!important;background:#202026!important;
  border:1px solid #3c3740!important;border-radius:16px!important;
  box-shadow:none!important;text-align:center;overflow:hidden;
}
html.wt-donate-night #donationForm .wi-receiver .wpay-section-title {
  margin:0!important;
  color:#f8efff!important;
  font-size:17px!important;font-weight:750!important;line-height:1.35!important;
}
html.wt-donate-night #donationForm .wi-receiver .wpay-qr {
  display:block;
  width:clamp(150px,15vw,180px)!important;
  height:clamp(150px,15vw,180px)!important;
  max-width:100%;
  margin:4px auto!important;padding:7px!important;
  background:#fff!important;border-radius:10px!important;
  object-fit:contain;
}
html.wt-donate-night #donationForm .wi-receiver strong {
  max-width:100%;overflow-wrap:anywhere;
  color:#fff!important;font-size:14px!important;line-height:1.4!important;
}
html.wt-donate-night #donationForm .wi-receiver .muted {
  margin:0;color:#beb3cc!important;font-size:13px!important;line-height:1.45!important;overflow-wrap:anywhere;
}
html.wt-donate-night #donationForm .wi-receiver .bank-copy {
  min-height:39px;margin-top:10px;padding:7px 11px!important;
  border:1px solid #574363!important;border-radius:10px!important;
  color:#efe4f9!important;background:#31233c!important;
  font-size:13px!important;box-shadow:none!important;
}
html.wt-donate-night #donationForm .wi-slip-side {
  display:flex;flex-direction:column;gap:10px!important;
  min-width:0;height:100%;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html.wt-donate-night #donationForm .wi-slip-side .wpay-upload-form {
  display:grid;gap:10px!important;
  width:100%;min-width:0;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
/* One dashed outline; intentionally no filled or solid outer upload card. */
html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .wpay-upload-form>label.slip-picker {
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:100%!important;min-height:154px!important;
  margin:0!important;padding:17px 14px!important;
  color:#ded7e7!important;background:transparent!important;background-image:none!important;
  border:1.5px dashed rgba(216,203,228,.30)!important;
  border-radius:17px!important;outline:0!important;box-shadow:none!important;
  text-align:center;cursor:pointer;transform:none!important;
  transition:border-color .12s ease,background-color .12s ease!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .wpay-upload-form>label.slip-picker:hover,
html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .wpay-upload-form>label.slip-picker:focus-within,
html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .wpay-upload-form>label.slip-picker.is-selected {
  color:#fff!important;
  border:1.5px dashed rgba(211,182,243,.65)!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
}
html.wt-donate-night #donationForm .slip-picker input[type="file"] {
  position:absolute!important;width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .slip-picker .slip-picker-icon {
  display:grid!important;place-items:center!important;
  width:auto!important;height:auto!important;
  padding:0!important;color:#aa9aaf!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  font-size:24px!important;line-height:1!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .slip-picker strong {
  display:block;max-width:100%;overflow-wrap:anywhere;
  color:#c8bdce!important;font-size:15px!important;line-height:1.4!important;font-weight:650!important;
}
html.wt-donate-night #donationForm .slip-picker small {display:none!important;}
html.wt-donate-night #donationForm .wi-slip-side .pay-submit {margin:0!important;min-height:53px!important;font-size:17px!important;}
html.wt-donate-night #donationForm .wi-slip-side .wpay-mobile-open {
  display:flex;align-items:center;gap:11px;
  width:100%;min-height:61px;margin:0;padding:10px 13px!important;
  color:#e9def4!important;background:#251b2e!important;
  border:1px solid #513962!important;border-radius:13px!important;
  box-shadow:none!important;text-align:left;transform:none!important;
}
html.wt-donate-night #donationForm .wpay-mobile-open>i:first-child {color:#bd88f3!important;font-size:17px!important;}
html.wt-donate-night #donationForm .wpay-mobile-open>span {flex:1;min-width:0;display:grid;gap:1px;}
html.wt-donate-night #donationForm .wpay-mobile-open b {color:#f3eafd!important;font-size:14px!important;font-weight:700!important;}
html.wt-donate-night #donationForm .wpay-mobile-open small {color:#b5a8c4!important;font-size:12px!important;line-height:1.35!important;}
html.wt-donate-night #donationForm .wpay-mobile-open>i:last-child {color:#bfaed3!important;font-size:12px!important;}
html.wt-donate-night #donationForm .wi-security,
html.wt-donate-night #donationForm .wpay-mobile-link-hidden {display:none!important;}

/* Optional scan-on-phone QR: compact, aligned to the slip column instead of a huge full-width card. */
html.wt-donate-night #donationForm .wi-payment-grid~.wpay-mobile-pair:not([hidden]) {
  display:grid!important;
  justify-items:center;
  gap:10px!important;
  box-sizing:border-box;
  width:min(100%,340px)!important;
  max-width:340px!important;
  min-width:0;
  margin:12px 0 0 auto!important;
  padding:17px!important;
  color:#f7f2fb!important;background:#202026!important;
  border:1px solid #3b3542!important;border-radius:16px!important;
  box-shadow:none!important;
  text-align:center;
}
html.wt-donate-night #donationForm .wpay-mobile-pair .wpay-section-title {
  color:#f8f3fb!important;font-size:16px!important;font-weight:750!important;line-height:1.4!important;margin:0!important;
}
html.wt-donate-night #donationForm .wpay-mobile-qr {
  display:grid;place-items:center;
  box-sizing:border-box;
  width:max-content;max-width:100%;
  margin:0 auto!important;padding:8px!important;
  background:#fff!important;border-radius:10px!important;
}
html.wt-donate-night #donationForm .wpay-mobile-qr svg,
html.wt-donate-night #donationForm .wpay-mobile-qr canvas,
html.wt-donate-night #donationForm .wpay-mobile-qr img {
  display:block!important;width:clamp(140px,15vw,176px)!important;
  height:auto!important;max-width:100%!important;
}
html.wt-donate-night #donationForm .wpay-result,
html.wt-donate-night #donationForm .note.error {
  margin-top:12px!important;padding:11px 13px!important;
  color:#f2bacb!important;background:#30202b!important;
  border:1px solid #643d53!important;border-radius:12px!important;
  font-size:14px!important;line-height:1.5!important;
}
html.wt-donate-night #donationForm .wi-confirm,
html.wt-donate-night #donationForm .wi-finish {
  max-width:490px;margin:12px auto 0;
  padding:24px 18px!important;
  color:#fff!important;background:#211d28!important;
  border:1px solid #44354d!important;border-radius:16px!important;
  box-shadow:none!important;
}
html.wt-donate-night #donationForm .wi-confirm h3,
html.wt-donate-night #donationForm .wi-finish h3 {color:#fff!important;font-size:21px!important;}
html.wt-donate-night #donationForm .wi-confirm p,
html.wt-donate-night #donationForm .wi-finish p {color:#c4b6ce!important;font-size:14px!important;}
html.wt-donate-night #donationForm .wi-confirm-actions button,
html.wt-donate-night #donationForm .wi-finish button {width:auto;min-height:44px!important;font-size:15px!important;}
html.wt-donate-night #donationForm .wi-danger-btn {background:#a13d61!important;border-color:#a13d61!important;color:#fff!important;}

/* 08. Other channel views and small shared UI */
html.wt-donate-night #wtPublicView .card:not(.support-card) {
  color:#f4ecfa!important;background:#211d26!important;border:1px solid #3a3240!important;box-shadow:none!important;
}
html.wt-donate-night #wtPublicView .card:not(.support-card) h2,
html.wt-donate-night #wtPublicView .card:not(.support-card) h3 {color:#fff!important;}
html.wt-donate-night #wtPublicView .wfc-about-link {color:#eee1fb!important;background:#32233c!important;border-color:#503960!important;}
html.wt-donate-night .wpay-success-card,
html.wt-donate-night .buyer-dialog-inner {color:#f7f0fb!important;background:#24202b!important;border-color:#51405e!important;}
html.wt-donate-night footer {color:#a49aaf!important;}

/* 09. Tablet: drop the sidebar below the checkout; keep every panel at the same width. */
@media(max-width:980px) {
  html.wt-donate-night #wtPublicView .layout.wt-clean-layout {
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.support-card {
    grid-column:1;grid-row:1;padding-top:4px!important;
  }
  html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.wt-support-info {
    grid-column:1;grid-row:2;
  }
}

/* 10. Phone: clean gutters, scroll-safe cards and readable (not oversized) text. */
@media(max-width:640px) {
  html.wt-donate-night body>.container {
    box-sizing:border-box!important;
    width:calc(100% - 30px)!important;
    max-width:100%!important;
    margin-inline:auto!important;padding-inline:0!important;
  }
  html.wt-donate-night body>.container>.cover {
    height:214px!important;min-height:214px!important;
    margin-bottom:10px!important;border-radius:15px!important;
  }
  html.wt-donate-night body>.container>.cover .channel {
    left:14px!important;right:14px!important;bottom:14px!important;gap:10px!important;
  }
  html.wt-donate-night body>.container>.cover .avatar {width:55px!important;height:55px!important;}
  html.wt-donate-night body>.container>.cover .channel h1 {font-size:clamp(19px,6vw,26px)!important;}
  html.wt-donate-night body>.container>.cover .channel p {font-size:12px!important;line-height:1.4!important;}
  html.wt-donate-night body>.container>.tabs {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;margin-bottom:12px!important;padding:5px!important;border-radius:12px!important;
  }
  html.wt-donate-night body>.container>.tabs a {
    min-width:0!important;min-height:42px!important;
    gap:5px!important;padding:8px 4px!important;
    font-size:clamp(10px,2.85vw,12px)!important;line-height:1.2!important;
    white-space:normal!important;
  }
  html.wt-donate-night body>.container>.tabs a span,
  html.wt-donate-night body>.container>.tabs a small {display:inline!important;font-size:inherit!important;line-height:inherit!important;}
  html.wt-donate-night #wtPublicView .layout.wt-clean-layout {
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0 0 28px!important;gap:12px!important;
  }
  html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.support-card {
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding:4px 3px 12px!important;
  }
  html.wt-donate-night #donationForm #detailsStep.wi-details-stage>.field {margin-bottom:16px!important;}
  html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>label {font-size:16px!important;}
  html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>input.input,
  html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea {font-size:17px!important;}
  html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea {min-height:94px!important;}
  html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>input::placeholder,
  html.wt-donate-night #donationForm #detailsStep.wi-details-stage .field>textarea::placeholder {font-size:16px!important;}
  html.wt-donate-night #donationForm .btn-primary,
  html.wt-donate-night #donationForm #donateContinue,
  html.wt-donate-night #donationForm .wi-pay-start,
  html.wt-donate-night #donationForm .pay-submit {min-height:51px!important;font-size:16px!important;padding:10px 12px!important;}
  html.wt-donate-night #donationForm .wi-method-stage>h3,
  html.wt-donate-night #donationForm .wi-pay-head h3 {font-size:21px!important;}
  html.wt-donate-night #donationForm .wi-method-sub,
  html.wt-donate-night #donationForm .wi-pay-sub {font-size:13px!important;}
  html.wt-donate-night #donationForm .wi-method-total,
  html.wt-donate-night #donationForm .wi-summary {
    min-height:73px;padding:12px!important;gap:8px;
  }
  html.wt-donate-night #donationForm .wi-method-total strong,
  html.wt-donate-night #donationForm .wi-summary strong {font-size:clamp(25px,7.2vw,31px)!important;}
  html.wt-donate-night #donationForm .wi-methods {grid-template-columns:1fr!important;}
  html.wt-donate-night #donationForm .wi-method-stage .wi-method {min-height:70px!important;padding:10px 12px!important;}
  html.wt-donate-night #donationForm .wi-pay-head {flex-wrap:wrap;}
  html.wt-donate-night #donationForm .wi-text-button {font-size:12px!important;min-height:37px;}
  html.wt-donate-night #donationForm .wi-timer {min-height:58px;padding:9px 10px!important;gap:6px;}
  html.wt-donate-night #donationForm .wi-timer>span {font-size:12px!important;}
  html.wt-donate-night #donationForm .wi-timer strong {font-size:17px!important;}
  html.wt-donate-night #donationForm .wi-cancel-btn {min-height:38px;padding:7px 10px!important;font-size:13px!important;}
  html.wt-donate-night #donationForm .wi-payment-grid {grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
  html.wt-donate-night #donationForm .wi-receiver .wpay-payment-detail {min-height:0;padding:15px 12px!important;}
  html.wt-donate-night #donationForm .wi-receiver .wpay-qr {width:170px!important;height:170px!important;}
  html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .wpay-upload-form>label.slip-picker {
    min-height:120px!important;padding:14px 12px!important;border-radius:15px!important;
  }
  html.wt-donate-night #donationForm .wi-slip-side .pay-submit {min-height:51px!important;font-size:16px!important;}
  html.wt-donate-night #donationForm .wi-slip-side .wpay-mobile-open {min-height:57px;padding:9px 11px!important;}
  html.wt-donate-night #donationForm .wi-payment-grid~.wpay-mobile-pair:not([hidden]) {
    width:100%!important;max-width:100%!important;margin:10px 0 0!important;padding:15px!important;
  }
  html.wt-donate-night #donationForm .wpay-mobile-qr svg,
  html.wt-donate-night #donationForm .wpay-mobile-qr canvas,
  html.wt-donate-night #donationForm .wpay-mobile-qr img {width:160px!important;}
  html.wt-donate-night #wtPublicView .layout.wt-clean-layout>.wt-support-info {padding:18px;border-radius:15px;}
  html.wt-donate-night .wt-support-info-avatar {width:54px;height:54px;}
  html.wt-donate-night .wt-support-info-identity strong {font-size:19px!important;}
  html.wt-donate-night .wt-support-info-links a {min-height:36px;}
}
@media(max-width:360px) {
  html.wt-donate-night body>.container {width:calc(100% - 24px)!important;}
  html.wt-donate-night body>.container>.tabs a {gap:4px!important;padding-inline:2px!important;}
  html.wt-donate-night #donationForm .wi-summary,
  html.wt-donate-night #donationForm .wi-method-total {padding-inline:10px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html.wt-donate-night #donationForm *,
  html.wt-donate-night body>.container>.tabs a {animation:none!important;transition:none!important;}
}


/* 10. Consolidated donor + time payment card, balanced upload actions and mobile QR dialog. */
html.wt-donate-night #wtPublicView #donationForm .wi-payment-overview {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  min-height:0!important;
  margin:0 0 13px!important;
  padding:0!important;
  background:#202026!important;
  border:1px solid #3b3540!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
html.wt-donate-night #donationForm .wi-payment-overview>.wi-summary-primary {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-width:0!important;
  padding:16px 19px!important;
}
html.wt-donate-night #donationForm .wi-payment-overview .wi-donor-meta {
  display:grid!important;
  gap:2px!important;
  flex:1!important;
  min-width:0!important;
}
html.wt-donate-night #donationForm .wi-payment-overview>.wi-summary-primary>[data-wpay-amount] {
  flex:none!important;
  font-size:clamp(27px,3vw,34px)!important;
  line-height:1.13!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-payment-overview>.wi-timer {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-direction:row!important;
  gap:10px!important;
  width:100%!important;
  min-height:62px!important;
  margin:0!important;
  padding:10px 18px!important;
  background:rgba(69,47,67,.22)!important;
  border:0!important;
  border-top:1px solid #403744!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-payment-overview>.wi-timer>span {
  flex:1!important;
  font-size:14px!important;
  font-weight:700!important;
  color:#e9cda9!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-payment-overview>.wi-timer>[data-wpay-clock] {
  flex:none!important;
  font-size:20px!important;
  color:#ffdbab!important;
  letter-spacing:.025em!important;
  line-height:1.1!important;
}
html.wt-donate-night #donationForm .wi-payment-overview>.wi-timer>.wi-cancel-btn {
  min-height:42px!important;
  font-size:14px!important;
  padding:8px 12px!important;
}
/* The right column's three actions fill nearly the same height as the QR card. */
html.wt-donate-night #donationForm .wi-slip-side {
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-width:0!important;
}
html.wt-donate-night #donationForm .wi-slip-side .wpay-upload-form {
  display:grid!important;
  gap:10px!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .wpay-upload-form>label.slip-picker {
  box-sizing:border-box!important;
  min-height:120px!important;
  padding:14px 12px!important;
}
html.wt-donate-night #donationForm .wi-slip-side .pay-submit {
  box-sizing:border-box!important;
  min-height:51px!important;
}
html.wt-donate-night #donationForm .wi-slip-side .wpay-mobile-open {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:116px!important;
  margin:0!important;
  padding:13px 16px!important;
  text-align:center!important;
  color:#f1e8f8!important;
  background:#292032!important;
  border:1px solid #55405f!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
html.wt-donate-night #donationForm .wpay-mobile-open>i:first-child {
  flex:none!important;
  font-size:24px!important;
  color:#c59cf8!important;
}
html.wt-donate-night #donationForm .wpay-mobile-open>span {
  display:grid!important;
  gap:3px!important;
  justify-items:center!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
html.wt-donate-night #donationForm .wpay-mobile-open b {font-size:16px!important;line-height:1.35!important;}
html.wt-donate-night #donationForm .wpay-mobile-open small {font-size:12px!important;line-height:1.35!important;}
html.wt-donate-night #donationForm .wpay-mobile-open:hover,
html.wt-donate-night #donationForm .wpay-mobile-open:focus-visible {
  background:#342640!important;
  border-color:#9466c2!important;
}
/* Native dialog sits above the page, not as an expanding third card below the QR. */
html.wt-donate-night #donationForm .wi-mobile-slip-dialog {
  box-sizing:border-box!important;
  position:fixed!important;
  inset:0!important;
  width:min(420px,calc(100vw - 32px))!important;
  max-width:420px!important;
  max-height:min(90dvh,670px)!important;
  margin:auto!important;
  padding:0!important;
  color:#f7f2fb!important;
  background:#1c1923!important;
  border:1px solid #5a446f!important;
  border-radius:22px!important;
  box-shadow:0 22px 85px rgba(0,0,0,.62)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  z-index:99999!important;
}
html.wt-donate-night #donationForm .wi-mobile-slip-dialog:not([open]) {display:none!important;}
html.wt-donate-night #donationForm .wi-mobile-slip-dialog[open] {display:block!important;}
html.wt-donate-night #donationForm .wi-mobile-slip-dialog::backdrop {
  background:rgba(5,4,9,.78)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
html.wt-donate-night #donationForm .wi-mobile-slip-dialog-inner {
  position:relative;
  display:grid;
  justify-items:center;
  gap:12px;
  padding:30px 27px 25px;
  text-align:center;
}
html.wt-donate-night #donationForm .wi-mobile-slip-close {
  position:absolute;
  top:14px;right:14px;
  display:grid;place-items:center;
  width:34px;height:34px;
  padding:0!important;
  color:#d4c4e1!important;
  background:#302638!important;
  border:1px solid #51415d!important;
  border-radius:10px!important;
  font-size:17px!important;
  cursor:pointer;
}
html.wt-donate-night #donationForm .wi-mobile-slip-close:hover {background:#46324f!important;color:#fff!important;}
html.wt-donate-night #donationForm .wi-mobile-slip-emblem {
  display:grid;place-items:center;
  width:49px;height:49px;
  color:#d8b1ff;
  background:#38214f;
  border-radius:15px;
  font-size:23px;
}
html.wt-donate-night #donationForm #wiMobileSlipTitle {
  margin:0!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:750!important;
  color:#fff!important;
}
html.wt-donate-night #donationForm #wiMobileSlipHelp {
  margin:0!important;
  max-width:32ch;
  color:#bfb1ce!important;
  font-size:14px!important;
  line-height:1.65!important;
}
html.wt-donate-night #wtPublicView #donationForm .wi-mobile-slip-dialog .wpay-mobile-pair:not([hidden]) {
  box-sizing:border-box!important;
  display:grid!important;
  justify-items:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:5px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html.wt-donate-night #donationForm .wi-mobile-slip-dialog .wpay-mobile-pair[hidden] {display:none!important;}
html.wt-donate-night #donationForm .wi-mobile-slip-dialog .wpay-mobile-qr {
  box-sizing:border-box;
  display:grid;place-items:center;
  padding:13px!important;
  margin:0 auto!important;
  max-width:100%;
  color:#15101d;
  background:#fff!important;
  border-radius:15px!important;
}
html.wt-donate-night #donationForm .wi-mobile-slip-dialog .wpay-mobile-qr svg,
html.wt-donate-night #donationForm .wi-mobile-slip-dialog .wpay-mobile-qr canvas,
html.wt-donate-night #donationForm .wi-mobile-slip-dialog .wpay-mobile-qr img {
  display:block!important;
  width:clamp(182px,56vw,220px)!important;
  height:auto!important;
  max-width:100%!important;
}
html.wt-donate-night #donationForm .wi-mobile-slip-note {
  margin:1px 0 0!important;
  color:#b9a8c8!important;
  font-size:12px!important;
  line-height:1.5!important;
}
html.wt-donate-night #donationForm .wi-mobile-slip-note i {margin-right:5px;color:#c493f8;}
html.wt-donate-night:has(#wiMobileSlipDialog[open]) {overflow:hidden!important;}
@media (max-width:640px) {
  html.wt-donate-night #donationForm .wi-payment-overview>.wi-summary-primary {
    padding:13px 12px!important;
    gap:8px!important;
  }
  html.wt-donate-night #donationForm .wi-payment-overview>.wi-summary-primary>[data-wpay-amount] {
    font-size:clamp(24px,7.1vw,30px)!important;
  }
  html.wt-donate-night #wtPublicView #donationForm .wi-payment-overview>.wi-timer {
    min-height:57px!important;
    padding:8px 11px!important;
    gap:7px!important;
  }
  html.wt-donate-night #wtPublicView #donationForm .wi-payment-overview>.wi-timer>span {font-size:12px!important;}
  html.wt-donate-night #wtPublicView #donationForm .wi-payment-overview>.wi-timer>[data-wpay-clock] {font-size:17px!important;}
  html.wt-donate-night #donationForm .wi-payment-overview>.wi-timer>.wi-cancel-btn {
    min-height:37px!important;
    padding:7px 9px!important;
    font-size:12px!important;
  }
  html.wt-donate-night #wtPublicView #donationForm .wi-slip-side .wpay-upload-form>label.slip-picker {min-height:115px!important;}
  html.wt-donate-night #donationForm .wi-slip-side .wpay-mobile-open {min-height:98px!important;padding:12px 13px!important;}
  html.wt-donate-night #donationForm .wi-mobile-slip-dialog-inner {padding:26px 18px 22px;}
  html.wt-donate-night #donationForm #wiMobileSlipTitle {font-size:21px!important;}
}