html.simplypay-light{color-scheme:light!important;background:#f3f5f8!important;color:#192536}
html.simplypay-light body,html.simplypay-light #root{background:#f3f5f8!important;color:#192536;min-height:100%}
.simplypay-light [class*="bg-lightMainBackground"],.simplypay-light [class*="bg-darkMainBackground"]{background:#f3f5f8!important}
.simplypay-light .sp-shell{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;width:100%;max-width:432px;margin:24px auto;color:#192536;padding:0 14px;box-sizing:border-box;line-height:1.5}
.simplypay-light .sp-shell *{box-sizing:border-box}
.simplypay-light .sp-brandbar{display:flex;align-items:center;margin:0 3px 20px}
.simplypay-light .sp-brand{display:flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-.8px;font-weight:600;color:#192d49}
.simplypay-light .sp-logo{width:28px;height:28px;border-radius:8px;background:#192d49;color:white;font-size:20px;font-style:italic;display:grid;place-items:center}
.simplypay-light .sp-paper{background:#fff;border:1px solid #e0e5ec;border-radius:14px;box-shadow:0 4px 20px #18233a04;overflow:hidden}
.simplypay-light .sp-header{padding:25px 26px 0;background:#fff}
.simplypay-light .sp-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}
.simplypay-light .sp-heading h1{font-size:20px;line-height:1.3;letter-spacing:-.45px;margin:0;font-weight:600;color:#172638}
.simplypay-light .sp-header p{font-size:12px;line-height:1.6;color:#6c7888;margin:6px 0 0}
.simplypay-light .sp-back{border:0;background:none;font-size:20px;color:#526174;padding:4px}
.simplypay-light .sp-language{font-size:12px;color:#526174}
.simplypay-light .sp-amount{padding:23px 26px 19px}
.simplypay-light .sp-muted{font-size:12px;color:#6c7888}
.simplypay-light .sp-value{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-1.5px;color:#132139;margin:5px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.simplypay-light .sp-value span{font-size:27px;color:#627085;font-weight:400}
.simplypay-light .sp-timer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid #e9edf2;border-bottom:1px solid #e9edf2;font-size:12px;margin:0 26px;color:#66758a}
.simplypay-light .sp-timer-label{display:flex;align-items:center;gap:7px}
.simplypay-light .sp-timer strong{font-weight:600;font-size:13px;color:#24364d;font-variant-numeric:tabular-nums;white-space:nowrap}
.simplypay-light .sp-icon{width:16px;height:16px;flex-shrink:0}
.simplypay-light .sp-timer .sp-urgent{color:#b42318}
.simplypay-light .sp-qr{padding:22px 26px 0;text-align:center}
.simplypay-light .sp-qr-frame{display:inline-flex;background:#fff;border:1px solid #dce2ea;padding:9px;border-radius:10px;max-width:100%}
.simplypay-light .sp-qr-frame svg{max-width:100%;height:auto}
.simplypay-light .sp-qr p{font-size:12px;line-height:1.6;color:#6a7789;margin:12px auto 0;max-width:260px}
.simplypay-light .sp-requisites{margin:6px 26px 0}
.simplypay-light .sp-detail{padding:12px 0;border-bottom:1px solid #eef1f5}
.simplypay-light .sp-detail-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.simplypay-light .sp-detail-value{font-size:15px;color:#22344a;font-weight:600;margin-top:3px;letter-spacing:.1px;overflow-wrap:anywhere;min-width:0}
.simplypay-light .sp-copy{border:0;background:#f3f6fa;color:#53647b;border-radius:7px;min-width:38px;min-height:40px;display:grid;place-items:center;flex-shrink:0}
.simplypay-light .sp-note{font-size:12px;line-height:1.6;color:#526176;background:#f5f7fa;border-radius:7px;padding:11px 13px;margin-top:15px}
.simplypay-light .sp-actions{padding:22px 26px 0}
.simplypay-light .sp-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 12px;border:1px solid #2359bc;background:#2359bc;color:#fff;border-radius:8px;font-size:14px;font-weight:600;min-height:49px;cursor:pointer}
.simplypay-light .sp-primary:hover{background:#1c4da8}
.simplypay-light .sp-primary:disabled{opacity:.5;cursor:not-allowed}
.simplypay-light .sp-cancel{display:block;border:0;background:none;color:#718095;padding:12px 10px;margin:0 auto;font-size:12px;min-height:43px;cursor:pointer}
.simplypay-light .sp-instructions-wrap{padding:4px 26px 12px}
.simplypay-light .sp-instructions{border-top:1px solid #e9edf2;padding-top:13px}
.simplypay-light summary{font-size:12px;color:#40536c;cursor:pointer;min-height:30px}
.simplypay-light .sp-instructions ol{font-size:12px;line-height:1.7;color:#69788b;padding-left:18px;margin:4px 0 12px;list-style:decimal}
.simplypay-light .sp-receipt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#627189;background:transparent;padding:3px 26px 13px;font-size:12px}
.simplypay-light .sp-receipt button{background:#f3f6fa;border:1px solid #e3e9f0;border-radius:7px;padding:9px 12px;color:#445c7a;min-height:40px;font-size:12px;cursor:pointer}
.simplypay-light .sp-receipt span{overflow-wrap:anywhere;max-width:100%}
.simplypay-light .sp-receipt [role=alert]{color:#b42318}
.simplypay-light .sp-footer{text-align:center;color:#7a8799;font-size:11px;padding:15px 0 0}
.simplypay-light .sp-warning{padding:12px 26px 0}
.simplypay-light .sp-warning>div{background:#f5f7fa!important;border:0!important;border-radius:7px!important;margin:0!important;padding:11px 13px!important}
.simplypay-light .sp-warning p{font-size:12px!important;color:#526176!important;font-weight:400!important}
.simplypay-light .sp-warning>div>span{display:none}
.simplypay-light .sp-paper [class*="shadow"]{box-shadow:none!important}
.simplypay-light .sp-paper .text-green,.simplypay-light .sp-paper .text-accent{color:#2359bc!important}
@media(max-width:380px){.simplypay-light .sp-shell{padding:0 8px;margin:16px auto}.simplypay-light .sp-header{padding:21px 19px 0}.simplypay-light .sp-amount{padding:20px 19px 17px}.simplypay-light .sp-timer{margin:0 19px}.simplypay-light .sp-requisites{margin:6px 19px 0}.simplypay-light .sp-actions{padding:20px 19px 0}.simplypay-light .sp-instructions-wrap{padding:4px 19px 12px}.simplypay-light .sp-receipt{padding:3px 19px 13px}.simplypay-light .sp-warning{padding:12px 19px 0}}

html.simplypay-light .sp-status{padding:36px 26px;text-align:center;color:#17202b}
html.simplypay-light .sp-status h2{font-size:20px;font-weight:600;line-height:1.4;margin:20px 0 8px}
html.simplypay-light .sp-status>p{font-size:14px;line-height:1.6;color:#647080;margin:0 0 24px}
html.simplypay-light .sp-status .sp-requisites{padding:0;text-align:left;margin:24px 0}
html.simplypay-light .sp-status-icon{width:56px;height:56px;margin:auto;display:grid;place-items:center;border:1px solid #d8dfe8;border-radius:50%;background:#f3f5f8;color:#697587}
html.simplypay-light .sp-status-icon svg{width:26px;height:26px}
html.simplypay-light .sp-status-success .sp-status-icon{background:#eff8f3;border-color:#b9deca;color:#268158}
html.simplypay-light .sp-status-failed .sp-status-icon{background:#fff4f3;color:#b44c45;border-color:#efd0cc}
html.simplypay-light .sp-spinner{width:42px;height:42px;margin:8px auto;border:3px solid #e5eaf2;border-top-color:#2359bc;border-radius:50%;animation:sp-spin 1s linear infinite}
@keyframes sp-spin{to{transform:rotate(360deg)}}
html.simplypay-light .sp-paper .sp-shell{padding:0;max-width:none;margin:0}
html.simplypay-light .sp-paper .sp-shell>.sp-brandbar,html.simplypay-light .sp-paper .sp-shell>.sp-footer{display:none}
html.simplypay-light .sp-paper .sp-paper{border:0;box-shadow:none;border-radius:0}
html.simplypay-light .fixed.inset-0.z-50>div{background:white;border:1px solid #dbe0e7;border-radius:16px;max-width:calc(100vw - 32px);box-shadow:0 16px 64px #17202b22}
@media(prefers-reduced-motion:reduce){html.simplypay-light .sp-spinner{animation-duration:2.5s}}

/* Keep the language menu accessible on short status cards. */
html.simplypay-light .sp-paper{overflow:visible}
html.simplypay-light .sp-header{border-radius:14px 14px 0 0}
html.simplypay-light .sp-language ul{max-height:min(224px,40dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff;color:#192536;border:1px solid #dbe1e9;border-radius:10px;box-shadow:0 8px 24px #17202b18;padding:4px;width:132px;z-index:60}
html.simplypay-light .sp-language li{border:0;border-radius:6px;padding:9px 10px;min-height:36px}
html.simplypay-light .sp-language li:hover{background:#f0f4fa}

/* Neutral secondary actions and legacy blue controls. */
html.simplypay-light .sp-status .sp-primary,
html.simplypay-light button.bg-accent,
html.simplypay-light button.bg-accent-tinted,
html.simplypay-light button.text-accent,
html.simplypay-light button[class*="bg-blue-"]{background:#e9ecef!important;border:1px solid #d5d9df!important;color:#374151!important;box-shadow:none!important}
html.simplypay-light .sp-status .sp-primary:hover,
html.simplypay-light button.bg-accent:hover,
html.simplypay-light button.bg-accent-tinted:hover,
html.simplypay-light button.text-accent:hover,
html.simplypay-light button[class*="bg-blue-"]:hover{background:#dfe3e8!important;color:#26313f!important}
html.simplypay-light .sp-status .sp-primary:active,
html.simplypay-light button.bg-accent:active,
html.simplypay-light button.bg-accent-tinted:active,
html.simplypay-light button.text-accent:active,
html.simplypay-light button[class*="bg-blue-"]:active{background:#d3d9e0!important}
html.simplypay-light button.bg-accent .text-accent,
html.simplypay-light button.bg-accent-tinted .text-accent{color:inherit!important}

html.simplypay-light .sp-paper button.text-accent{color:#374151!important}
html.simplypay-light .sp-paper button.text-accent:hover{color:#26313f!important}