/* Checkout v2 ("Focus") look for the public donation page (/donate/{tag}).
   Loaded after donate.css only while v2 is the active checkout design
   (CheckoutUi, .inc/embed/cx-skin.php). Keeps the merchant's accent colour
   (--dn-accent); brings the page, card, fields and button in line with the
   v2 checkout the donor lands on next. Not loaded in the portal preview. */
:root, [data-theme="dark"] {
    --dn-bg:#060a12; --dn-card:#0e1421; --dn-card-2:#121a2a;
    --dn-ink:#e8eef7; --dn-ink-2:#cbd5e1; --dn-muted:#94a3b8;
    --dn-line:rgba(255,255,255,.08); --dn-line-2:rgba(255,255,255,.12); --dn-field:#121a2a;
    --dn-radius:22px;
}
[data-theme="light"] {
    --dn-bg:#eef1f6; --dn-card:#ffffff; --dn-card-2:#f6f8fb;
    --dn-ink:#0b1220; --dn-ink-2:#334155; --dn-muted:#64748b;
    --dn-line:#e5e9f0; --dn-line-2:#dbe1ea; --dn-field:#f6f8fb;
}
body.dn { padding:48px 18px; background-image:radial-gradient(900px 420px at 50% -180px, color-mix(in srgb, var(--dn-accent) 14%, transparent), transparent 70%); }
body.dn .dn-card { max-width:460px; padding:32px 30px 24px; border-radius:var(--dn-radius); box-shadow:0 1px 2px rgba(15,23,42,.05), 0 30px 70px -40px rgba(15,23,42,.35); }
[data-theme="dark"] body.dn .dn-card { box-shadow:0 40px 90px -50px rgba(0,0,0,.9); }
@media (max-width: 560px) {
    body.dn { padding:0; background:var(--dn-card); background-image:none; }
    body.dn .dn-card { max-width:none; min-height:100vh; border:0; border-radius:0; box-shadow:none; padding:22px 20px 28px; }
}
body.dn .dn-title { font-size:24px; letter-spacing:-.025em; }
body.dn .dn-label { font-size:12px; font-weight:600; letter-spacing:.06em; }
body.dn .dn-chip { min-height:48px; border-radius:12px; background:var(--dn-card); border-color:var(--dn-line-2); }
body.dn .dn-chip.on { box-shadow:0 0 0 3px color-mix(in srgb, var(--dn-accent) 22%, transparent); }
body.dn .dn-input, body.dn .dn-select { min-height:48px; border-radius:12px; border-color:var(--dn-line-2); }
body.dn .dn-input:focus, body.dn .dn-select:focus { box-shadow:0 0 0 4px color-mix(in srgb, var(--dn-accent) 22%, transparent); background-color:var(--dn-card); }
body.dn .dn-btn { min-height:52px; border-radius:14px; font-weight:700; font-size:15.5px; background:var(--dn-accent); }
body.dn .dn-btn:hover { filter:none; background:color-mix(in srgb, var(--dn-accent) 88%, #000); }
body.dn .dn-desc { border-radius:14px; }
body.dn .dn-foot { font-size:12.5px; }