/*
 * STOP Wallet v24.6.19 — Premium Compact UI
 * VISUAL ONLY: no transaction, AJAX, validation, route, balance or security logic.
 * Loaded last so every wallet page gets the same compact visual language.
 */
:root{
  --sw-p-primary:#087f5b;
  --sw-p-primary-dark:#064d3a;
  --sw-p-accent:#16a37a;
  --sw-p-gold:#c9a43a;
  --sw-p-ink:#142338;
  --sw-p-muted:#718096;
  --sw-p-line:#e2ebe7;
  --sw-p-soft:#f4faf7;
  --sw-p-shadow:0 12px 32px rgba(18,42,52,.075);
}

/* Universal title case for English UI labels. Bengali text is unaffected. */
.sw-wallet-page h1,.sw-wallet-page h2,.sw-wallet-page h3,
.sw-wallet-page label,.sw-wallet-page button,.sw-wallet-page th,
.sw-module-card h2,.sw-module-card button,.sw-sb h2,.sw-sb label,.sw-sb button,
.sw-checkout h2,.sw-checkout strong,.sw-checkout button,.sw-checkout label,
.sw-notification-page h2,.sw-notification-page button,
.sw-profile-wrapper h1,.sw-profile-wrapper h2,.sw-profile-wrapper h3,
.sw-profile-wrapper button,.sw-profile-wrapper label,.sw-profile-wrapper th{
  text-transform:capitalize;
}

/* Transaction/service pages */
.sw-wallet-page{
  width:min(100%,820px)!important;
  max-width:820px!important;
  margin:12px auto 20px!important;
  padding:0 10px 18px!important;
  color:var(--sw-p-ink);
}
.sw-wallet-heading{
  margin:0 auto 10px!important;
  gap:10px!important;
}
.sw-brand-icon{
  width:44px!important;height:44px!important;border-radius:14px!important;
  font-size:19px!important;
  box-shadow:0 8px 20px rgba(8,127,91,.16)!important;
}
.sw-wallet-heading h2{font-size:23px!important;line-height:1.1!important}
.sw-wallet-heading p,.sw-page-heading p{display:none!important}
.sw-page-heading{margin:0 auto 10px!important;align-items:center!important}
.sw-page-heading h1{font-size:24px!important;margin:0!important}
.sw-page-kicker{display:none!important}
.sw-wallet-card{
  max-width:680px!important;
  padding:17px!important;
  border:1px solid var(--sw-p-line)!important;
  border-radius:20px!important;
  box-shadow:var(--sw-p-shadow)!important;
  background:linear-gradient(145deg,#fff,#f9fcfb)!important;
}
.sw-wallet-card:before{height:3px!important;background:linear-gradient(90deg,var(--sw-p-primary),var(--sw-p-gold))!important}
.sw-balance-card{
  padding:11px 13px!important;
  margin-bottom:13px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,var(--sw-p-soft),#fff)!important;
  border-color:#e0ebe6!important;
}
.sw-balance-icon{width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(8,127,91,.15)!important}
.sw-balance-card span{font-size:11px!important}
.sw-balance-card strong{font-size:21px!important}
.sw-field{margin-bottom:13px!important}
.sw-field label{margin-bottom:6px!important;font-size:12px!important;color:#26384a!important}
.sw-wallet-page input:not([type=radio]),.sw-wallet-page textarea{
  height:44px!important;border-radius:12px!important;font-size:14px!important;
  border-color:#dfe8e4!important;
}
.sw-help,.sw-notice,.sw-security-row{display:none!important}
.sw-qr-context-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  margin:6px auto 0!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.sw-quick-grid{gap:7px!important;margin-top:7px!important}
.sw-quick-grid button{height:34px!important;border-radius:9px!important;font-size:12px!important}
.sw-summary-mini{padding:3px 12px!important;margin:0 0 13px!important;border-radius:13px!important}
.sw-summary-mini>div{padding:8px 0!important;font-size:12px!important}
.sw-summary-mini .sw-total{font-size:14px!important}
.sw-primary-btn{min-height:46px!important;height:46px!important;border-radius:12px!important;font-size:14px!important;box-shadow:0 9px 20px rgba(8,127,91,.15)!important}
.sw-cashout-manual-link{margin-top:10px!important}
.sw-cashout-manual-link>small{display:none!important}
.sw-cashin-summary{border-radius:12px!important;padding:9px 11px!important}
.sw-cashin-summary small{display:none!important}

/* Compact generic service cards */
.sw-module-card{
  width:min(100%,680px)!important;max-width:680px!important;
  margin:12px auto!important;padding:18px!important;
  border:1px solid var(--sw-p-line)!important;border-radius:20px!important;
  background:linear-gradient(145deg,#fff,#f7fbf9)!important;
  box-shadow:var(--sw-p-shadow)!important;
  text-align:center;
}
.sw-module-icon{font-size:22px!important;margin-bottom:5px!important}
.sw-module-card h2{margin:3px 0 10px!important;font-size:22px!important;color:var(--sw-p-ink)!important}
.sw-module-card .sw-module-content>p{display:none!important}
.sw-module-action{min-height:42px!important;padding:9px 18px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--sw-p-primary),var(--sw-p-primary-dark))!important;color:#fff!important;font-weight:800!important}

/* Sommani bridge pages: compact, centered, premium */
.sw-sb{width:min(100%,760px)!important;margin:12px auto 20px!important;padding:0 10px!important}
.sw-sb-head{margin:0 auto 10px!important;text-align:center!important}
.sw-sb-head p{display:none!important}
.sw-sb-head h2{margin:0!important;font-size:23px!important}
.sw-sb-card{padding:17px!important;border:1px solid var(--sw-p-line)!important;border-radius:20px!important;box-shadow:var(--sw-p-shadow)!important;background:linear-gradient(145deg,#fff,#f8fcfa)!important}
.sw-sb-card input,.sw-sb-card select{min-height:42px!important;border-radius:11px!important;border:1px solid #dfe8e4!important}
.sw-sb-actions{gap:8px!important}
.sw-sb-actions button{min-height:42px!important;border-radius:10px!important}

/* Checkout: slimmer two-column card; mobile stays single-column */
.sw-checkout{max-width:900px!important;margin:12px auto 20px!important;padding:18px!important;border-radius:20px!important;box-shadow:var(--sw-p-shadow)!important}
.sw-checkout-kicker,.sw-checkout-head p,.sw-checkout-section-title small,.sw-checkout-note{display:none!important}
.sw-checkout-head{padding-bottom:13px!important}
.sw-checkout-head h2{margin:0!important;font-size:23px!important}
.sw-checkout-grid{gap:15px!important;margin-top:15px!important}
.sw-checkout-section + .sw-checkout-section{margin-top:15px!important;padding-top:15px!important}
.sw-checkout-section-title{margin-bottom:10px!important}
.sw-step{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important}
.sw-payment-method{padding:11px!important;border-radius:12px!important}
.sw-payment-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
.sw-payment-copy strong{font-size:12px!important}
.sw-checkout-summary{padding:15px!important;border-radius:17px!important}
.sw-summary-row{padding:8px 0!important}
.sw-checkout-submit{min-height:44px!important;border-radius:11px!important}

/* Notifications */
.sw-notification-page{width:min(100%,760px)!important;margin:0 auto!important;padding:0 0 20px!important}
.sw-notification-head{padding:15px!important;border-radius:18px!important;box-shadow:var(--sw-p-shadow)!important}
.sw-notification-head p{display:none!important}
.sw-notification-head h2{margin:4px 0 0!important;font-size:23px!important}
.sw-notification-icon{width:44px!important;height:44px!important;border-radius:13px!important;font-size:20px!important}
.sw-notification-stats strong{font-size:25px!important}
.sw-notification-toolbar{padding:10px 2px!important;font-size:12px!important}
.sw-notification-list{gap:8px!important}
.sw-notification-item{padding:11px!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(25,40,75,.035)!important}
.sw-notification-item>.sw-notification-icon{flex-basis:38px!important;width:38px!important;height:38px!important;border-radius:11px!important}
.sw-notification-title-row strong{font-size:13px!important}
.sw-notification-body p{margin:4px 0 5px!important;font-size:12px!important}
.sw-notification-body time{font-size:10px!important}
.sw-notification-empty{padding:38px 16px!important;border-radius:17px!important}

/* Transaction table */
.sw-module-card[data-module="transaction"]{text-align:left!important}
.sw-module-card[data-module="transaction"] .sw-module-content>div:first-child{padding:10px!important;border-radius:13px!important;margin-bottom:10px!important}
.sw-module-card[data-module="transaction"] table th,.sw-module-card[data-module="transaction"] table td{padding:8px!important;font-size:12px!important}

/* Profile: centered, slimmer premium presentation */
.sw-profile-wrapper{padding:14px 10px 30px!important}
.sw-profile-container{width:min(900px,100%)!important}
.sw-profile-header{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:12px!important;padding:18px!important;border-radius:20px!important}
.sw-profile-header__main{gap:14px!important}
.sw-profile-avatar-ring{width:88px!important;height:88px!important}
.sw-profile-name{font-size:25px!important}
.sw-profile-email{margin:5px 0 8px!important;font-size:12px!important}
.sw-profile-header__progress{padding:14px!important;border-radius:15px!important}
.sw-card{border-radius:17px!important;margin-bottom:12px!important}
.sw-card-header{padding:13px 15px!important}
.sw-card-body{padding:15px!important}

/* General dashboard content density */
#sw-dashboard.sw-dashboard-shell .sw-content{padding:14px 12px 28px!important}
#sw-dashboard.sw-dashboard-shell .sw-page-heading{margin-bottom:12px!important}
#sw-dashboard.sw-dashboard-shell .sw-page-heading h1{font-size:24px!important}

@media(max-width:720px){
  .sw-wallet-page{width:100%!important;margin-top:8px!important;padding-left:6px!important;padding-right:6px!important}
  .sw-wallet-card{padding:14px!important;border-radius:17px!important}
  .sw-wallet-heading h2{font-size:21px!important}
  .sw-balance-card{padding:10px!important}
  .sw-qr-context-btn{
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .sw-checkout{margin:8px 0 16px!important;padding:13px!important;border-radius:17px!important}
  .sw-checkout-grid{grid-template-columns:1fr!important}
  .sw-checkout-head{align-items:center!important}
  .sw-checkout-status{padding:7px 9px!important;font-size:10px!important}
  .sw-sb{padding:0 5px!important}
  .sw-profile-header__main{align-items:center!important}
}

/* ============================================================
 * STOP WALLET v24.6.19 — UI POLISH
 * Visual only: spacing, typography, action-button readability,
 * modal/toast contrast and QR button sizing/centering.
 * ============================================================ */

/* Dashboard: keep content away from section edges. */
.sw-page-overview .sw-quick-section,
.sw-page-overview #services{
  box-sizing:border-box!important;
  padding:18px 20px 20px!important;
  border:1px solid #e8eef5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(24,45,78,.045)!important;
}
.sw-page-overview .sw-quick-section .sw-section-head,
.sw-page-overview #services .sw-section-head{
  padding:0 2px!important;
}
.sw-page-overview .sw-quick-card strong,
.sw-page-overview .sw-service-card strong{
  color:var(--sw-p-primary-dark)!important;
}
.sw-page-overview .sw-quick-card small{color:#587267!important}

/* QR buttons: always centered and sized to their content. */
.sw-wallet-page .sw-qr-context-btn,
.sw-wallet-page button.sw-qr-context-btn,
.sw-wallet-page a.sw-qr-context-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  margin:8px auto 0!important;
  padding:7px 12px!important;
  min-height:34px!important;
  height:auto!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

/* Primary submit/action: green text on a clean white control so the label
 * remains readable even when another theme supplies a light button surface. */
.sw-wallet-page .sw-primary-btn,
.sw-wallet-page button.sw-primary-btn,
.sw-wallet-page input.sw-primary-btn,
.sw-wallet-page button[type="submit"],
.sw-wallet-page input[type="submit"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  height:auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  border:1px solid var(--sw-p-primary)!important;
  border-radius:15px!important;
  background:#fff!important;
  color:var(--sw-p-primary)!important;
  -webkit-text-fill-color:var(--sw-p-primary)!important;
  font-weight:850!important;
  line-height:1.3!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.sw-wallet-page .sw-primary-btn:hover,
.sw-wallet-page button.sw-primary-btn:hover,
.sw-wallet-page button[type="submit"]:hover,
.sw-wallet-page input[type="submit"]:hover{
  background:var(--sw-p-soft)!important;
  color:var(--sw-p-primary-dark)!important;
  -webkit-text-fill-color:var(--sw-p-primary-dark)!important;
}
.sw-wallet-page .sw-primary-btn span,
.sw-wallet-page .sw-primary-btn i,
.sw-wallet-page button.sw-primary-btn span,
.sw-wallet-page button.sw-primary-btn i,
.sw-wallet-page button[type="submit"] span,
.sw-wallet-page button[type="submit"] i{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Modal/confirmation messages: high-contrast readable green/ink text. */
.sw-modal-wrap .sw-modal,
.sw-modal-wrap .sw-modal *{
  color:#18352b;
}
.sw-modal-wrap .sw-modal label,
.sw-modal-wrap .sw-modal h4{
  color:var(--sw-p-primary-dark)!important;
}
.sw-modal-wrap .sw-confirm,
.sw-modal-wrap .sw-confirm *{
  color:#244238!important;
}
.sw-modal-wrap .sw-confirm-row{color:#536b61!important}
.sw-modal-wrap .sw-confirm-row strong{color:var(--sw-p-primary-dark)!important}
.sw-modal-wrap .sw-error{color:#b42318!important}
.sw-modal-wrap .sw-success{color:#087f5b!important}

/* Toast: force readable foreground regardless of inherited theme rules. */
.sw-toast{
  color:#18352b!important;
  -webkit-text-fill-color:#18352b!important;
  background:#fff!important;
  border:1px solid #d9ebe3!important;
  border-left:5px solid var(--sw-p-primary)!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.sw-toast *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
.sw-toast.error{
  color:#8f1d18!important;
  -webkit-text-fill-color:#8f1d18!important;
  border-left-color:#e34d59!important;
}

@media(max-width:680px){
  .sw-page-overview .sw-quick-section,
  .sw-page-overview #services{
    padding:15px 12px 16px!important;
    border-radius:16px!important;
  }
  .sw-page-overview .sw-quick-section .sw-section-head,
  .sw-page-overview #services .sw-section-head{
    padding:0 1px!important;
  }
  .sw-wallet-page .sw-qr-context-btn,
  .sw-wallet-page button.sw-qr-context-btn,
  .sw-wallet-page a.sw-qr-context-btn{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* Keep verified profile previews consistent across transaction pages. */
.sw-wallet-page .sw-user-profile{display:flex !important;align-items:center !important;gap:10px !important;margin-top:9px !important;padding:10px 12px !important;background:#f7fbf9 !important;border:1px solid #dceee6 !important;border-radius:14px !important;box-sizing:border-box !important;}
.sw-wallet-page .sw-user-avatar{width:42px !important;height:42px !important;min-width:42px !important;border-radius:50% !important;object-fit:cover !important;border:2px solid #fff !important;}
.sw-wallet-page .sw-verified-badge{display:inline-flex !important;align-items:center !important;gap:4px !important;padding:3px 7px !important;border-radius:999px !important;background:#e8fff4 !important;color:#087f5b !important;font-size:9px !important;font-weight:800 !important;line-height:1 !important;visibility:visible !important;opacity:1 !important;}
.sw-wallet-page .sw-verified-badge i{color:#0ea978 !important;visibility:visible !important;}

/* STOP Wallet v24.6.26 — Premium Transaction PIN page */
.sw-pin-page{width:min(100%,760px)!important;margin:18px auto 28px!important;padding:0 12px 24px!important;box-sizing:border-box!important;}
.sw-pin-page .sw-page-heading{padding:0 6px 14px!important;margin-bottom:10px!important;align-items:flex-start!important;}
.sw-pin-page .sw-page-heading h1{font-size:28px!important;line-height:1.15!important;color:#10253b!important;padding:4px 0!important;}
.sw-pin-page .sw-page-heading p{display:block!important;margin-top:7px!important;color:#718096!important;font-size:13px!important;line-height:1.6!important;}
.sw-pin-card{position:relative!important;padding:24px!important;border:1px solid #dfece6!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffff 0%,#f5fbf8 100%)!important;box-shadow:0 22px 60px rgba(18,42,52,.10)!important;overflow:hidden!important;}
.sw-pin-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#087f5b,#16a37a,#c9a43a)!important;}
.sw-pin-status{display:flex!important;align-items:center!important;gap:13px!important;padding:15px 16px!important;margin-bottom:20px!important;border:1px solid #dcebe5!important;border-radius:17px!important;background:linear-gradient(135deg,#effaf5,#ffffff)!important;}
.sw-pin-status>span{width:46px!important;height:46px!important;flex:0 0 46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(135deg,#087f5b,#16a37a)!important;color:#fff!important;font-size:19px!important;box-shadow:0 10px 22px rgba(8,127,91,.18)!important;}
.sw-pin-status strong{display:block!important;color:#123c2c!important;font-size:15px!important;font-weight:850!important;}
.sw-pin-status small{display:block!important;margin-top:4px!important;color:#718096!important;font-size:11px!important;line-height:1.5!important;}
.sw-pin-card form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.sw-pin-card form label{display:block!important;margin:0 0 6px!important;color:#294258!important;font-size:12px!important;font-weight:800!important;}
.sw-pin-card form input{width:100%!important;height:50px!important;padding:0 13px!important;box-sizing:border-box!important;border:1px solid #d8e5df!important;border-radius:13px!important;background:#fff!important;color:#163229!important;font-size:16px!important;outline:none!important;}
.sw-pin-card form input:focus{border-color:#10a879!important;box-shadow:0 0 0 4px rgba(16,168,121,.10)!important;}
.sw-pin-card form .sw-primary-btn{grid-column:1/-1!important;margin-top:4px!important;min-height:52px!important;height:52px!important;border-radius:15px!important;background:linear-gradient(135deg,#087f5b,#10b981)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.sw-pin-card .sw-notice{display:flex!important;margin-top:14px!important;margin-bottom:0!important;padding:12px 14px!important;border-radius:14px!important;background:#f2faf6!important;border:1px solid #dcebe5!important;color:#5c7180!important;font-size:11px!important;line-height:1.6!important;}
@media(max-width:680px){.sw-pin-page{margin-top:12px!important;padding:0 10px 20px!important}.sw-pin-page .sw-page-heading{padding:0 4px 10px!important}.sw-pin-page .sw-page-heading h1{font-size:24px!important}.sw-pin-card{padding:18px!important;border-radius:20px!important}.sw-pin-card form{grid-template-columns:1fr!important;gap:9px!important}.sw-pin-card form .sw-primary-btn{grid-column:auto!important;margin-top:5px!important}.sw-pin-status{padding:13px!important;margin-bottom:16px!important}}


/* Referral dashboard */
.sw-referral-page,.sw-referral-overview{padding:14px 16px;box-sizing:border-box}.sw-referral-hero{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#ecfff7,#f7fbff);border:1px solid rgba(16,185,129,.22);margin-bottom:14px}.sw-referral-hero small{display:block;color:#64748b;margin-bottom:5px}.sw-referral-hero strong{font-size:22px;color:#047857;letter-spacing:.4px}.sw-referral-link{display:flex;gap:8px;align-items:center}.sw-referral-link input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid #d7e5df;border-radius:10px;background:#fff;color:#334155}.sw-referral-copy{border:0;border-radius:10px;padding:11px 15px;background:#10b981;color:#fff;font-weight:700;cursor:pointer}.sw-referral-stats-grid{margin-bottom:14px}.sw-referral-account-list{display:flex;flex-direction:column;gap:8px}.sw-referral-account-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e7eef0;border-radius:14px;background:#fff}.sw-referral-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ecfdf5}.sw-referral-date{margin-left:auto;color:#64748b;font-size:12px}.sw-referral-page .sw-panel{padding:14px}.sw-referral-overview{margin-top:14px}@media(max-width:700px){.sw-referral-hero{grid-template-columns:1fr}.sw-referral-link{flex-direction:column;align-items:stretch}.sw-referral-copy{width:100%}.sw-referral-account-row{align-items:flex-start}.sw-referral-date{display:none}}
/*
 * STOP Wallet Dashboard — Final Clean Premium UI
 * Matches the STOP Wallet Login/Register visual system.
 * VISUAL ONLY — no route, AJAX, transaction, balance or security logic.
 */

:root{
  --sw-final-red:#e31837;
  --sw-final-red-dark:#c8102e;
  --sw-final-green:#079b63;
  --sw-final-green-dark:#057a4f;
  --sw-final-ink:#172033;
  --sw-final-text:#334155;
  --sw-final-muted:#718096;
  --sw-final-line:#e2e8ee;
  --sw-final-soft:#f4faf7;
  --sw-final-white:#fff;
  --sw-final-shadow:0 16px 42px rgba(23,32,51,.075);
  --sw-final-radius:20px;
}

/* =========================================================
   APPLICATION CANVAS
   ========================================================= */

#sw-dashboard.sw-dashboard-shell{
  position:relative;
  min-height:100vh;
  background:
    radial-gradient(circle at 7% 12%,rgba(7,155,99,.07),transparent 25%),
    radial-gradient(circle at 94% 82%,rgba(227,24,55,.06),transparent 27%),
    #f7faf9;
  color:var(--sw-final-ink);
}

#sw-dashboard.sw-dashboard-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}

#sw-dashboard.sw-dashboard-shell *{box-sizing:border-box}
#sw-dashboard.sw-dashboard-shell a{color:inherit;text-decoration:none}
#sw-dashboard.sw-dashboard-shell button{font:inherit}

.sw-content{
  padding:24px clamp(14px,2.6vw,34px) 34px !important;
}

.sw-page{
  width:min(100%,1180px) !important;
  margin:0 auto !important;
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.sw-sidebar{
  width:268px !important;
  background:#fff !important;
  border-right:1px solid #e7eee9 !important;
  box-shadow:8px 0 28px rgba(23,32,51,.045) !important;
}

.sw-sidebar-head{
  min-height:78px !important;
  padding:16px 18px !important;
  border-bottom:1px solid #edf2ef !important;
}

.sw-sidebar-brand-mark,
.sw-sidebar-logo-mark{
  background:linear-gradient(135deg,var(--sw-final-red),var(--sw-final-green)) !important;
  box-shadow:0 8px 18px rgba(7,155,99,.15) !important;
}

.sw-sidebar-brand-copy strong{
  color:var(--sw-final-ink) !important;
}

.sw-sidebar-brand-copy small{
  color:var(--sw-final-muted) !important;
}

.sw-sidebar-user{
  margin:13px 12px !important;
  padding:11px !important;
  border:1px solid #e2eee8 !important;
  border-radius:15px !important;
  background:linear-gradient(145deg,#fff,#f5fbf8) !important;
  box-shadow:0 7px 18px rgba(23,32,51,.045) !important;
}

.sw-sidebar-avatar{
  border-color:#fff !important;
  box-shadow:0 0 0 2px rgba(7,155,99,.12) !important;
}

.sw-sidebar-avatar i,
.sw-sidebar-user-copy>small i{
  background:var(--sw-final-green) !important;
}

.sw-sidebar-section-label{
  color:#9aa6b6 !important;
}

.sw-sidebar-section-label span{
  background:#dce8e2 !important;
}

.sw-sidebar-item{
  margin:3px 10px !important;
  min-height:43px !important;
  border-radius:12px !important;
  color:#526078 !important;
  transition:.18s ease !important;
}

.sw-sidebar-item:hover{
  color:var(--sw-final-green-dark) !important;
  background:#f1faf6 !important;
  transform:translateX(2px);
}

.sw-sidebar-item.is-active{
  color:var(--sw-final-green-dark) !important;
  background:linear-gradient(135deg,#effcf6,#e7f8f0) !important;
  border:1px solid #cdeee0 !important;
  box-shadow:0 7px 18px rgba(7,155,99,.07) !important;
}

.sw-sidebar-item.is-active .sw-sidebar-icon{
  color:var(--sw-final-red) !important;
  background:#fff0f3 !important;
}

.sw-sidebar-icon{
  color:#718096 !important;
}

.sw-sidebar-admin-section{
  border-top-color:#e8efeb !important;
}

.sw-sidebar-logout{
  margin:10px 12px !important;
  min-height:42px !important;
  border:1px solid #ffd5dc !important;
  border-radius:12px !important;
  color:var(--sw-final-red-dark) !important;
  background:#fff6f7 !important;
}

/* =========================================================
   TOPBAR
   ========================================================= */

.sw-header,
.sw-topbar{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid #e7eee9 !important;
}

.sw-header{
  box-shadow:0 4px 20px rgba(23,32,51,.025) !important;
}

.sw-header-shell{
  padding:0 clamp(16px,3vw,30px) !important;
}

.sw-header-center strong,
.sw-breadcrumb strong{
  color:var(--sw-final-ink) !important;
}

.sw-header-eyebrow,
.sw-breadcrumb span{
  color:#9aa6b6 !important;
}

.sw-live-dot{
  background:var(--sw-final-green) !important;
  box-shadow:0 0 0 4px rgba(7,155,99,.10) !important;
}

/* =========================================================
   PAGE HEADING
   ========================================================= */

.sw-page-heading{
  margin-bottom:17px !important;
  align-items:center !important;
}

.sw-page-heading h1{
  color:var(--sw-final-ink) !important;
  font-size:clamp(24px,2.5vw,31px) !important;
  font-weight:850 !important;
  letter-spacing:-.45px !important;
}

.sw-page-heading p{
  color:var(--sw-final-text) !important;
}

.sw-page-kicker{
  color:var(--sw-final-green-dark) !important;
  letter-spacing:1.5px !important;
}

.sw-outline-button{
  min-height:42px !important;
  border:1px solid #cfe7dc !important;
  border-radius:11px !important;
  color:var(--sw-final-green-dark) !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(23,32,51,.045) !important;
}

.sw-outline-button:hover{
  border-color:#a9dac6 !important;
  background:#f5fcf9 !important;
}

/* =========================================================
   OVERVIEW HERO / BALANCE
   ========================================================= */

.sw-hero-balance{
  position:relative !important;
  min-height:215px !important;
  padding:27px 31px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 85% 30%,rgba(255,255,255,.14),transparent 23%),
    radial-gradient(circle at 18% 110%,rgba(255,255,255,.09),transparent 28%),
    linear-gradient(112deg,var(--sw-final-red) 0%,#c91f3f 30%,#138b68 68%,var(--sw-final-green-dark) 100%) !important;
  box-shadow:0 20px 45px rgba(7,155,99,.16),0 8px 22px rgba(227,24,55,.08) !important;
  overflow:hidden !important;
}

.sw-hero-balance::after{
  width:330px !important;
  height:330px !important;
  right:-40px !important;
  top:-190px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.sw-hero-label-row{
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.sw-hero-label-row button{
  color:#fff !important;
}

.sw-hero-amount strong,
.sw-hero-amount>span{
  color:#fff !important;
}

.sw-hero-amount strong{
  font-size:43px !important;
  font-weight:850 !important;
}

.sw-hero-meta{
  color:rgba(255,255,255,.82) !important;
}

.sw-status-dot{
  background:#72f1bc !important;
}

.sw-hero-reveal{
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
}

.sw-art-wallet{
  background:linear-gradient(145deg,#083d32,#0b6650) !important;
  border-color:rgba(255,255,255,.20) !important;
}

/* =========================================================
   SECTIONS
   ========================================================= */

.sw-section{
  margin-top:23px !important;
}

.sw-section-head,
.sw-panel-head{
  margin-bottom:11px !important;
}

.sw-section-head span,
.sw-panel-head span{
  color:#91a097 !important;
}

.sw-section-head h2,
.sw-panel-head h2{
  color:var(--sw-final-ink) !important;
  font-size:18px !important;
  font-weight:850 !important;
}

.sw-section-head a,
.sw-section-link,
.sw-panel-head>a,
.sw-services-toggle{
  color:var(--sw-final-green-dark) !important;
}

/* =========================================================
   QUICK ACTIONS
   ========================================================= */

.sw-quick-section,
.sw-page-overview #services{
  padding:17px 18px 18px !important;
  border:1px solid #e1ebe6 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:var(--sw-final-shadow) !important;
}

.sw-quick-grid{
  gap:10px !important;
}

.sw-quick-card{
  min-height:104px !important;
  padding:14px 10px !important;
  border:1px solid #e1e9e5 !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 7px 20px rgba(23,32,51,.045) !important;
}

.sw-quick-card:hover{
  border-color:#c8e6d9 !important;
  box-shadow:0 13px 27px rgba(7,155,99,.08) !important;
}

.sw-quick-icon,
.sw-service-icon{
  color:var(--tone) !important;
}

.sw-quick-card strong{
  color:var(--sw-final-ink) !important;
  font-weight:850 !important;
}

.sw-quick-card small{
  color:var(--sw-final-muted) !important;
}

/* Keep tone colors but harmonize the palette. */
.sw-tone-green{--tone:var(--sw-final-green);--tone-bg:#eafaf4}
.sw-tone-purple,.sw-tone-violet{--tone:#b52b4a;--tone-bg:#fff0f3}
.sw-tone-orange{--tone:#d98218;--tone-bg:#fff5e7}
.sw-tone-blue,.sw-tone-indigo{--tone:#137d68;--tone-bg:#eaf8f4}
.sw-tone-pink{--tone:var(--sw-final-red);--tone-bg:#fff0f3}
.sw-tone-teal{--tone:var(--sw-final-green);--tone-bg:#eafaf4}

/* =========================================================
   ALL SERVICES
   ========================================================= */

.sw-service-grid{
  gap:9px !important;
}

.sw-service-card{
  min-height:98px !important;
  border:1px solid #e1e9e5 !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(23,32,51,.035) !important;
}

.sw-service-card:hover{
  border-color:#c8e6d9 !important;
  box-shadow:0 12px 26px rgba(7,155,99,.07) !important;
}

.sw-service-card strong{
  color:var(--sw-final-text) !important;
  font-weight:800 !important;
}

.sw-service-arrow{
  color:#b1bdb7 !important;
}

/* =========================================================
   PANELS / TRANSACTIONS / SECURITY
   ========================================================= */

.sw-panel,
.sw-transaction-panel,
.sw-security-panel{
  border:1px solid #e1ebe6 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:var(--sw-final-shadow) !important;
}

.sw-transaction-row{
  border-bottom-color:#edf2ef !important;
}

.sw-tx-info strong{
  color:var(--sw-final-ink) !important;
}

.sw-tx-info small{
  color:#8a9891 !important;
}

.sw-tx-value.is-credit{
  color:var(--sw-final-green-dark) !important;
}

.sw-tx-value.is-debit{
  color:#9b3048 !important;
}

.sw-tx-status{
  background:#eafaf4 !important;
  color:var(--sw-final-green-dark) !important;
}

.sw-tx-icon.is-credit{
  background:#eafaf4 !important;
  color:var(--sw-final-green) !important;
}

.sw-tx-icon.is-debit{
  background:#fff0f3 !important;
  color:var(--sw-final-red) !important;
}

.sw-security-card{
  border-color:#e1ebe6 !important;
  background:#f8fcfa !important;
}

.sw-security-icon{
  background:#eafaf4 !important;
  color:var(--sw-final-green-dark) !important;
}

.sw-security-check{
  background:var(--sw-final-green) !important;
}

/* =========================================================
   REFERRAL / STATS
   ========================================================= */

.sw-referral-hero{
  border:1px solid #dcebe4 !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#effcf6,#fff8f9) !important;
  box-shadow:var(--sw-final-shadow) !important;
}

.sw-referral-hero strong{
  color:var(--sw-final-green-dark) !important;
}

.sw-referral-copy{
  background:linear-gradient(135deg,var(--sw-final-red),var(--sw-final-green)) !important;
  color:#fff !important;
}

.sw-referral-account-row{
  border-color:#e1ebe6 !important;
  border-radius:13px !important;
}

/* =========================================================
   GENERIC DASHBOARD CARDS / MODULE CARDS
   ========================================================= */

.sw-module-card,
.sw-sb-card,
.sw-checkout,
.sw-notification-head,
.sw-notification-item,
.sw-wallet-card,
.sw-pin-card,
.sw-card{
  border-color:#e1ebe6 !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#fff,#f9fcfb) !important;
  box-shadow:var(--sw-final-shadow) !important;
}

.sw-module-action,
.sw-primary-btn,
.sw-checkout-submit,
.sw-pin-card form .sw-primary-btn{
  border:0 !important;
  border-radius:12px !important;
  background:linear-gradient(105deg,var(--sw-final-red),#b64b58,var(--sw-final-green),var(--sw-final-green-dark)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 10px 23px rgba(7,155,99,.14) !important;
}

.sw-module-action:hover,
.sw-primary-btn:hover,
.sw-checkout-submit:hover{
  filter:brightness(1.03);
  transform:translateY(-1px);
}

/* =========================================================
   FORM CONTROLS
   ========================================================= */

#sw-dashboard.sw-dashboard-shell input:not([type=radio]):not([type=checkbox]),
#sw-dashboard.sw-dashboard-shell select,
#sw-dashboard.sw-dashboard-shell textarea{
  border-color:#dce6e1 !important;
  border-radius:11px !important;
  background:#fff !important;
  color:var(--sw-final-ink) !important;
}

#sw-dashboard.sw-dashboard-shell input:focus,
#sw-dashboard.sw-dashboard-shell select:focus,
#sw-dashboard.sw-dashboard-shell textarea:focus{
  border-color:var(--sw-final-green) !important;
  box-shadow:0 0 0 4px rgba(7,155,99,.08) !important;
  outline:none !important;
}

/* =========================================================
   MOBILE NAV
   ========================================================= */

.sw-mobile-nav{
  background:rgba(255,255,255,.97) !important;
  border:1px solid #dfeae5 !important;
  box-shadow:0 12px 35px rgba(23,32,51,.14) !important;
}

.sw-mobile-nav>a{
  color:#7b8a86 !important;
}

.sw-mobile-nav>a.is-active{
  color:var(--sw-final-green-dark) !important;
}

.sw-mobile-nav>a.is-active .sw-mobile-icon{
  background:#effcf6 !important;
}

.sw-mobile-qr>span{
  background:linear-gradient(135deg,var(--sw-final-red),var(--sw-final-green)) !important;
  box-shadow:0 9px 22px rgba(7,155,99,.20) !important;
}

.sw-mobile-qr small{
  color:var(--sw-final-ink) !important;
}

/* =========================================================
   BUTTON / TEXT VISIBILITY PROTECTION
   ========================================================= */

#sw-dashboard.sw-dashboard-shell .sw-primary-btn,
#sw-dashboard.sw-dashboard-shell .sw-checkout-submit,
#sw-dashboard.sw-dashboard-shell .sw-module-action,
#sw-dashboard.sw-dashboard-shell .sw-btn,
#sw-dashboard.sw-dashboard-shell .sw-button{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}

#sw-dashboard.sw-dashboard-shell .sw-primary-btn span,
#sw-dashboard.sw-dashboard-shell .sw-primary-btn i,
#sw-dashboard.sw-dashboard-shell .sw-checkout-submit span,
#sw-dashboard.sw-dashboard-shell .sw-checkout-submit i,
#sw-dashboard.sw-dashboard-shell .sw-module-action span,
#sw-dashboard.sw-dashboard-shell .sw-module-action i{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}

/* =========================================================
   MOBILE / RESPONSIVE
   ========================================================= */

@media(max-width:992px){
  .sw-content{
    padding:18px 13px 88px !important;
  }

  .sw-page{
    width:100% !important;
  }

  .sw-sidebar{
    width:280px !important;
  }

  .sw-hero-balance{
    min-height:205px !important;
    padding:24px 22px !important;
    border-radius:19px !important;
  }

  .sw-hero-amount strong{
    font-size:38px !important;
  }

  .sw-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .sw-service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .sw-content{
    padding:15px 9px 88px !important;
  }

  .sw-page-heading h1{
    font-size:23px !important;
  }

  .sw-page-heading p{
    display:none !important;
  }

  .sw-hero-balance{
    min-height:190px !important;
    padding:22px 18px !important;
    border-radius:18px !important;
  }

  .sw-hero-amount strong{
    font-size:32px !important;
  }

  .sw-hero-art{
    right:-80px !important;
    opacity:.34 !important;
    transform:scale(.70) !important;
  }

  .sw-quick-section,
  .sw-page-overview #services{
    padding:14px 11px 15px !important;
    border-radius:16px !important;
  }

  .sw-quick-card{
    min-height:91px !important;
    border-radius:13px !important;
  }

  .sw-service-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .sw-service-card{
    min-height:86px !important;
    border-radius:13px !important;
  }

  .sw-service-icon{
    width:37px !important;
    height:37px !important;
    flex-basis:37px !important;
    border-radius:11px !important;
  }

  .sw-service-card strong{
    font-size:9px !important;
  }

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

@media(max-width:390px){
  .sw-content{
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .sw-hero-balance{
    min-height:180px !important;
    padding:19px 15px !important;
    border-radius:16px !important;
  }

  .sw-hero-label-row{
    font-size:12px !important;
  }

  .sw-hero-amount strong{
    font-size:28px !important;
  }

  .sw-quick-grid{
    gap:7px !important;
  }

  .sw-quick-card{
    min-height:84px !important;
    padding:9px 5px !important;
  }

  .sw-quick-icon{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  .sw-quick-card strong{
    font-size:10px !important;
  }

  .sw-service-card{
    min-height:81px !important;
  }

  .sw-service-card strong{
    font-size:8.5px !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;
    }
}

/* =========================================================
   FINAL VISUAL POLISH - Requested UI Only
   No business logic / AJAX / transaction logic changes
   ========================================================= */

/* ---------------------------------------------------------
   Business Payment - centered fields + proper padding
   --------------------------------------------------------- */
.sw-merchant-pay-page .sw-field{
    width:100% !important;
    max-width:620px !important;
    margin:0 auto 16px !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
}

.sw-merchant-pay-page .sw-field > label{
    display:block !important;
    width:100% !important;
    margin:0 0 9px !important;
    padding:0 !important;
    text-align:center !important;
    line-height:1.5 !important;
}

.sw-merchant-pay-page .sw-input-wrap{
    width:100% !important;
    margin:0 auto !important;
}

.sw-merchant-pay-page .sw-input-wrap input{
    text-align:center !important;
}

.sw-merchant-pay-page .sw-qr-context-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:10px auto 18px !important;
    padding:7px 13px !important;
    border-radius:10px !important;
}

.sw-merchant-pay-page .sw-qr-context-btn i,
.sw-qr-context-btn i{
    margin:0 !important;
    flex:0 0 auto !important;
}

.sw-merchant-pay-page .sw-summary-mini{
    width:calc(100% - 28px) !important;
    margin:14px auto !important;
    border-radius:12px !important;
}

.sw-merchant-pay-page #sw-merchant-pay-submit{
    margin:16px auto 7px !important;
}

/* ---------------------------------------------------------
   Savings / Donation / Qorjian / Welfare
   Title padding + centered headings/buttons/fields
   --------------------------------------------------------- */
.sw-sb{
    margin-left:auto !important;
    margin-right:auto !important;
}

.sw-sb-head{
    width:100% !important;
    box-sizing:border-box !important;
    padding:9px 14px 12px !important;
    margin:0 auto 15px !important;
    text-align:center !important;
}

.sw-sb-head h2{
    margin:0 !important;
    padding:5px 10px !important;
    text-align:center !important;
    line-height:1.5 !important;
}

.sw-sb-head p{
    margin:6px auto 0 !important;
    padding:0 8px !important;
    text-align:center !important;
}

.sw-sb-card > label,
.sw-sb-pin label{
    text-align:center !important;
}

.sw-sb-actions{
    justify-content:center !important;
    align-items:center !important;
}

.sw-sb-actions button{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* ---------------------------------------------------------
   QR Scan buttons - icon/text gap + capitalization-friendly
   --------------------------------------------------------- */
.sw-qr-context-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
}

.sw-qr-context-btn i{
    width:auto !important;
    margin:0 !important;
    line-height:1 !important;
}

/* ---------------------------------------------------------
   Transaction History - mobile status must remain visible
   --------------------------------------------------------- */
@media(max-width:680px){
    .sw-page-transactions .sw-page-panel{
        padding:14px 10px !important;
    }

    .sw-page-transactions .sw-panel-head{
        padding:7px 8px 12px !important;
        text-align:center !important;
    }

    .sw-page-transactions .sw-panel-head > div{
        width:100% !important;
        text-align:center !important;
    }

    .sw-page-transactions .sw-transaction-table{
        width:100% !important;
        overflow:visible !important;
    }

    .sw-page-transactions .sw-table-head,
    .sw-page-transactions .sw-table-row{
        min-width:0 !important;
        width:100% !important;
        grid-template-columns:minmax(82px,1.35fr) minmax(70px,1fr) minmax(70px,.95fr) minmax(52px,.75fr) !important;
        gap:5px !important;
        box-sizing:border-box !important;
    }

    .sw-page-transactions .sw-table-head{
        padding:8px 5px !important;
        font-size:8px !important;
    }

    .sw-page-transactions .sw-table-row{
        padding:10px 5px !important;
        font-size:8px !important;
    }

    .sw-page-transactions .sw-table-row > span{
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .sw-page-transactions .sw-table-row > span:first-child{
        gap:5px !important;
    }

    .sw-page-transactions .sw-table-icon{
        width:25px !important;
        height:25px !important;
        border-radius:8px !important;
        flex:0 0 25px !important;
        font-size:11px !important;
    }

    .sw-page-transactions .sw-tx-status{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-width:0 !important;
        padding:4px 3px !important;
        box-sizing:border-box !important;
        border-radius:999px !important;
        font-size:7px !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        background:#eaf9f3 !important;
        color:#078b62 !important;
    }
}

/* ---------------------------------------------------------
   Very small screens - keep all four transaction columns
   --------------------------------------------------------- */
@media(max-width:390px){
    .sw-page-transactions .sw-table-head,
    .sw-page-transactions .sw-table-row{
        grid-template-columns:minmax(70px,1.3fr) minmax(61px,.95fr) minmax(62px,.95fr) minmax(48px,.7fr) !important;
        gap:3px !important;
    }

    .sw-page-transactions .sw-table-row{
        padding-left:3px !important;
        padding-right:3px !important;
    }
}

/* ============================================================
 * STOP Wallet — QR Scan buttons are MOBILE ONLY (authoritative)
 * This rule intentionally appears at the very end so later
 * premium/button display rules cannot re-enable QR on desktop.
 * ============================================================ */
@media (min-width: 768px){
  html body .stop-wallet-app-mode .sw-qr-context-btn,
  html body .stop-wallet-app-mode button.sw-qr-context-btn,
  html body .stop-wallet-app-mode a.sw-qr-context-btn{
    display:none !important;
    visibility:hidden !important;
  }
}

@media (max-width: 767px){
  html body .stop-wallet-app-mode .sw-qr-context-btn,
  html body .stop-wallet-app-mode button.sw-qr-context-btn,
  html body .stop-wallet-app-mode a.sw-qr-context-btn{
    display:inline-flex !important;
    visibility:visible !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* =========================================================
   SWIFT MONEY — PREMIUM OPERATIONAL UI v2
   Centered / responsive / no browser-popup visual language
   ========================================================= */
.sw-swift-page,
.sw-swift-withdraw-page{
  width:min(100%,980px)!important;
  margin:0 auto!important;
  padding:4px 0 34px!important;
}
.sw-swift-page .sw-page-heading,
.sw-swift-withdraw-page .sw-page-heading{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 auto 18px!important;
  padding:22px 24px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff 0%,#f7fbff 58%,#f0fff8 100%)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}
.sw-swift-page .sw-page-heading:before,
.sw-swift-withdraw-page .sw-page-heading:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#d71920,#0757c8,#00a86b);
}
.sw-swift-page .sw-page-heading>div,
.sw-swift-withdraw-page .sw-page-heading>div{position:relative;z-index:1;min-width:0;text-align:center;flex:1}
.sw-swift-page .sw-page-kicker,
.sw-swift-withdraw-page .sw-page-kicker{
  display:inline-flex!important;align-items:center;justify-content:center;
  padding:6px 11px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#fff0f3,#eef5ff)!important;
  color:#36506b!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.12em!important;
}
.sw-swift-page .sw-page-heading h1,
.sw-swift-withdraw-page .sw-page-heading h1{
  margin:8px 0 5px!important;font-size:clamp(24px,3vw,34px)!important;
  line-height:1.15!important;text-align:center!important;color:#10253b!important;
  font-weight:900!important;letter-spacing:-.6px!important;
}
.sw-swift-page .sw-page-heading p,
.sw-swift-withdraw-page .sw-page-heading p{
  display:block!important;margin:0 auto!important;max-width:680px!important;
  color:#718096!important;font-size:13px!important;line-height:1.65!important;
}
.sw-swift-page .sw-admin-app-badge,
.sw-swift-withdraw-page .sw-admin-app-badge{
  position:relative;z-index:2;flex:0 0 auto!important;
  padding:7px 11px!important;border-radius:999px!important;
  background:#ecfdf5!important;color:#047857!important;border:1px solid #c8f1df!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;
}
.sw-swift-page .sw-commission-stats,
.sw-swift-withdraw-page .sw-commission-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;margin:0 0 14px!important;
}
.sw-swift-page .sw-commission-stats>div,
.sw-swift-withdraw-page .sw-commission-stats>div{
  position:relative;overflow:hidden;min-height:96px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:center!important;text-align:center!important;padding:16px 12px!important;
  border:1px solid rgba(148,163,184,.18)!important;border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
.sw-swift-page .sw-commission-stats>div:after,
.sw-swift-withdraw-page .sw-commission-stats>div:after{
  content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:99px;
  background:linear-gradient(90deg,#d71920,#0757c8,#00a86b);opacity:.75;
}
.sw-swift-page .sw-commission-stats small,
.sw-swift-withdraw-page .sw-commission-stats small{font-size:10px!important;font-weight:800!important;color:#718096!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.sw-swift-page .sw-commission-stats strong,
.sw-swift-withdraw-page .sw-commission-stats strong{margin-top:7px!important;font-size:20px!important;color:#10253b!important;font-weight:900!important}
.sw-swift-page .sw-panel,
.sw-swift-withdraw-page .sw-panel{
  width:100%!important;margin:0 0 14px!important;padding:22px!important;
  border:1px solid rgba(148,163,184,.16)!important;border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;box-shadow:0 14px 34px rgba(15,23,42,.065)!important;
}
.sw-swift-page .sw-panel-head,
.sw-swift-withdraw-page .sw-panel-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:14px!important;margin-bottom:16px!important;text-align:center!important;
}
.sw-swift-page .sw-panel-head>div,
.sw-swift-withdraw-page .sw-panel-head>div{flex:1;text-align:center!important}
.sw-swift-page .sw-panel-head span:first-child,
.sw-swift-withdraw-page .sw-panel-head span:first-child{display:block!important;color:#94a3b8!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important}
.sw-swift-page .sw-panel-head h2,
.sw-swift-withdraw-page .sw-panel-head h2{margin:5px 0 0!important;font-size:20px!important;color:#16324d!important;font-weight:900!important}
.sw-swift-page .sw-dashboard-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.sw-swift-page .sw-dashboard-columns>div{padding:17px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #edf1f5!important}
.sw-swift-page .sw-dashboard-columns p{margin:0 0 12px!important;color:#667789!important;font-size:13px!important;line-height:1.75!important}
.sw-swift-page .sw-dashboard-columns p:last-child{margin-bottom:0!important}
.sw-swift-page .sw-dashboard-columns strong{color:#17324b!important;font-weight:850!important}
.sw-swift-page .sw-transaction-list,
.sw-swift-withdraw-page .sw-transaction-list{display:flex!important;flex-direction:column!important;gap:8px!important}
.sw-swift-page .sw-transaction-row,
.sw-swift-withdraw-page .sw-transaction-row{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;
  padding:13px 14px!important;border:1px solid #edf1f5!important;border-radius:16px!important;
  background:#fbfdff!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.sw-swift-page .sw-transaction-row:hover,
.sw-swift-withdraw-page .sw-transaction-row:hover{transform:translateY(-1px)!important;box-shadow:0 9px 24px rgba(15,23,42,.06)!important;border-color:#d9e4ee!important}
.sw-swift-page .sw-tx-icon,
.sw-swift-withdraw-page .sw-tx-icon{width:36px!important;height:36px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;background:#eef5ff!important;color:#0757c8!important}
.sw-swift-page .sw-tx-icon.is-credit{background:#eaf9f3!important;color:#087f5b!important}.sw-swift-page .sw-tx-icon.is-debit{background:#fff0f3!important;color:#c6283d!important}
.sw-swift-page .sw-tx-info,.sw-swift-withdraw-page .sw-tx-info{min-width:0!important;text-align:left!important}.sw-swift-page .sw-tx-info strong,.sw-swift-withdraw-page .sw-tx-info strong{display:block!important;color:#17324b!important;font-size:13px!important}.sw-swift-page .sw-tx-info small,.sw-swift-withdraw-page .sw-tx-info small{display:block!important;margin-top:3px!important;color:#94a3b8!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sw-swift-page .sw-tx-value,.sw-swift-withdraw-page .sw-tx-value{font-size:13px!important;color:#17324b!important;white-space:nowrap!important}.sw-swift-page .sw-tx-value.is-credit{color:#087f5b!important}.sw-swift-page .sw-tx-value.is-debit{color:#c6283d!important}
.sw-swift-page .sw-tx-status,.sw-swift-withdraw-page .sw-tx-status{padding:5px 8px!important;border-radius:999px!important;background:#f1f5f9!important;color:#64748b!important;font-size:9px!important;font-weight:900!important}
.sw-swift-withdraw-page .sw-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:end!important}
.sw-swift-withdraw-page .sw-form-grid label{display:flex!important;flex-direction:column!important;gap:7px!important;color:#36506b!important;font-size:12px!important;font-weight:800!important;text-align:left!important}
.sw-swift-withdraw-page .sw-form-grid input{height:48px!important;width:100%!important;border:1px solid #dce5ed!important;border-radius:14px!important;background:#fbfdff!important;padding:0 14px!important;color:#17324b!important;outline:none!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important}
.sw-swift-withdraw-page .sw-form-grid input:focus{border-color:#4d83d6!important;box-shadow:0 0 0 4px rgba(7,87,200,.08)!important;background:#fff!important}
.sw-swift-withdraw-page .sw-form-grid>div{grid-column:1/-1!important;text-align:center!important}.sw-swift-withdraw-page .sw-primary-btn{min-width:230px!important;max-width:100%!important;margin:2px auto 0!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#d71920,#0757c8,#00a86b)!important;color:#fff!important;font-weight:900!important;box-shadow:0 10px 22px rgba(7,87,200,.18)!important}
.sw-swift-withdraw-page .sw-notice{border:1px solid #e1eaf2!important;border-radius:16px!important;background:linear-gradient(135deg,#f8fbff,#f2fff8)!important;color:#62758a!important;padding:14px 16px!important;font-size:12px!important;line-height:1.7!important}
.sw-swift-page .sw-empty-state,.sw-swift-withdraw-page .sw-empty-state{padding:28px!important;text-align:center!important;border:1px dashed #cfdbe6!important;border-radius:18px!important;background:#fbfdff!important;color:#718096!important}
@media(max-width:760px){
 .sw-swift-page,.sw-swift-withdraw-page{padding:0 8px 24px!important}
 .sw-swift-page .sw-page-heading,.sw-swift-withdraw-page .sw-page-heading{flex-direction:column!important;padding:20px 16px!important;text-align:center!important}
 .sw-swift-page .sw-page-heading>div,.sw-swift-withdraw-page .sw-page-heading>div{width:100%!important}
 .sw-swift-page .sw-commission-stats,.sw-swift-withdraw-page .sw-commission-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sw-swift-page .sw-dashboard-columns{grid-template-columns:1fr!important}
 .sw-swift-page .sw-panel,.sw-swift-withdraw-page .sw-panel{padding:16px!important;border-radius:19px!important}
 .sw-swift-page .sw-transaction-row,.sw-swift-withdraw-page .sw-transaction-row{grid-template-columns:38px minmax(0,1fr)!important}
 .sw-swift-page .sw-tx-value,.sw-swift-page .sw-tx-status,.sw-swift-withdraw-page .sw-tx-value,.sw-swift-withdraw-page .sw-tx-status{grid-column:2!important;justify-self:start!important}
 .sw-swift-withdraw-page .sw-form-grid{grid-template-columns:1fr!important}
 .sw-swift-withdraw-page .sw-form-grid>div{grid-column:auto!important}
}
@media(max-width:420px){
 .sw-swift-page .sw-commission-stats,.sw-swift-withdraw-page .sw-commission-stats{grid-template-columns:1fr!important}
 .sw-swift-page .sw-page-heading h1,.sw-swift-withdraw-page .sw-page-heading h1{font-size:23px!important}
}


/* Unified centered Transaction PIN modal */
.sw-pin-modal-wrap{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;box-sizing:border-box!important;background:rgba(8,18,32,.46)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;margin:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important}
.sw-pin-modal-wrap .sw-pin-modal{position:relative!important;display:block!important;width:min(440px,calc(100vw - 40px))!important;max-width:440px!important;max-height:min(88vh,680px)!important;overflow:auto!important;margin:0 auto!important;padding:24px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:26px!important;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%)!important;color:#142235!important;box-shadow:0 32px 100px rgba(8,18,32,.30),0 8px 30px rgba(18,55,90,.12)!important;transform:none!important;float:none!important;inset:auto!important}
.sw-pin-modal-wrap .sw-pin-modal .sw-confirm{padding:20px!important;margin:0 0 14px!important;border:1px solid #e3eaf2!important;border-radius:19px!important;background:#fff!important;box-sizing:border-box!important}
.sw-pin-modal-wrap .sw-pin-modal .sw-confirm h4{text-align:center!important;margin:0 0 16px!important;font-size:19px!important;font-weight:900!important;color:#123c2c!important}
.sw-pin-modal-wrap .sw-pin-modal .sw-confirm-row{display:flex!important;justify-content:space-between!important;gap:14px!important;padding:11px 0!important;border-bottom:1px solid #edf1f5!important}
.sw-pin-modal-wrap .sw-pin-modal .sw-confirm-row span{color:#667085!important;font-size:12px!important;font-weight:700!important}.sw-pin-modal-wrap .sw-pin-modal .sw-confirm-row strong{color:#123c2c!important;font-size:14px!important;font-weight:900!important;text-align:right!important;word-break:break-word!important}
.sw-pin-modal-wrap .sw-pin-modal label{display:block!important;margin:14px 0 7px!important;color:#294258!important;font-size:12px!important;font-weight:850!important}.sw-pin-modal-wrap .sw-pin-modal .sw-pin{width:100%!important;height:56px!important;box-sizing:border-box!important;border:1px solid #d7e3ec!important;border-radius:15px!important;background:#fff!important;text-align:center!important;letter-spacing:8px!important;font-size:22px!important;font-weight:900!important;outline:none!important}.sw-pin-modal-wrap .sw-pin-modal .sw-pin:focus{border-color:#10a879!important;box-shadow:0 0 0 4px rgba(16,168,121,.11)!important}.sw-pin-modal-wrap .sw-pin-modal .sw-primary-btn{width:100%!important;min-height:54px!important;margin-top:13px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#087f5b,#10b981)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 26px rgba(8,127,91,.20)!important}@media(max-width:600px){.sw-pin-modal-wrap{padding:12px!important}.sw-pin-modal-wrap .sw-pin-modal{width:calc(100vw - 24px)!important;padding:18px!important;border-radius:22px!important}}