/* STOP WALLET 3.5 — overview page */
.sw-welcome-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.sw-welcome-row h1{margin:3px 0 5px;font-size:clamp(25px,2.7vw,34px);line-height:1.15;letter-spacing:-.6px}.sw-welcome-row p{margin:0;color:#77869b;font-size:13px}.sw-welcome-row h1 span{font-size:.85em}.sw-hero-balance{min-height:230px;border-radius:24px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px 38px;background:linear-gradient(110deg,#0d725f 0%,#0a5c62 34%,#3720c5 75%,#5c0ad7 100%);box-shadow:0 20px 48px rgba(52,42,177,.20)}.sw-hero-balance:after{content:"";position:absolute;width:360px;height:360px;right:6%;top:-190px;border-radius:50%;background:rgba(255,255,255,.07)}.sw-hero-copy{position:relative;z-index:3;color:#fff}.sw-hero-label-row{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.sw-hero-label-row button{width:28px;height:28px;border:0;background:transparent;color:#fff;cursor:pointer;padding:4px}.sw-eye-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.sw-hero-amount{display:flex;align-items:flex-end;gap:8px;margin:8px 0 12px}.sw-hero-amount>span{font-size:27px;font-weight:600;margin-bottom:9px}.sw-hero-amount strong{font-size:46px;line-height:1;letter-spacing:-1.4px;font-weight:780}.sw-hero-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:rgba(255,255,255,.78)}.sw-status-dot{width:7px;height:7px;background:#26e3a7;border-radius:50%;box-shadow:0 0 0 5px rgba(38,227,167,.10)}.sw-hero-reveal{margin-top:16px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;padding:9px 13px;font-size:11px;cursor:pointer;backdrop-filter:blur(8px)}.sw-hero-art{width:300px;height:190px;position:relative;flex:0 0 300px}.sw-art-wallet{position:absolute;right:38px;bottom:22px;width:132px;height:84px;border-radius:15px 22px 18px 15px;background:linear-gradient(145deg,#0c3d62,#0d5d5d);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 25px rgba(0,0,0,.18);transform:rotate(-2deg)}.sw-art-wallet:before{content:"";position:absolute;left:0;right:0;top:21px;height:29px;background:rgba(3,20,44,.26);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.sw-art-wallet:after{content:"";position:absolute;right:-12px;top:33px;width:32px;height:20px;border-radius:0 9px 9px 0;background:#0b3e62;border:1px solid rgba(255,255,255,.13)}.sw-art-wallet i{position:absolute;left:51px;top:29px;width:30px;height:30px;border-radius:9px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.12)}.sw-art-wallet i:before{content:"";position:absolute;left:8px;top:7px;width:13px;height:15px;border:2px solid #0a4d68;border-radius:6px}.sw-art-wallet i:after{content:"";position:absolute;left:12px;top:13px;width:5px;height:5px;border-radius:50%;background:#0a4d68}.sw-art-wallet b{position:absolute;right:11px;bottom:12px;width:9px;height:9px;background:#dce44d;border-radius:50%;box-shadow:0 0 0 5px rgba(220,228,77,.08)}.sw-art-coin{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#9a5d00;font-weight:900;background:linear-gradient(145deg,#ffe870,#f2a900);border:3px solid #ffc83f;box-shadow:0 8px 15px rgba(0,0,0,.15);font-size:20px}.sw-art-coin-a{right:126px;top:25px}.sw-art-coin-b{right:82px;top:6px;width:55px;height:55px}.sw-art-coin-c{right:52px;top:40px;width:44px;height:44px}.sw-art-spark{position:absolute;color:#ffed46;font-size:16px}.sw-art-spark-a{right:18px;top:21px}.sw-art-spark-b{right:18px;bottom:34px}.sw-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sw-quick-card{min-height:91px;padding:15px 14px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--sw-line);border-radius:17px;box-shadow:0 8px 24px rgba(24,45,78,.05);transition:.2s;position:relative;overflow:hidden}.sw-quick-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(24,45,78,.09);border-color:#d9e3ef}.sw-quick-icon,.sw-service-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;color:var(--tone);background:var(--tone-bg)}.sw-quick-icon svg,.sw-service-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sw-quick-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.sw-quick-card strong{font-size:13px;color:#203553}.sw-quick-card small{font-size:9px;color:#8a98aa;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-card-arrow{margin-left:auto;font-size:22px;font-weight:300;color:#9eacbd}.sw-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.sw-service-card{min-height:101px;background:#fff;border:1px solid var(--sw-line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;box-shadow:0 7px 20px rgba(24,45,78,.035);transition:.2s}.sw-service-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(24,45,78,.08);border-color:#d7e0eb}.sw-service-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px}.sw-service-card strong{font-size:11px;color:#243b5a}.sw-service-arrow{position:absolute;right:8px;top:7px;color:#b4bfcd;font-size:16px}.sw-service-card.is-extra{display:none}.sw-dashboard-columns{display:grid;grid-template-columns:1.45fr .75fr;gap:14px;margin-top:30px}.sw-transaction-panel,.sw-security-panel{padding:18px}.sw-transaction-list{display:flex;flex-direction:column}.sw-transaction-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #eef2f6}.sw-transaction-row:last-child{border-bottom:0}.sw-tx-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.sw-tx-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sw-tx-icon.is-credit{background:#eafaf4;color:#12a978}.sw-tx-icon.is-debit{background:#f0edff;color:#6b45e8}.sw-tx-info{display:flex;flex-direction:column;min-width:0}.sw-tx-info strong{font-size:12px;color:#233955;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-tx-info small{font-size:9px;color:#95a1b2;margin-top:2px}.sw-tx-value{font-size:12px;white-space:nowrap}.sw-tx-value.is-credit{color:#11a76f}.sw-tx-value.is-debit{color:#2b4160}.sw-tx-status{padding:4px 8px;border-radius:20px;background:#eaf9f1;color:#18a56d;font-size:8px;font-weight:800;white-space:nowrap}.sw-security-card{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e7eef4;border-radius:15px;background:#fbfcfe}.sw-security-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eafaf4;color:#12a978}.sw-security-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sw-security-card>div{flex:1;display:flex;flex-direction:column}.sw-security-card strong{font-size:12px}.sw-security-card small{font-size:9px;color:#8795a8;line-height:1.45;margin-top:3px}.sw-security-check{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#1bb979;color:#fff;font-size:11px}.sw-profile-shortcut,.sw-notification-shortcut{display:flex;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #eef2f6}.sw-notification-shortcut{border-bottom:0}.sw-profile-shortcut>span,.sw-notification-shortcut>span{width:36px;height:36px;border-radius:11px;background:#f1f4fa;color:#55708f;display:grid;place-items:center}.sw-profile-shortcut svg,.sw-notification-shortcut svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.sw-profile-shortcut div,.sw-notification-shortcut div{display:flex;flex-direction:column;flex:1}.sw-profile-shortcut strong,.sw-notification-shortcut strong{font-size:11px}.sw-profile-shortcut small,.sw-notification-shortcut small{font-size:9px;color:#8a98a9;margin-top:2px}.sw-profile-shortcut>b,.sw-notification-shortcut>b{font-size:19px;color:#9ca8b8;font-weight:300}
@media(max-width:1100px){.sw-service-grid{grid-template-columns:repeat(4,1fr)}.sw-dashboard-columns{grid-template-columns:1fr}.sw-hero-art{width:240px;flex-basis:240px}.sw-art-wallet{right:20px}.sw-art-coin-a{right:105px}.sw-art-coin-b{right:63px}.sw-art-coin-c{right:32px}}
@media(max-width:760px){.sw-welcome-row{align-items:flex-start}.sw-welcome-row .sw-outline-button{display:none}.sw-hero-balance{padding:25px 22px;min-height:220px}.sw-hero-amount strong{font-size:37px}.sw-hero-art{position:absolute;right:-15px;opacity:.65;transform:scale(.82)}.sw-quick-grid{grid-template-columns:repeat(2,1fr)}.sw-service-grid{grid-template-columns:repeat(3,1fr)}.sw-service-card{min-height:94px}.sw-dashboard-columns{grid-template-columns:1fr}.sw-transaction-row{grid-template-columns:40px minmax(0,1fr) auto}.sw-tx-status{display:none}}
@media(max-width:480px){.sw-welcome-row h1{font-size:24px}.sw-hero-balance{min-height:205px;padding:22px 18px}.sw-hero-amount strong{font-size:32px}.sw-hero-art{right:-75px;transform:scale(.68);opacity:.5}.sw-quick-grid{gap:9px}.sw-quick-card{min-height:82px;padding:11px}.sw-quick-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}.sw-quick-card small{display:none}.sw-service-grid{grid-template-columns:repeat(3,1fr);gap:8px}.sw-service-card{min-height:87px}.sw-service-icon{width:37px;height:37px;flex-basis:37px}.sw-service-icon svg{width:19px;height:19px}.sw-service-card strong{font-size:9px}.sw-panel{border-radius:16px}.sw-transaction-panel,.sw-security-panel{padding:14px}}

/* StopWallet BSoft — premium reference layout */
.sw-welcome-row{margin-bottom:18px}
.sw-welcome-row h1{font-size:26px;letter-spacing:-.45px;color:#15233b}
.sw-welcome-row p{font-size:12px}
.sw-page-kicker{font-size:10px;letter-spacing:1.5px;color:#71819a}
.sw-hero-balance{min-height:230px;border-radius:20px;padding:28px 30px;background:linear-gradient(105deg,#087f68 0%,#0b665e 32%,#3420c7 73%,#5b10db 100%);box-shadow:0 17px 38px rgba(42,35,174,.16)}
.sw-hero-balance:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 42%,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 97% 8%,rgba(255,255,255,.08),transparent 18%);pointer-events:none}
.sw-hero-copy{padding-left:0}
.sw-hero-label-row{font-size:15px}
.sw-hero-amount{margin:9px 0 10px}
.sw-hero-amount>span{font-size:28px;margin-bottom:8px}
.sw-hero-amount strong{font-size:47px;letter-spacing:-1.5px}
.sw-hero-reveal{margin-top:15px;border-radius:10px;padding:9px 13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.08)}
.sw-quick-grid{gap:13px}
.sw-quick-card{min-height:112px;padding:15px 10px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;border-radius:17px}
.sw-quick-card>span:nth-child(2){align-items:center}
.sw-quick-card strong{font-size:12px}
.sw-quick-card small{display:none}
.sw-quick-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}
.sw-card-arrow{display:none}
.sw-section{margin-top:26px}
.sw-section-head{margin-bottom:13px}
.sw-section-head h2,.sw-panel-head h2{font-size:18px}

.sw-services-toggle{
  border:0;
  background:transparent;
  color:#2865c7;
  font-size:12px;
  font-weight:700;
  padding:6px 2px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.sw-services-toggle:hover{color:#174fae}
.sw-services-toggle b{font-size:15px;font-weight:600;line-height:1}
.sw-service-card.is-extra{display:none}
.sw-service-card.is-extra.is-visible{display:flex}
.sw-service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sw-service-card{min-height:102px;border-radius:15px;gap:7px}
.sw-service-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px}
.sw-service-card strong{font-size:10px;padding:10px;white-space:nowrap}
.sw-service-arrow{display:none}
.sw-dashboard-columns{grid-template-columns:1fr;gap:14px;margin-top:28px}
.sw-transaction-panel{padding:18px 20px}
.sw-security-panel{padding:18px 20px}
.sw-transaction-row{padding:12px 0;grid-template-columns:42px minmax(0,1fr) auto auto}
.sw-tx-icon{width:39px;height:39px;border-radius:12px}
.sw-tx-value{font-size:12px}
.sw-tx-status{font-size:8px;padding:4px 9px}
.sw-security-panel{display:none}
@media(max-width:1200px){.sw-service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:992px){
  .sw-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sw-dashboard-columns{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sw-hero-balance{border-radius:18px;padding:24px 22px}
  .sw-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sw-quick-card{min-height:100px}
}
@media(max-width:560px){
  .sw-content{padding:18px 14px 30px}
  .sw-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sw-quick-card{min-height:92px}
  .sw-quick-icon{width:43px;height:43px;flex-basis:43px}
}



/* ============================================================
   STOP_WALLET BSOFT — GLOBAL PREMIUM UI OVERRIDE
   VISUAL ONLY / NO FUNCTION OR LOGIC CHANGE
   ============================================================ */

:root{
    --sw-premium-primary:#087f5b;
    --sw-premium-primary-dark:#064d3a;
    --sw-premium-secondary:#12a978;
    --sw-premium-gold:#c9a43a;
    --sw-premium-ink:#17232c;
    --sw-premium-muted:#71808b;
    --sw-premium-line:#e1ebe7;
    --sw-premium-soft:#f3f9f6;
    --sw-premium-white:#fff;
    --sw-premium-shadow:0 14px 42px rgba(18,42,52,.075);
}

/* ---------- Centered application canvas ---------- */

#stop_wallet-bsoft-app-shell .sw-dashboard,
#stop_wallet-bsoft-app-shell .sw-main,
#stop_wallet-bsoft-app-shell .sw-content{
    box-sizing:border-box;
}

#stop_wallet-bsoft-app-shell .sw-content{
    width:100%;
}

/* ---------- Typography / first-letter capitalization ---------- */

#stop_wallet-bsoft-app-shell h1,
#stop_wallet-bsoft-app-shell h2,
#stop_wallet-bsoft-app-shell h3,
#stop_wallet-bsoft-app-shell h4,
#stop_wallet-bsoft-app-shell h5,
#stop_wallet-bsoft-app-shell button,
#stop_wallet-bsoft-app-shell label,
#stop_wallet-bsoft-app-shell th,
#stop_wallet-bsoft-app-shell .sw-status,
.sw-donation-wrap h1,
.sw-donation-wrap h2,
.sw-donation-wrap h3,
.sw-donation-wrap h4,
.sw-donation-wrap button,
.sw-donation-wrap label,
.sw-campaign-builder h1,
.sw-campaign-builder h2,
.sw-campaign-builder h3,
.sw-campaign-builder h4,
.sw-campaign-builder button,
.sw-campaign-builder label,
.sw-approved-campaigns h1,
.sw-approved-campaigns h2,
.sw-approved-campaigns h3,
.sw-approved-campaigns h4,
.sw-approved-campaigns button,
.sw-approved-campaigns label{
    text-transform:capitalize;
}

/* ---------- Universal premium controls ---------- */

#stop_wallet-bsoft-app-shell input,
#stop_wallet-bsoft-app-shell select,
#stop_wallet-bsoft-app-shell textarea,
.sw-donation-wrap input,
.sw-donation-wrap select,
.sw-donation-wrap textarea,
.sw-campaign-builder input,
.sw-campaign-builder select,
.sw-campaign-builder textarea{
    border-radius:11px;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

#stop_wallet-bsoft-app-shell input:focus,
#stop_wallet-bsoft-app-shell select:focus,
#stop_wallet-bsoft-app-shell textarea:focus,
.sw-donation-wrap input:focus,
.sw-donation-wrap select:focus,
.sw-donation-wrap textarea:focus,
.sw-campaign-builder input:focus,
.sw-campaign-builder select:focus,
.sw-campaign-builder textarea:focus{
    border-color:var(--sw-premium-primary) !important;
    box-shadow:0 0 0 4px rgba(8,127,91,.075) !important;
    outline:none;
}

#stop_wallet-bsoft-app-shell button,
.sw-donation-wrap button,
.sw-campaign-builder button{
    border-radius:10px;
}

/* ============================================================
   BASIC DASHBOARD
   ============================================================ */

#stop_wallet-bsoft-app-shell .sw-dashboard{
    --sw-dashboard-primary:var(--sw-premium-primary);
    --sw-dashboard-dark:var(--sw-premium-primary-dark);
}

#stop_wallet-bsoft-app-shell .sw-main{
    min-width:0;
}

#stop_wallet-bsoft-app-shell .sw-content{
    padding:24px;
}

#stop_wallet-bsoft-app-shell .sw-header{
    border-radius:18px;
    box-shadow:0 8px 28px rgba(18,42,52,.055);
}

#stop_wallet-bsoft-app-shell .sw-card,
#stop_wallet-bsoft-app-shell .sw-panel,
#stop_wallet-bsoft-app-shell .sw-section,
#stop_wallet-bsoft-app-shell .sw-overview-card,
#stop_wallet-bsoft-app-shell .sw-wallet-card,
#stop_wallet-bsoft-app-shell .sw-transaction-card,
#stop_wallet-bsoft-app-shell .sw-service-card{
    border-radius:17px;
    box-shadow:var(--sw-premium-shadow);
}

#stop_wallet-bsoft-app-shell .sw-menu a{
    border-radius:11px;
    transition:.2s ease;
}

#stop_wallet-bsoft-app-shell .sw-menu a:hover,
#stop_wallet-bsoft-app-shell .sw-menu li.active a{
    transform:translateX(2px);
}

/* Dashboard headings */
#stop_wallet-bsoft-app-shell .sw-page-title,
#stop_wallet-bsoft-app-shell .sw-content h1,
#stop_wallet-bsoft-app-shell .sw-content h2{
    font-weight:900;
}

/* Dashboard buttons */
#stop_wallet-bsoft-app-shell .sw-btn,
#stop_wallet-bsoft-app-shell .sw-button,
#stop_wallet-bsoft-app-shell button[type="submit"]{
    border:0;
    background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark));
    color:#fff;
    font-weight:850;
    box-shadow:0 8px 18px rgba(8,127,91,.14);
}

#stop_wallet-bsoft-app-shell .sw-btn:hover,
#stop_wallet-bsoft-app-shell .sw-button:hover,
#stop_wallet-bsoft-app-shell button[type="submit"]:hover{
    transform:translateY(-1px);
    filter:brightness(1.04);
}

/* ============================================================
   PREMIUM ACCOUNT
   ============================================================ */

.account-grid,
.active-accounts{
    width:min(1100px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
}

.account-grid{
    gap:16px;
}

.account-card{
    border:1px solid var(--sw-premium-line) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#fff,#f9fcfb) !important;
    box-shadow:var(--sw-premium-shadow) !important;
    overflow:hidden;
}

.account-card:before{
    content:"";
    display:block;
    height:3px;
    background:linear-gradient(90deg,var(--sw-premium-primary),var(--sw-premium-gold));
}

.account-card .upgrade-btn{
    border-radius:10px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark)) !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(8,127,91,.14);
}

/* ============================================================
   WALLET
   ============================================================ */

.sw-wallet-card,
.sw-wallet-form,
.sw-wallet-panel{
    border-radius:21px !important;
}

.sw-wallet-header{
    border-radius:20px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
    box-shadow:0 18px 45px rgba(8,127,91,.16);
}

.sw-wallet-logo,
.sw-wallet-form-icon{
    border-radius:14px !important;
}

.sw-wallet-balance{
    border-radius:16px !important;
}

.sw-wallet-card button,
.sw-wallet-form button,
.sw-wallet-panel button{
    border-radius:10px !important;
}

/* ============================================================
   CHECKOUT
   ============================================================ */

.sw-checkout{
    width:min(1080px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:23px !important;
}

.sw-checkout-head{
    border-radius:20px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
    box-shadow:0 18px 45px rgba(8,127,91,.15);
}

.sw-checkout-section,
.sw-checkout-grid > *,
.sw-checkout-card{
    border-radius:15px !important;
}

.sw-step{
    border-radius:11px !important;
}

/* ============================================================
   PAYMENT METHOD
   ============================================================ */

.sw-pm,
.sw-pm-settings{
    width:min(1120px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
}

.sw-pm-settings-hero,
.sw-pm-hero-main{
    border-radius:21px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
    box-shadow:0 18px 45px rgba(8,127,91,.15);
}

.sw-pm-settings-form,
.sw-pm-card,
.sw-pm-section{
    border-radius:17px !important;
}

/* ============================================================
   PROFILE
   ============================================================ */

.sw-profile-container,
.sw-profile-wrapper{
    width:min(1120px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
}

.sw-profile-header{
    border-radius:23px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
    box-shadow:0 18px 48px rgba(8,127,91,.15);
}

.sw-profile-card,
.sw-profile-section,
.sw-profile-form-card{
    border-radius:17px !important;
    box-shadow:var(--sw-premium-shadow);
}

/* ============================================================
   AUTH — LOGIN / REGISTER / FORGOT
   ============================================================ */

.sw-login-wrapper,
.sw-register-wrapper,
.sw-auth-wrapper{
    width:100%;
}

.sw-login-card,
.sw-register-card,
.sw-auth-card{
    border-radius:24px !important;
    box-shadow:0 25px 70px rgba(18,42,52,.12) !important;
}

.sw-login-icon,
.sw-register-icon{
    border-radius:15px !important;
}

.sw-login-card button,
.sw-register-card button,
.sw-auth-card button,
.sw-auth-wrapper button{
    border-radius:11px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark)) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:0 9px 20px rgba(8,127,91,.15);
}

.sw-login-card input,
.sw-register-card input,
.sw-auth-card input{
    border-radius:11px !important;
}

/* ============================================================
   LEDGER
   ============================================================ */

.sw-ledger-wrapper{
    width:min(1120px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
}

.sw-ledger-card{
    border-radius:21px !important;
    border:1px solid var(--sw-premium-line) !important;
    box-shadow:var(--sw-premium-shadow) !important;
}

.sw-ledger-header{
    border-radius:20px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
}

.sw-ledger-icon{
    border-radius:13px !important;
}

/* ============================================================
   DONATION — ALL PAGES
   ============================================================ */

.sw-donation-wrap{
    width:min(1240px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
}

.sw-donation-hero{
    border-radius:25px !important;
    background:
        radial-gradient(circle at 90% 15%,rgba(255,255,255,.14),transparent 27%),
        linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
}

.sw-donation-stats{
    width:100%;
}

.sw-donation-stats > div,
.sw-donation-panel,
.sw-dashboard-campaign{
    border-radius:17px !important;
}

.sw-donation-panel{
    box-shadow:var(--sw-premium-shadow) !important;
}

.sw-dashboard-campaign{
    overflow:hidden;
}

.sw-dashboard-actions .sw-donation-btn,
.sw-donation-btn{
    border-radius:10px !important;
}

.sw-donation-table{
    border-radius:13px;
    overflow:hidden;
}

/* ============================================================
   APPROVED CAMPAIGNS
   ============================================================ */

.sw-approved-campaigns{
    width:min(1240px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
}

.sw-approved-campaigns__header{
    border-radius:24px !important;
    background:
        radial-gradient(circle at 92% 12%,rgba(255,255,255,.14),transparent 24%),
        linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
}

.sw-approved-campaign-card{
    border-radius:20px !important;
}

.sw-approved-campaign-view{
    border-radius:10px !important;
}

/* ============================================================
   CAMPAIGN BUILDER
   ============================================================ */

.sw-campaign-builder{
    width:min(1080px,100%);
    margin-left:auto !important;
    margin-right:auto !important;
}

.sw-campaign-builder__header{
    border-radius:24px !important;
    background:
        radial-gradient(circle at 90% 15%,rgba(255,255,255,.14),transparent 27%),
        linear-gradient(135deg,var(--sw-premium-primary-dark),var(--sw-premium-primary),var(--sw-premium-secondary)) !important;
}

.sw-campaign-form,
.sw-builder-field,
.sw-builder-section__header,
.sw-donation-verification-builder{
    border-radius:17px !important;
}

.sw-campaign-form__footer .sw-donation-submit{
    border-radius:13px !important;
    background:linear-gradient(135deg,var(--sw-premium-primary),var(--sw-premium-primary-dark)) !important;
}

/* ============================================================
   ADMIN
   ============================================================ */

.sw-dashboard,
.stop_wallet-admin-box,
.sw-dashboard-box,
.stop_wallet-module-card,
.sw-dashboard-card{
    border-radius:18px !important;
}

.sw-dashboard-card,
.stop_wallet-module-card{
    box-shadow:var(--sw-premium-shadow) !important;
}

.sw-dashboard h1,
.stop_wallet-admin-box h2,
.sw-dashboard-box h2{
    text-transform:capitalize;
}

.sw-dashboard .button,
.stop_wallet-admin-box .button,
.sw-dashboard-box .button{
    border-radius:10px !important;
}

/* ============================================================
   DEBUG
   ============================================================ */

.sw-debug-header,
.sw-debug-card,
.sw-debug-panel{
    border-radius:18px !important;
}

.sw-debug-button{
    border-radius:10px !important;
}

/* ============================================================
   RESPONSIVE CENTERING
   ============================================================ */

@media(max-width:900px){
    #stop_wallet-bsoft-app-shell .sw-content{
        padding:17px;
    }

    .sw-dashboard-campaign-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px){
    #stop_wallet-bsoft-app-shell .sw-content{
        padding:11px;
    }

    .sw-dashboard-campaign-grid{
        grid-template-columns:1fr;
    }

    .sw-donation-wrap,
    .sw-approved-campaigns,
    .sw-campaign-builder,
    .sw-checkout,
    .sw-pm,
    .sw-pm-settings,
    .sw-profile-container,
    .sw-profile-wrapper,
    .sw-ledger-wrapper,
    .account-grid,
    .active-accounts{
        padding-left:6px;
        padding-right:6px;
    }

    .sw-donation-stats{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:430px){
    .sw-donation-stats{
        grid-template-columns:1fr;
    }

    .sw-panel-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .sw-edit-grid{
        grid-template-columns:1fr;
    }
}

@media(prefers-reduced-motion:reduce){
    #stop_wallet-bsoft-app-shell *,
    .sw-donation-wrap *,
    .sw-campaign-builder *,
    .sw-approved-campaigns *{
        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
    }
}



/* Commission dashboard */
.sw-commission-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px}.sw-commission-stats>div{background:var(--sw-card,#fff);border:1px solid rgba(100,116,139,.16);border-radius:14px;padding:15px}.sw-commission-stats small{display:block;color:#64748b;margin-bottom:6px}.sw-commission-stats strong{font-size:21px}.sw-commission-paid-badge{font-size:11px;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:700}@media(max-width:700px){.sw-commission-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.sw-swift-page .sw-page-heading{align-items:flex-start}.sw-swift-page .sw-page-heading .sw-admin-app-badge{margin-top:4px}.sw-swift-page .sw-panel p{color:#667789;line-height:1.7}.sw-swift-page .sw-panel p strong{color:#17324b}

/* SWIFT Fund Withdrawal */
.sw-swift-withdraw-page .sw-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}.sw-swift-withdraw-page .sw-form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#17324b}.sw-swift-withdraw-page .sw-form-grid input{width:100%;box-sizing:border-box;border:1px solid #d8e0e8;border-radius:12px;padding:12px 14px;background:#fff}.sw-swift-withdraw-page .sw-form-grid>div{grid-column:1/-1}.sw-swift-withdraw-page .sw-notice{margin-top:16px}@media(max-width:700px){.sw-swift-withdraw-page .sw-form-grid{grid-template-columns:1fr}}


/* STOP Wallet v24.6.22 — dashboard section spacing */
.sw-admin-app-center{
  padding:16px 18px !important;
  margin-top:0 !important;
  margin-bottom:18px !important;
  border:1px solid #e5ece9;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(24,45,78,.045);
}
.sw-admin-app-center .sw-section-head{margin-bottom:0 !important;}
.sw-admin-app-center .sw-section-head h2{margin-top:4px;}
.sw-commission-overview,
.sw-commission-page{
  padding:16px 18px 20px !important;
  border:1px solid #e5ece9;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(24,45,78,.045);
}
.sw-commission-overview .sw-commission-stats,
.sw-commission-page .sw-commission-stats{margin-top:14px;}
@media(max-width:560px){
  .sw-admin-app-center,
  .sw-commission-overview,
  .sw-commission-page{padding:14px !important;}
}


/* STOP Wallet v24.6.23 — dashboard/admin title and level spacing */
.sw-admin-app-center .sw-section-head,
.sw-commission-overview .sw-section-head,
.sw-commission-page > .sw-section-head{padding:3px 6px 6px !important;box-sizing:border-box !important;}
.sw-admin-app-center .sw-section-head > div,
.sw-commission-overview .sw-section-head > div,
.sw-commission-page > .sw-section-head > div{padding:2px 4px !important;}
.sw-admin-app-center .sw-section-head h2,
.sw-commission-overview .sw-section-head h2,
.sw-commission-page .sw-section-head h2{padding:2px 0 !important;}
.sw-admin-app-badge{padding:5px 9px !important;line-height:1 !important;}

/* v22: Centralized services layout. */
.sw-page-overview #services .sw-service-grid{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;justify-items:stretch;}
.sw-page-overview #services .sw-service-card{width:100%;box-sizing:border-box;}


/* ============================================================
   STOP Wallet v22.1 — centered services + referral route polish
   Visual/routing fix only; no wallet transaction logic changes.
   ============================================================ */
.sw-page-overview #services .sw-service-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:10px !important;
  width:100% !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
.sw-page-overview #services .sw-service-card{
  flex:0 0 calc((100% - 50px) / 6) !important;
  width:auto !important;
  max-width:180px !important;
  box-sizing:border-box !important;
}
@media(max-width:992px){
  .sw-page-overview #services .sw-service-card{
    flex-basis:calc((100% - 30px) / 4) !important;
    max-width:210px !important;
  }
}
@media(max-width:560px){
  .sw-page-overview #services .sw-service-card{
    flex-basis:calc((100% - 20px) / 3) !important;
    max-width:none !important;
  }
}

/* Keep the referral history action visible and easy to tap. */
.sw-page-overview .sw-referral-overview .sw-section-head > a{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  visibility:visible !important;
  opacity:1 !important;
  white-space:nowrap !important;
  padding:7px 4px !important;
  color:#2865c7 !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.sw-page-overview .sw-referral-overview .sw-section-head > a b{
  display:inline-block !important;
  font-size:15px !important;
}

/* ============================================================
   STOP WALLET — FINAL PREMIUM VISUAL SYSTEM
   RED + GREEN / CENTERED / BORDER / RADIUS / PADDING
   DESIGN + COLOR ONLY
   ============================================================ */

:root{
    --sw-premium-red:#e31837;
    --sw-premium-red-dark:#c8102e;
    --sw-premium-green:#079b63;
    --sw-premium-green-dark:#057a4f;

    --sw-premium-text:#172033;
    --sw-premium-soft:#526078;
    --sw-premium-muted:#718096;
    --sw-premium-border:#dce3ea;
    --sw-premium-border-strong:#c7d1db;

    --sw-premium-bg:#f6fbf9;
    --sw-premium-white:#fff;

    --sw-premium-shadow:
        0 16px 42px rgba(23,32,51,.075);
    --sw-premium-shadow-soft:
        0 8px 24px rgba(23,32,51,.05);
}

/* -----------------------------
   Centered page canvases
   ----------------------------- */

.sw-wallet-page,
.sw-family-page,
.sw-notification-page,
.sw-myqr-page,
.sw-checkout,
.sw-pm,
.sw-pm-settings,
.sw-payment-method,
.sw-transaction-history,
.sw-sb,
.sw-module-card,
.sw-auth-wrapper,
.sw-login-wrapper,
.sw-register-wrapper,
.sw-profile-wrapper{
    box-sizing:border-box;
}

/* -----------------------------
   Generic premium module card
   ----------------------------- */

.sw-module-card{
    position:relative;

    width:calc(100% - 20px);
    max-width:720px;

    margin:16px auto !important;
    padding:18px !important;

    border:1px solid var(--sw-premium-border) !important;
    border-radius:18px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafb 48%,
            #f3fbf7 100%
        ) !important;

    box-shadow:var(--sw-premium-shadow) !important;

    color:var(--sw-premium-text);

    overflow:hidden;
}

.sw-module-card::before{
    content:"";

    position:absolute;
    top:0;
    left:0;
    right:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--sw-premium-red),
            #c94b58 50%,
            var(--sw-premium-green)
        );
}

.sw-module-icon{
    border-radius:12px !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    background:
        linear-gradient(
            135deg,
            var(--sw-premium-red),
            #c84b58 48%,
            var(--sw-premium-green)
        ) !important;

    box-shadow:
        0 8px 18px rgba(227,24,55,.13);
}

.sw-module-card h2{
    color:var(--sw-premium-text) !important;
    -webkit-text-fill-color:var(--sw-premium-text) !important;
}

.sw-module-card p{
    color:var(--sw-premium-soft) !important;
    -webkit-text-fill-color:var(--sw-premium-soft) !important;
}

/* -----------------------------
   Shared module buttons
   ----------------------------- */

.sw-module-action,
.sw-primary-btn,
.sw-sb button.primary,
.sw-sb button.dark{
    border:0 !important;
    border-radius:11px !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    background:
        linear-gradient(
            105deg,
            var(--sw-premium-red) 0%,
            #df2a48 34%,
            #b64d58 50%,
            var(--sw-premium-green) 73%,
            var(--sw-premium-green-dark) 100%
        ) !important;

    box-shadow:
        0 9px 21px rgba(7,155,99,.13),
        0 5px 13px rgba(227,24,55,.08) !important;

    font:inherit;
    font-weight:850;

    cursor:pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.sw-module-action:hover,
.sw-primary-btn:hover,
.sw-sb button.primary:hover,
.sw-sb button.dark:hover{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    transform:translateY(-1px);

    box-shadow:
        0 13px 27px rgba(7,155,99,.17) !important;

    filter:brightness(1.02);
}

/* -----------------------------
   Shared fields
   ----------------------------- */

.sw-wallet-page input,
.sw-wallet-page select,
.sw-wallet-page textarea,
.sw-family-page input,
.sw-family-page select,
.sw-family-page textarea,
.sw-sb input,
.sw-sb select,
.sw-sb textarea,
.sw-module-card input,
.sw-module-card select,
.sw-module-card textarea,
.sw-myqr-page input,
.sw-myqr-page select,
.sw-myqr-page textarea{
    border:1px solid var(--sw-premium-border-strong) !important;
    border-radius:11px !important;

    background:#fff !important;

    color:var(--sw-premium-text) !important;
    -webkit-text-fill-color:var(--sw-premium-text) !important;

    outline:0 !important;

    box-shadow:
        inset 0 1px 2px rgba(23,32,51,.018) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.sw-wallet-page input:hover,
.sw-wallet-page select:hover,
.sw-wallet-page textarea:hover,
.sw-family-page input:hover,
.sw-family-page select:hover,
.sw-family-page textarea:hover,
.sw-sb input:hover,
.sw-sb select:hover,
.sw-sb textarea:hover,
.sw-module-card input:hover,
.sw-module-card select:hover,
.sw-module-card textarea:hover{
    border-color:#aebbc7 !important;
}

.sw-wallet-page input:focus,
.sw-wallet-page select:focus,
.sw-wallet-page textarea:focus,
.sw-family-page input:focus,
.sw-family-page select:focus,
.sw-family-page textarea:focus,
.sw-sb input:focus,
.sw-sb select:focus,
.sw-sb textarea:focus,
.sw-module-card input:focus,
.sw-module-card select:focus,
.sw-module-card textarea:focus{
    border-color:var(--sw-premium-green) !important;

    box-shadow:
        0 0 0 3px rgba(7,155,99,.09),
        0 7px 18px rgba(7,155,99,.04) !important;
}

.sw-wallet-page input::placeholder,
.sw-family-page input::placeholder,
.sw-sb input::placeholder,
.sw-module-card input::placeholder{
    color:#98a4b1 !important;
    -webkit-text-fill-color:#98a4b1 !important;
    opacity:1;
}

/* -----------------------------
   Savings / Qorjian / Welfare /
   Donation shared card
   ----------------------------- */

.sw-sb{
    width:calc(100% - 20px) !important;
    max-width:900px !important;

    margin:16px auto !important;
    padding:0 0 24px !important;

    box-sizing:border-box;

    color:var(--sw-premium-text);
}

.sw-sb-head{
    padding:17px 18px !important;

    margin-bottom:12px !important;

    border:1px solid var(--sw-premium-border) !important;
    border-radius:16px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fff9fa 52%,
            #f2fbf7
        ) !important;

    box-shadow:var(--sw-premium-shadow-soft) !important;
}

.sw-sb-head h2{
    margin:0 0 4px !important;

    color:var(--sw-premium-text) !important;
    -webkit-text-fill-color:var(--sw-premium-text) !important;

    font-size:22px !important;
    font-weight:900 !important;
}

.sw-sb-head p{
    margin:0 !important;

    color:var(--sw-premium-soft) !important;
    -webkit-text-fill-color:var(--sw-premium-soft) !important;

    font-size:11px !important;
    line-height:1.55 !important;
}

.sw-sb-card{
    position:relative !important;

    padding:18px !important;

    border:1px solid var(--sw-premium-border) !important;
    border-radius:18px !important;

    background:#fff !important;

    box-shadow:var(--sw-premium-shadow) !important;

    overflow:hidden;
}

.sw-sb-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--sw-premium-red),
            var(--sw-premium-green)
        );
}

.sw-sb-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;

    margin-bottom:14px !important;
}

.sw-sb-stat{
    padding:11px 12px !important;

    border:1px solid #e2e9ed !important;
    border-radius:12px !important;

    background:
        linear-gradient(
            145deg,
            #fff,
            #f5faf8
        ) !important;
}

.sw-sb-stat small{
    display:block !important;

    color:var(--sw-muted) !important;
    font-size:9px !important;
}

.sw-sb-stat strong{
    display:block !important;

    margin-top:3px !important;

    color:var(--sw-premium-text) !important;
    -webkit-text-fill-color:var(--sw-premium-text) !important;

    font-size:14px !important;
}

.sw-sb-card > label,
.sw-sb-pin label{
    display:block !important;

    margin:0 0 6px !important;

    color:var(--sw-premium-text) !important;
    -webkit-text-fill-color:var(--sw-premium-text) !important;

    font-size:11px !important;
    font-weight:850 !important;
}

.sw-sb-actions{
    gap:8px !important;
}

.sw-sb-msg{
    margin-top:12px !important;

    padding:10px 11px !important;

    border:1px solid #dce9e2 !important;
    border-radius:10px !important;

    background:#f5fbf8 !important;

    color:var(--sw-premium-soft) !important;
}

.sw-sb-pin{
    margin-top:12px !important;
    padding:12px !important;

    border:1px dashed #c9ded5 !important;
    border-radius:12px !important;

    background:#f8fcfa !important;
}

/* -----------------------------
   Notification
   ----------------------------- */

.sw-notification-page{
    width:calc(100% - 20px) !important;
    max-width:980px !important;

    margin:16px auto !important;
}

.sw-notification-head,
.sw-notification-item,
.sw-notification-toolbar,
.sw-notification-empty{
    border-color:var(--sw-premium-border) !important;
}

.sw-notification-head{
    border-radius:16px !important;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fff9fa 50%,
            #f3fbf7
        ) !important;

    box-shadow:var(--sw-premium-shadow-soft) !important;
}

.sw-notification-head h2,
.sw-notification-title-row strong{
    color:var(--sw-premium-text) !important;
}

.sw-notification-head p,
.sw-notification-toolbar,
.sw-notification-body p,
.sw-notification-body time{
    color:var(--sw-premium-soft) !important;
}

.sw-notification-readall{
    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            var(--sw-premium-red),
            var(--sw-premium-green)
        ) !important;
}

/* -----------------------------
   Payment Method
   ----------------------------- */

.sw-pm-settings{
    width:calc(100% - 20px) !important;
    max-width:1080px !important;
    margin:16px auto !important;
}

.sw-pm-settings-hero{
    border:1px solid #dce8e2 !important;
    border-radius:17px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fff9fa 48%,
            #eefaf5
        ) !important;

    color:var(--sw-premium-text) !important;
    box-shadow:var(--sw-premium-shadow-soft) !important;
}

.sw-pm-settings h2,
.sw-pm-settings h3{
    color:var(--sw-premium-text) !important;
}

.sw-pm-kicker,
.sw-pm-section-kicker{
    color:var(--sw-premium-green-dark) !important;
}

.sw-pm-card{
    border:1px solid var(--sw-premium-border) !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:var(--sw-premium-shadow-soft) !important;
}

.sw-pm-field input,
.sw-pm-field textarea,
.sw-pm-field select,
.sw-pm-grid input,
.sw-pm-grid textarea,
.sw-pm-grid select,
.sw-pm-bank-row input,
.sw-pm-bank-row textarea{
    border:1px solid var(--sw-premium-border-strong) !important;
}

.sw-pm-field input:focus,
.sw-pm-field textarea:focus,
.sw-pm-field select:focus,
.sw-pm-bank-row input:focus,
.sw-pm-bank-row textarea:focus{
    border-color:var(--sw-premium-green) !important;
    box-shadow:0 0 0 3px rgba(7,155,99,.09) !important;
}

.sw-pm-status.on{
    color:var(--sw-premium-green-dark) !important;
    background:#eaf9f3 !important;
}

/* -----------------------------
   Transaction history
   ----------------------------- */

.sw-transaction-history{
    width:calc(100% - 20px) !important;
    max-width:1000px !important;

    margin:16px auto !important;
    padding:18px !important;

    border:1px solid var(--sw-premium-border) !important;
    border-radius:17px !important;

    background:#fff !important;
    box-shadow:var(--sw-premium-shadow) !important;
}

.sw-payment-balance{
    border:1px solid #dce9e2 !important;
    background:
        linear-gradient(
            105deg,
            #f2fbf6,
            #fffafa
        ) !important;
}

.sw-payment-table-wrap{
    border-color:#dfe7eb !important;
    border-radius:12px !important;
}

.sw-payment-table th{
    background:#f4faf7 !important;
    color:#526078 !important;
}

.sw-payment-table td{
    color:#405267 !important;
}

/* -----------------------------
   My QR
   ----------------------------- */

.sw-myqr-page{
    width:calc(100% - 20px) !important;
    max-width:900px !important;
    margin:16px auto !important;
}

/* -----------------------------
   Shared status colors
   ----------------------------- */

.sw-status,
.sw-payment-status,
.sw-status-pill{
    opacity:1 !important;
}

.sw-status.sw-verified,
.sw-status-pill.is-success,
.sw-payment-status{
    color:var(--sw-premium-green-dark) !important;
    background:#eaf9f3 !important;
}

.sw-status.sw-pending,
.sw-status-pill.is-pending{
    color:#a16207 !important;
    background:#fff7df !important;
}

.sw-status.sw-rejected{
    color:var(--sw-premium-red-dark) !important;
    background:#fff0f3 !important;
}

/* -----------------------------
   Mobile
   ----------------------------- */

@media(max-width:680px){
    .sw-module-card,
    .sw-wallet-page,
    .sw-family-page,
    .sw-notification-page,
    .sw-checkout,
    .sw-pm-settings,
    .sw-transaction-history,
    .sw-myqr-page,
    .sw-sb{
        width:calc(100% - 10px) !important;
    }

    .sw-sb-grid{
        grid-template-columns:1fr !important;
    }

    .sw-sb-actions{
        display:flex !important;
        flex-direction:column !important;
    }

    .sw-sb-actions button{
        width:100% !important;
    }
}

@media(max-width:390px){
    .sw-module-card,
    .sw-wallet-page,
    .sw-family-page,
    .sw-notification-page,
    .sw-checkout,
    .sw-pm-settings,
    .sw-transaction-history,
    .sw-myqr-page,
    .sw-sb{
        width:calc(100% - 6px) !important;
    }
}