:root{--sp-ink:#152238;--sp-muted:#64748b;--sp-line:#d9e2ef;--sp-soft:#f6f9fc;--sp-primary:#3E6AC8;--sp-accent:#0f766e}body{background:#fff}html{scroll-behavior:smooth}.sp-tool-shell{padding:2rem 0 2.5rem}.sp-tool-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:2rem;align-items:start}.sp-panel{background:#fff;border:0;border-radius:0;box-shadow:none}.sp-page-heading{margin-bottom:1.5rem}.sp-page-heading h1{margin-bottom:.35rem;letter-spacing:0}.sp-page-heading p,.sp-section-note{color:var(--sp-muted);line-height:1.65}.sp-form-panel .form-label,.sp-panel .form-label{color:#1f2a44;font-weight:600;margin-bottom:.4rem}.sp-form-panel .form-control,.sp-form-panel .form-select,.sp-form-panel .ts-control{border-color:#cfd9e6;border-radius:8px;min-height:44px}.sp-bank-select .ts-control{padding-top:.42rem !important;padding-bottom:.42rem !important;padding-left:0 !important}.sp-bank-select .ts-wrapper,.sp-bank-select .ts-control{width:100%;max-width:100%}.sp-bank-select .ts-control{min-width:0;overflow:hidden}.sp-bank-select .ts-control .item{min-width:0;max-width:100%}.sp-bank-option{display:grid;grid-template-columns:90px minmax(0,1fr);gap:0;align-items:center;min-width:0}.sp-bank-option-logo{width:90px;height:34px;object-fit:contain;display:block}.sp-bank-option-text{min-width:0;line-height:1.25}.sp-bank-option-title{color:#5f6875;font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-bank-option-subtitle{color:#9aa4b2;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-bank-select .ts-dropdown .option{padding:.72rem 1rem;padding-left:0}.sp-bank-select .ts-dropdown .active,.sp-bank-select .ts-dropdown .option:hover{background:#eaf2ff}.sp-bank-select .ts-dropdown .selected .sp-bank-option-title,.sp-bank-select .ts-dropdown .selected .sp-bank-option-subtitle{color:#6f7885}.sp-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.sp-template-card{border:1px solid var(--sp-line);border-radius:8px;padding:.75rem;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.sp-template-card:hover,.sp-template-card.is-active{border-color:rgba(11,103,240,.55);box-shadow:0 8px 18px rgba(11,103,240,.12)}.sp-template-preview{height:76px;border-radius:6px;background:linear-gradient(180deg,#f8fafc 0%,#edf3fb 100%);border:1px solid #e6edf6;display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;position:relative;overflow:hidden}.sp-template-preview::before{content:"";width:42px;height:42px;border-radius:6px;background:linear-gradient(90deg,#172033 25%,transparent 25% 50%,#172033 50% 75%,transparent 75%),linear-gradient(#172033 25%,transparent 25% 50%,#172033 50% 75%,transparent 75%);background-size:12px 12px;opacity:.8}.sp-template-preview.is-standee{height:96px;max-width:70px;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,#eaf3ff 0%,#fff 42%,#e8fff8 100%)}.sp-template-preview.is-share::after{content:"";position:absolute;right:14px;top:16px;width:28px;height:28px;border-radius:50%;border:7px solid rgba(15,118,110,.18)}.sp-template-title{display:flex;gap:.4rem;align-items:center;color:var(--sp-ink);font-size:.9rem;font-weight:700;margin-bottom:.2rem}.sp-template-card p{color:var(--sp-muted);font-size:.78rem;line-height:1.45;margin-bottom:0}.sp-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.sp-purpose-card{position:relative;min-height:100%;padding:.625rem .75rem;padding-right:2rem}.sp-purpose-card .sp-template-preview{display:none}.sp-purpose-card p{font-size:.72rem;line-height:1.35}.sp-purpose-card::after{content:"";position:absolute;top:.75rem;right:.75rem;width:16px;height:16px;border:2px solid #cbd5e1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #fff}.sp-purpose-card.is-active::after{border-color:var(--sp-primary);background:var(--sp-primary)}.sp-purpose-card .sp-template-title{gap:.5rem;padding-right:.25rem}.sp-purpose-card .sp-template-title i{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(11,103,240,.10);color:var(--sp-primary);font-size:.85rem;line-height:1;flex:0 0 24px}.sp-variant-group{display:grid;grid-template-columns:1fr;gap:.6rem}.sp-variant-card{padding:.45rem .2rem;text-align:center}.sp-variant-card .sp-template-title{justify-content:center;flex-direction:column;gap:.25rem;font-size:.7rem;line-height:1.2}.sp-variant-card .sp-template-title i{font-size:1.05rem;line-height:1}.sp-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:.9rem;align-items:stretch}.sp-preview-layout #qrVariantGroup{margin-bottom:0 !important}.sp-qr-info-switch{margin-top:1rem;padding-top:1rem;padding-left:0;border-top:1px solid var(--sp-line);align-self:stretch;width:100%;display:flex;align-items:center;gap:.5em}.sp-qr-info-switch .form-check-input,.sp-qr-subswitch .form-check-input{float:none;margin-left:0;margin-top:.15em;flex:0 0 auto}.sp-qr-info-switch .form-check-label,.sp-qr-subswitch .form-check-label{flex:1 1 auto;cursor:pointer}.sp-qr-info-switch .form-check-label{font-size:.9rem;color:var(--sp-ink);font-weight:500}.sp-qr-subswitch{margin-top:1rem;padding-top:1rem;padding-left:0;border-top:1px solid var(--sp-line);align-self:stretch;width:100%;display:flex;align-items:center;gap:.5em}.sp-qr-info-switch:not(.d-none)+.sp-qr-subswitch{margin-top:.55rem;padding-top:0;border-top:0}.sp-qr-subswitch .form-check-label{font-size:.85rem;color:var(--sp-ink);font-weight:400}.sp-preview-layout.is-standee{grid-template-columns:minmax(0,1fr) 80px}.sp-preview-side{display:flex;flex-direction:column;min-height:300px}.sp-preview-actions{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:auto}.sp-preview-panel{position:sticky;top:1rem}.sp-preview-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.9rem;border-bottom:1px solid var(--sp-line);margin-bottom:1rem}.sp-preview-head h2,.sp-dev-panel h2{margin-bottom:.15rem}.sp-qr-stage{background:#fff;border:1px dashed #c8d6e5;border-radius:8px;padding:1rem;display:grid;place-items:center;min-height:400px}.sp-qr-frame{width:min(100%,320px);padding:1rem;text-align:center}.sp-qr-frame.is-standee{width:min(100%,260px);aspect-ratio:850 / 1259;background:url("https://my.sepay.vn/assets/images/other/qr-background6.png") no-repeat center / 100% 100%,transparent;display:flex;flex-direction:column;justify-content:flex-start;padding:4.5rem 1rem 1rem}.sp-qr-frame.is-standee img,.sp-qr-frame.is-standee .sp-qr-empty{width:86%;max-width:210px;margin-left:auto;margin-right:auto}.sp-qr-frame img{width:100%;max-width:260px;aspect-ratio:1 / 1;object-fit:contain}.sp-qr-empty{width:min(100%,260px);aspect-ratio:1 / 1;height:auto;display:block;margin:0 auto}.sp-qr-meta{margin-top:.75rem;font-size:.82rem;word-break:break-word}.sp-qr-info{margin-top:.5rem;font-size:.6rem;line-height:1.45;color:var(--sp-muted);word-break:break-word}.sp-qr-info strong,.sp-qr-info .sp-qr-info-primary{color:var(--sp-primary);font-weight:700}.sp-qr-frame.is-standee .sp-qr-info{color:#6c757d;line-height:1.55}.sp-preview-actions .btn{min-height:40px;border-radius:8px;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding-left:.4rem;padding-right:.4rem;font-size:.72rem;line-height:1.15}.sp-preview-actions .btn i{flex:0 0 auto;line-height:1;font-size:1.05rem}.sp-link-box{background:#f8fafc;color:#334155;border:1px solid var(--sp-line);border-radius:8px;padding:.75rem;font-family:var(--bs-font-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:.875rem;line-height:1.65;overflow:auto;word-break:break-all;text-align:left}.sp-url-row{display:flex;align-items:stretch;gap:.5rem}.sp-url-row .sp-link-box{flex:1 1 auto;min-width:0}.sp-url-actions{display:flex;flex-direction:column;gap:.35rem;flex:0 0 auto}.sp-url-actions .btn{width:38px;min-height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0}.sp-url-param{border-radius:4px;padding:.05rem .22rem;font-weight:600}.sp-url-param-bank{background:rgba(11,103,240,.10);color:#3E6AC8}.sp-url-param-acc{background:rgba(14,165,233,.12);color:#0369a1}.sp-url-param-amount{background:rgba(22,163,74,.12);color:#15803d}.sp-url-param-des{background:rgba(245,158,11,.16);color:#b45309}.sp-url-param-template{background:rgba(100,116,139,.14);color:#475569}.sp-url-param-showinfo{background:rgba(15,118,110,.12);color:#0f766e}.sp-url-param-fullacc{background:rgba(168,85,247,.12);color:#7e22ce}.sp-url-param-holder{background:rgba(236,72,153,.12);color:#be185d}.sp-url-param-store{background:rgba(20,184,166,.12);color:#0f766e}.sp-url-help{margin-top:.75rem;color:var(--sp-muted);font-size:.875rem;line-height:1.55}.sp-url-help-title{display:block;margin-bottom:.35rem;color:#475569;font-weight:700}.sp-url-help ul{margin:0;padding-left:1.1rem}.sp-url-help code{color:var(--sp-primary);background:rgba(11,103,240,.08);border-radius:4px;padding:.05rem .24rem}[data-bs-toggle="collapse"] .sp-collapse-chevron{display:inline-block;transition:transform .2s ease}[data-bs-toggle="collapse"][aria-expanded="true"] .sp-collapse-chevron{transform:rotate(90deg)}#advancedFieldsToggle{color:var(--sp-muted);text-decoration:none;font-size:.875rem}#advancedFieldsToggle:hover{color:var(--sp-primary)}.sp-code-box{margin-bottom:0;background:transparent;border-radius:0;padding:0;color:#334155;font-family:var(--sp-font-mono);font-size:.85rem;line-height:1.7;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}.sp-dev-panel{--sp-docs-accent:var(--sp-primary);margin-top:2.75rem;padding-top:2.5rem;border-top:1px solid var(--sp-line)}.sp-docs-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--sp-docs-accent);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.65rem}.sp-docs-eyebrow i{font-size:.9rem}.sp-dev-panel h2#developerHeading{font-size:1.9rem;line-height:1.25;color:var(--sp-ink);margin-bottom:.75rem}.sp-docs-block{margin-top:2rem}.sp-docs-subheading{font-size:1.05rem;font-weight:700;color:var(--sp-ink);margin-bottom:.65rem}.sp-docs-url{display:block;margin:0;font-family:var(--sp-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.9rem;line-height:1.75;color:#334155;background:var(--sp-soft);border:1px solid var(--sp-line);border-radius:8px;padding:.9rem 1rem;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}.sp-docs-params{margin:0;padding:0;list-style:none}.sp-docs-params li{padding:.5rem 0;border-bottom:1px solid var(--sp-line);color:var(--sp-muted);line-height:1.65;font-size:.95rem}.sp-docs-params li:last-child{border-bottom:0}.sp-docs-params code{font-family:var(--sp-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-weight:600;color:var(--sp-ink);background:none;padding:0;font-size:.9em}.sp-docs-link{color:var(--sp-docs-accent);text-decoration:underline;text-underline-offset:2px;font-weight:600;display:inline-flex;align-items:center;gap:.2rem}.sp-docs-link i{font-size:.85em}.sp-docs-tabs{border:1px solid var(--sp-line);border-radius:8px;overflow:hidden}.sp-docs-tablist{display:flex;gap:0;border-bottom:1px solid var(--sp-line);background:var(--sp-soft);overflow-x:auto}.sp-docs-tab{flex:0 0 auto;appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;color:var(--sp-muted);cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.sp-docs-tab:hover{color:var(--sp-ink)}.sp-docs-tab.is-active{color:var(--sp-docs-accent);border-bottom-color:var(--sp-docs-accent)}.sp-docs-tabpanel{display:none}.sp-docs-tabpanel.is-active{display:block}.sp-embed-example+.sp-embed-example{margin-top:1rem}.sp-embed-label{display:block;color:var(--sp-muted);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.sp-embed-code{position:relative;background:#fff;padding:.85rem 2.9rem .85rem 1rem}.sp-embed-code .sp-code-box{margin-bottom:0}.sp-copy-code-btn{position:absolute;top:.45rem;right:.45rem;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0}.sp-mobile-bottom-actions{display:none}.sp-param-list{display:grid;grid-template-columns:1fr;gap:.6rem .9rem;padding-left:1rem;color:#40516b}.sp-param-list li{padding-left:.15rem}.footer-common-search-keywords .keyword-seo{max-width:1140px}.footer-common-search-keywords h5{color:#475569;font-size:.88rem;font-weight:700;letter-spacing:0;margin-bottom:.75rem !important}.footer-common-search-keywords .keyword-seo-links{display:flex;flex-wrap:wrap;gap:.35rem .45rem;padding-right:.25rem}.footer-common-search-keywords .keyword-seo-links a{display:inline-flex;align-items:center;min-height:28px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.22rem .55rem;margin:0;font-size:.8rem;font-weight:400;line-height:1.2;text-decoration:none;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.footer-common-search-keywords .keyword-seo-links a::after{content:none}.footer-common-search-keywords .keyword-seo-links a:hover{color:var(--sp-primary);border-color:rgba(11,103,240,.35);background:#f8fbff}.sp-mobile-generate{display:none;width:100%;min-height:50px;border:1px solid var(--sp-primary);border-radius:8px;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.25rem;font-size:1rem;font-weight:700;line-height:1;box-shadow:0 4px 12px rgba(11,103,240,.28)}.sp-mobile-generate i{font-size:1.15rem}@media (max-width:991.98px){.sp-tool-shell{padding-top:1rem}.sp-tool-grid{grid-template-columns:1fr;gap:1rem}.sp-preview-panel{position:static}}@media (max-width:575.98px){.sp-template-grid,.sp-purpose-grid,.sp-param-list{grid-template-columns:1fr}.sp-preview-layout{grid-template-columns:1fr}.sp-preview-layout.is-standee{grid-template-columns:1fr}.sp-preview-side{display:contents;min-height:0}#qrVariantGroup{order:-1}.sp-qr-stage{order:0}.sp-preview-actions{order:1}.sp-variant-group{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-variant-card{text-align:center}.sp-variant-card .sp-template-title{justify-content:center;flex-direction:column}.sp-bank-option{grid-template-columns:66px minmax(0,1fr)}.sp-bank-option-logo{width:66px;height:28px}.sp-bank-option-title{font-size:.86rem}.sp-bank-option-subtitle{font-size:.74rem;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.sp-bank-select .ts-dropdown .option{padding-right:.75rem}.sp-dev-panel{margin-top:3rem;padding-top:2rem}.sp-dev-panel h2{font-size:1.55rem}.sp-preview-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.75rem}.sp-url-row{gap:.4rem}.sp-preview-actions .btn{padding-left:.55rem;padding-right:.55rem;font-size:.82rem}.sp-mobile-bottom-actions{position:fixed;left:0;right:0;bottom:0;z-index:1030;display:block;background:#fff;border-top:1px solid var(--sp-line);padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(15,23,42,.08)}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.sp-mobile-generate{display:inline-flex}}@media print{body *{visibility:hidden !important}#qrPreviewCard,#qrPreviewCard *{visibility:visible !important}#qrPreviewCard{position:fixed !important;inset:0 !important;margin:auto !important;box-shadow:none !important}}

:root{--mx-blue:#3E6AC8;--mx-teal:#0f766e;--mx-ink:#0f172a;}

    /* ---- mesh gradient backdrop ---- */
    body{
      background:
        radial-gradient(38rem 30rem at 8% 6%, rgba(11,103,240,.16), transparent 60%),
        radial-gradient(34rem 28rem at 95% 4%, rgba(99,102,241,.14), transparent 60%),
        radial-gradient(40rem 32rem at 88% 92%, rgba(168,85,247,.12), transparent 62%),
        radial-gradient(34rem 30rem at 6% 96%, rgba(14,165,233,.14), transparent 60%),
        radial-gradient(30rem 26rem at 50% 50%, rgba(15,118,110,.07), transparent 60%),
        #f6f8fc !important;
      background-attachment:fixed !important;
      -webkit-font-smoothing:antialiased;
      color:var(--mx-ink);
    }

    /* ---- glassy sticky header ---- */
    #header{background:rgba(255,255,255,.65) !important;
      -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
      border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 18px rgba(15,23,42,.05);
      position:sticky;top:0;z-index:1030;}
    #header .collapse.navbar-collapse{background:transparent !important;}
    #header .dropdown-menu{background:rgba(255,255,255,.96) !important;border:0 !important;
      box-shadow:0 18px 40px rgba(15,23,42,.14) !important;outline:0 !important;}
    #header.navbar-expand .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before{content:none !important;display:none !important;}

    /* ---- airy hero heading ---- */
    .sp-tool-shell{padding-top:3rem;}
    .sp-tool-grid{display:block;}
    .sp-tool-card{
      display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:0;align-items:start;
      background:rgba(255,255,255,.72) !important;
      -webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%);
      border:1px solid rgba(255,255,255,.85) !important;border-radius:24px !important;
      box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 24px 60px rgba(15,23,42,.10), 0 6px 16px rgba(15,23,42,.05) !important;
      padding:1.85rem !important;}
    .sp-page-heading{text-align:center;max-width:760px;margin:0 auto 2.5rem;}
    .sp-page-heading h1{font-size:clamp(2.1rem,4vw,3rem);font-weight:800;letter-spacing:-.025em;
      line-height:1.08;margin-bottom:.6rem;
      color:#3E6AC8;}
    .sp-page-heading p{font-size:1.08rem;color:#475569;}

    /* ---- glass cards ---- */
    .sp-panel,.sp-form-panel,.sp-preview-panel{
      background:rgba(255,255,255,.72) !important;
      -webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%);
      border:1px solid rgba(255,255,255,.85) !important;border-radius:24px !important;
      box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 24px 60px rgba(15,23,42,.10), 0 6px 16px rgba(15,23,42,.05) !important;
      padding:1.85rem !important;}
    .sp-tool-card>.sp-form-panel,.sp-tool-card>.sp-preview-panel{
      background:transparent !important;-webkit-backdrop-filter:none;backdrop-filter:none;
      border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;}
    .sp-tool-card>.sp-form-panel{padding-right:1.85rem !important;border-right:1px solid rgba(15,23,42,.08) !important;}
    .sp-tool-card>.sp-preview-panel{padding-left:1.85rem !important;align-self:start;}
    .sp-preview-panel{top:1.25rem;}

    /* soft halo behind preview */
    .sp-preview-panel{position:sticky;}
    .sp-qr-stage{background:rgba(255,255,255,.7) !important;border:1px solid rgba(255,255,255,.9) !important;
      border-radius:20px !important;box-shadow:0 18px 44px rgba(11,103,240,.14), 0 2px 8px rgba(15,23,42,.05) !important;}
    .sp-qr-frame.is-standee{aspect-ratio:auto !important;background:#fff !important;display:block !important;padding:0 !important;}
    .sp-qr-frame.is-standee img{width:100% !important;max-width:260px !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;margin:0 auto !important;}
    .sp-preview-head{border-bottom-color:rgba(15,23,42,.08) !important;}

    /* ---- inputs: rounded, frosted ---- */
    .sp-form-panel .form-control,.sp-form-panel .form-select,.sp-form-panel .ts-control,
    .form-control,.form-select,.ts-control{
      border-radius:14px !important;border-color:#e2e8f0 !important;min-height:48px;
      background:rgba(255,255,255,.85) !important;}
    .form-control:focus,.ts-control.focus{border-color:var(--mx-blue) !important;
      box-shadow:0 0 0 .25rem rgba(11,103,240,.16) !important;}
    .input-group-text{border-radius:14px !important;background:rgba(255,255,255,.85);border-color:#e2e8f0;}
    .sp-amount-group>.form-control{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
    .sp-amount-group>.input-group-text{margin-left:-1px;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
    .sp-amount-group:focus-within>.input-group-text{border-color:var(--mx-blue) !important;}

    /* ---- cards (purpose / variant / template) ---- */
    .sp-template-card{border-radius:18px !important;background:rgba(255,255,255,.66) !important;
      border:1px solid rgba(255,255,255,.85) !important;box-shadow:0 4px 14px rgba(15,23,42,.05);}
    .sp-template-card:hover,.sp-template-card.is-active{border-color:var(--sp-primary) !important;
      box-shadow:0 12px 26px rgba(11,103,240,.16) !important;}
    .sp-variant-card.is-active{background:rgba(11,103,240,.08) !important;}

    /* ---- buttons: pill + gradient primary ---- */
    .btn{border-radius:999px !important;}
    .sp-preview-actions .btn,.sp-mobile-generate{border-radius:999px !important;}
    .btn-primary{background: #3E6AC8 !important;border:0 !important;
      box-shadow:0 10px 22px rgba(11,103,240,.30) !important;font-weight:600;}
    .btn-primary:hover{filter:brightness(1.04);box-shadow:0 12px 26px rgba(11,103,240,.36) !important;}
    .btn-secondary{background:rgba(255,255,255,.85) !important;color:#334155 !important;
      border:1px solid #e2e8f0 !important;box-shadow:0 4px 12px rgba(15,23,42,.06) !important;}
    .sp-url-actions .btn{border-radius:12px !important;}

    /* ---- url + code boxes ---- */
    .sp-link-box,.sp-docs-url{background:rgba(248,250,252,.85) !important;
      border:1px solid rgba(15,23,42,.07) !important;border-radius:14px !important;}
    .sp-embed-code{background:rgba(248,250,252,.85) !important;border:0 !important;border-radius:0 !important;}
    .sp-docs-tabs{border-radius:14px !important;border-color:rgba(15,23,42,.08) !important;}
    .sp-docs-tablist{background:rgba(248,250,252,.7) !important;}
    .sp-docs-url-wrap{position:relative;}
    .sp-docs-url-wrap .sp-docs-url{padding-right:2.9rem;}
    .sp-url-param-download{background:rgba(239,68,68,.12);color:#b91c1c;}
    .sp-docs-params code.sp-url-param{border-radius:4px;padding:.05rem .22rem;font-weight:600;}
    .sp-docs-params code.sp-url-param-acc{background:rgba(14,165,233,.12);color:#0369a1;}
    .sp-docs-params code.sp-url-param-bank{background:rgba(11,103,240,.10);color:#3E6AC8;}
    .sp-docs-params code.sp-url-param-amount{background:rgba(22,163,74,.12);color:#15803d;}
    .sp-docs-params code.sp-url-param-des{background:rgba(245,158,11,.16);color:#b45309;}
    .sp-docs-params code.sp-url-param-template{background:rgba(100,116,139,.14);color:#475569;}
    .sp-docs-params code.sp-url-param-showinfo{background:rgba(15,118,110,.12);color:#0f766e;}
    .sp-docs-params code.sp-url-param-download{background:rgba(239,68,68,.12);color:#b91c1c;}
    .sp-docs-params code.sp-url-param-fullacc{background:rgba(168,85,247,.12);color:#7e22ce;}
    .sp-docs-params code.sp-url-param-holder{background:rgba(236,72,153,.12);color:#be185d;}
    .sp-docs-params code.sp-url-param-store{background:rgba(20,184,166,.12);color:#0f766e;}
    .sp-url-help code.sp-url-param{border-radius:4px;padding:.05rem .22rem;font-weight:600;}
    .sp-url-help code.sp-url-param-acc{background:rgba(14,165,233,.12);color:#0369a1;}
    .sp-url-help code.sp-url-param-bank{background:rgba(11,103,240,.10);color:#3E6AC8;}
    .sp-url-help code.sp-url-param-amount{background:rgba(22,163,74,.12);color:#15803d;}
    .sp-url-help code.sp-url-param-des{background:rgba(245,158,11,.16);color:#b45309;}
    .sp-url-help code.sp-url-param-template{background:rgba(100,116,139,.14);color:#475569;}
    .sp-url-help code.sp-url-param-showinfo{background:rgba(15,118,110,.12);color:#0f766e;}
    .sp-url-help code.sp-url-param-fullacc{background:rgba(168,85,247,.12);color:#7e22ce;}
    .sp-url-help code.sp-url-param-holder{background:rgba(236,72,153,.12);color:#be185d;}
    .sp-url-help code.sp-url-param-store{background:rgba(20,184,166,.12);color:#0f766e;}

    /* ---- dev panel as its own glass card ---- */
    .sp-dev-panel{margin-top:2.5rem !important;padding:1.85rem !important;border-top:0 !important;}

    @media (max-width:991.98px){
      .sp-tool-shell{padding-top:1.5rem;}
      .sp-tool-card{grid-template-columns:1fr;padding:1.25rem !important;}
      .sp-tool-card>.sp-form-panel{padding-right:0 !important;padding-bottom:1.25rem !important;border-right:0 !important;border-bottom:1px solid rgba(15,23,42,.08) !important;}
      .sp-tool-card>#purposeSection{padding:1.25rem 0 0;}
      .sp-tool-card>.sp-preview-panel{padding-left:0 !important;padding-top:1.25rem !important;}
      .sp-preview-panel{position:static;}
    }
    @media print{
      #qrPreviewCard{width:720px !important;max-width:92vw !important;padding:0 !important;}
      #qrPreviewCard.is-standee{width:520px !important;max-width:92vw !important;}
      #qrPreviewCard img{width:100% !important;max-width:none !important;height:auto !important;}
    }

.cls-1 { fill: #eee; }

.sp-page-heading {
  max-width: 960px;
}

.sp-bank-option.sp-bank-option-other{
  grid-template-columns:minmax(0,1fr);
  padding-left:1rem !important;
  padding-right:1rem !important;
}

.sp-bank-option.sp-bank-option-other .sp-bank-option-title,
.sp-bank-option.sp-bank-option-other .sp-bank-option-subtitle{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width:575.98px){
  .sp-bank-option.sp-bank-option-other{
    grid-template-columns:minmax(0,1fr);
    padding-left:.75rem;
    padding-right:.75rem;
  }
}

.form-check-input:checked {
    background-color: var(--sp-primary) !important;
    border-color: var(--sp-primary) !important;
}

.form-check-input:checked {
  background-color: var(--sp-primary) !important;
}