/* =========================================================
   STOP WALLET — CASH OUT / MANUAL WITHDRAW
   PREMIUM SLIM COMPACT RED + GREEN UI
   DESIGN & COLOR ONLY — NO PHP / JS / AJAX LOGIC CHANGED
   ========================================================= */

/* =========================================================
   CASH OUT THEME
   ========================================================= */

.sw-wallet-page.sw-theme-cashout{
    --sw-a:#0b9f68;
    --sw-b:#e31837;
    --sw-green:#0b9f68;
    --sw-red:#e31837;
    --sw-dark:#17251f;
    --sw-muted:#738078;
    --sw-soft:#f1fbf6;

    max-width:900px;
    margin:18px auto;
    padding:0 12px 20px;
    color:var(--sw-dark);
}

/* -------------------------
   HEADER
   ------------------------- */

.sw-theme-cashout .sw-wallet-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    margin:0 auto 14px;
    padding:2px 4px 6px!important;
    text-align:left;
}

.sw-theme-cashout .sw-brand-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:14px;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:19px;

    background:linear-gradient(
        135deg,
        #0b9f68 0%,
        #0b9f68 42%,
        #168a62 50%,
        #e31837 100%
    );

    box-shadow:
        0 8px 20px rgba(11,159,104,.16),
        0 5px 16px rgba(227,24,55,.10);
}

.sw-theme-cashout .sw-wallet-heading>div:last-child{
    padding:0!important;
}

.sw-theme-cashout .sw-wallet-heading h2{
    margin:0;
    padding:0!important;
    font-size:23px;
    line-height:1.15;
    font-weight:900;

    background:linear-gradient(
        90deg,
        #0b9f68 0%,
        #07895a 45%,
        #e31837 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.sw-theme-cashout .sw-wallet-heading p{
    margin:3px 0 0;
    padding:0!important;
    color:#78837e;
    font-size:11px;
    line-height:1.45;
}

/* -------------------------
   MAIN CARD
   ------------------------- */

.sw-theme-cashout .sw-wallet-card{
    position:relative;
    overflow:hidden;
    max-width:620px;
    margin:0 auto;
    padding:18px;

    border:1px solid rgba(40,80,65,.10);
    border-radius:22px;

    background:rgba(255,255,255,.98);

    box-shadow:
        0 15px 45px rgba(35,50,43,.10),
        0 3px 12px rgba(11,159,104,.04);

    backdrop-filter:blur(12px);
    box-sizing:border-box;
}

.sw-theme-cashout .sw-wallet-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:3px;

    background:linear-gradient(
        90deg,
        #0b9f68 0%,
        #0b9f68 42%,
        #238861 50%,
        #e31837 100%
    );
}

/* -------------------------
   BALANCE
   ------------------------- */

.sw-theme-cashout .sw-balance-card{
    min-height:54px;

    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 12px!important;
    margin-bottom:16px;

    border-radius:15px;

    background:linear-gradient(
        105deg,
        #f1fbf6 0%,
        #fbfffd 48%,
        #fff5f6 100%
    );

    border:1px solid rgba(11,159,104,.12);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9);
}

.sw-theme-cashout .sw-balance-icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:11px;

    display:grid;
    place-items:center;

    color:#fff;
    font-size:15px;

    background:linear-gradient(
        135deg,
        #0b9f68 0%,
        #0b9f68 50%,
        #e31837 100%
    );

    box-shadow:
        0 6px 14px rgba(11,159,104,.16);
}

.sw-theme-cashout .sw-balance-card div:nth-child(2){
    flex:1;
}

.sw-theme-cashout .sw-balance-card span{
    display:block;
    font-size:10px;
    font-weight:800;
    color:#77827d;
}

.sw-theme-cashout .sw-balance-card strong{
    display:block;
    margin-top:1px;
    font-size:20px;
    line-height:1.15;
    color:#182720;
}

.sw-theme-cashout .sw-icon-btn{
    width:34px;
    height:34px;
    border-radius:10px;
    border:1px solid #e1e7e4;
    color:#0b9f68;
    background:#fff;
    font-size:13px;
    cursor:pointer;
    transition:.2s ease;
}

.sw-theme-cashout .sw-icon-btn:hover{
    color:#e31837;
    border-color:#e31837;
    transform:rotate(12deg) translateY(-1px);
}

/* -------------------------
   FIELDS
   ------------------------- */

.sw-theme-cashout .sw-field{
    margin:0 0 15px;
}

.sw-theme-cashout .sw-field label{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:6px;

    font-size:12px;
    font-weight:850;
    color:#26372f;
}

.sw-theme-cashout .sw-field label i{
    color:#0b9f68;
    font-size:11px;
}

.sw-theme-cashout .sw-input-wrap{
    position:relative;
}

.sw-theme-cashout .sw-input-wrap input,
.sw-theme-cashout input:not([type=radio]){
    height:44px!important;
    width:100%;
    box-sizing:border-box;

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

    background:#fff!important;
    color:#182720!important;

    font-size:13px!important;
    outline:none;

    transition:.2s ease;
}

.sw-theme-cashout .sw-input-wrap input{
    padding-left:40px!important;
}

.sw-theme-cashout .sw-input-wrap>i,
.sw-theme-cashout .sw-currency{
    position:absolute;
    left:13px;
    top:50%;
    transform:translateY(-50%);
    z-index:1;

    color:#0b9f68;
    font-size:13px;
    font-weight:800;
}

.sw-theme-cashout input:not([type=radio]):focus{
    border-color:#0b9f68!important;
    box-shadow:0 0 0 3px rgba(11,159,104,.09)!important;
}

.sw-theme-cashout .sw-help{
    margin-top:5px;
    font-size:10px;
    line-height:1.5;
    color:#89938f;
}

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

.sw-theme-cashout .sw-qr-context-btn{
    margin-top:7px!important;
    min-height:30px;
    padding:5px 9px;

    border:1px solid rgba(11,159,104,.16);
    border-radius:9px;

    background:#f3fbf7;
    color:#07895a;

    font-size:10px;
    font-weight:800;
    cursor:pointer;

    transition:.2s ease;
}

.sw-theme-cashout .sw-qr-context-btn:hover{
    border-color:#e31837;
    background:#fff5f6;
    color:#d71938;
    transform:translateY(-1px);
}

/* -------------------------
   QUICK AMOUNTS
   ------------------------- */

.sw-theme-cashout .sw-quick-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    margin-top:7px;
}

.sw-theme-cashout .sw-quick-grid button{
    height:34px;

    border:1px solid rgba(11,159,104,.13);
    border-radius:9px;

    background:linear-gradient(
        135deg,
        #f3fbf7,
        #fff7f8
    );

    color:#0b8d60;

    font-size:11px;
    font-weight:850;

    cursor:pointer;
    transition:.2s ease;
}

.sw-theme-cashout .sw-quick-grid button:hover{
    transform:translateY(-1px);
    border-color:#e31837;
    color:#e31837;
    box-shadow:0 5px 14px rgba(227,24,55,.10);
}

/* -------------------------
   INLINE RESULT
   ------------------------- */

.sw-theme-cashout .sw-inline-result{
    margin-top:6px;
}

.sw-theme-cashout .sw-inline-result .sw-user,
.sw-theme-cashout .sw-inline-result .sw-agent{
    display:flex;
    align-items:center;
    gap:8px;

    padding:8px 10px;
    border-radius:11px;

    background:linear-gradient(
        105deg,
        #f3fbf7,
        #fff5f6
    );

    border:1px solid rgba(11,159,104,.11);

    font-size:11px;
}

.sw-theme-cashout .sw-inline-result img{
    width:34px;
    height:34px;
    border-radius:50%;
    object-fit:cover;
}

/* -------------------------
   SUMMARY
   ------------------------- */

.sw-theme-cashout .sw-summary-mini{
    padding:2px 12px;
    margin:0 0 13px;

    border-radius:13px;

    background:linear-gradient(
        105deg,
        #f5fcf8,
        #fff8f9
    );

    border:1px solid rgba(20,80,60,.08);
}

.sw-theme-cashout .sw-summary-mini>div{
    display:flex;
    justify-content:space-between;
    gap:12px;

    padding:8px 0;

    font-size:11px;
    color:#718078;

    border-bottom:1px dashed #dfe6e2;
}

.sw-theme-cashout .sw-summary-mini>div:last-child{
    border-bottom:0;
}

.sw-theme-cashout .sw-summary-mini strong{
    color:#27382f;
}

.sw-theme-cashout .sw-summary-mini .sw-total{
    font-size:13px;
    font-weight:800;
}

.sw-theme-cashout .sw-summary-mini .sw-total strong{
    color:#e31837;
}

/* =========================================================
   MAIN CASH OUT BUTTON
   Critical scoped hard override for text visibility.
   ========================================================= */

#sw-cashout-form > button.sw-primary-btn{
    width:100%!important;
    min-height:47px!important;
    height:47px!important;
    padding:9px 16px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;

    box-sizing:border-box!important;

    border:0!important;
    border-radius:13px!important;

    background-color:transparent!important;
    background-image:linear-gradient(
        100deg,
        #0b9f68 0%,
        #078f60 38%,
        #8c554f 55%,
        #e31837 100%
    )!important;

    background-clip:border-box!important;
    -webkit-background-clip:border-box!important;

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

    text-shadow:none!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.25!important;

    visibility:visible!important;
    opacity:1!important;

    box-shadow:
        0 9px 22px rgba(11,159,104,.16),
        0 5px 15px rgba(227,24,55,.10)!important;

    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}

#sw-cashout-form > button.sw-primary-btn > i,
#sw-cashout-form > button.sw-primary-btn > span{
    display:inline-block!important;
    width:auto!important;
    height:auto!important;

    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;

    background-clip:border-box!important;
    -webkit-background-clip:border-box!important;

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

    fill:#fff!important;
    stroke:#fff!important;

    text-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    mix-blend-mode:normal!important;
}

#sw-cashout-form > button.sw-primary-btn:hover{
    transform:translateY(-1px)!important;
    filter:saturate(1.08);
    box-shadow:
        0 13px 27px rgba(11,159,104,.20),
        0 8px 18px rgba(227,24,55,.13)!important;
}

/* -------------------------
   SECURITY FOOTER
   ------------------------- */

.sw-theme-cashout .sw-security-row{
    max-width:620px;
    margin:10px auto 0;
    padding:9px 12px;

    display:flex;
    justify-content:space-around;
    gap:10px;
    flex-wrap:wrap;

    border-radius:12px;

    background:rgba(255,255,255,.82);
    border:1px solid rgba(20,70,50,.08);

    box-shadow:0 6px 20px rgba(40,55,48,.05);

    font-size:10px;
    color:#728078;
    font-weight:750;
}

.sw-theme-cashout .sw-security-row i{
    margin-right:4px;
    color:#0b9f68;
}

.sw-theme-cashout .sw-security-row span:first-child i{
    color:#e31837;
}

/* =========================================================
   MANUAL WITHDRAW
   ========================================================= */

.sw-theme-cashout.sw-manual-page{
    max-width:900px;
    margin-top:18px;
}

/* Manual card */

.sw-theme-cashout .sw-manual-withdraw-card{
    max-width:620px;
    margin:0 auto;

    padding:18px;

    border:1px solid rgba(40,80,65,.10);
    border-radius:22px;

    background:rgba(255,255,255,.98);

    box-shadow:
        0 15px 45px rgba(35,50,43,.10),
        0 3px 12px rgba(11,159,104,.04);

    box-sizing:border-box;
}

.sw-theme-cashout .sw-manual-withdraw-card.is-focused{
    position:relative;
    overflow:hidden;
}

.sw-theme-cashout .sw-manual-withdraw-card.is-focused:before{
    content:"";
    position:absolute;
    inset:0 0 auto;

    height:3px;

    background:linear-gradient(
        90deg,
        #0b9f68 0%,
        #0b9f68 42%,
        #8c554f 55%,
        #e31837 100%
    );
}

/* Notice */

.sw-theme-cashout .sw-manual-withdraw-notice{
    display:flex;
    align-items:flex-start;
    gap:8px;

    padding:9px 11px!important;
    margin-bottom:13px;

    border-radius:11px;

    background:linear-gradient(
        105deg,
        #f3fbf7,
        #fff5f6
    );

    border:1px solid rgba(11,159,104,.11);

    color:#68766f;

    font-size:10px;
    line-height:1.55;
}

.sw-theme-cashout .sw-manual-withdraw-notice i{
    margin-top:1px;
    color:#0b9f68;
    font-size:14px;
}

/* Manual balance */

.sw-theme-cashout .sw-manual-balance-card{
    min-height:54px;

    padding:10px 12px!important;
    margin-bottom:13px;

    border-radius:15px;

    background:linear-gradient(
        105deg,
        #f1fbf6,
        #fffafa
    );

    border:1px solid rgba(11,159,104,.12);
}

/* Payment methods */

.sw-theme-cashout .sw-method-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:7px;
}

.sw-theme-cashout .sw-method{
    margin:0!important;
    display:block!important;
    cursor:pointer;
}

.sw-theme-cashout .sw-method input{
    display:none;
}

.sw-theme-cashout .sw-method span{
    min-height:57px;

    padding:8px 9px;

    display:flex;
    align-items:center;
    gap:8px;

    box-sizing:border-box;

    border:1px solid #dfe6e2;
    border-radius:11px;

    background:#fff;

    transition:.2s ease;
}

.sw-theme-cashout .sw-method span>b{
    width:31px;
    height:31px;
    min-width:31px;

    display:grid;
    place-items:center;

    border-radius:9px;

    background:#f1fbf6;
    color:#0b9f68;
}

.sw-theme-cashout .sw-method span>strong{
    color:#26372f;
    font-size:11px;
}

.sw-theme-cashout .sw-method small{
    margin-left:auto;
    color:#89948e;
    font-size:8px;
    text-align:right;
}

.sw-theme-cashout .sw-method input:checked+span{
    border-color:#0b9f68;

    background:linear-gradient(
        135deg,
        #f1fbf6,
        #fff7f8
    );

    box-shadow:
        0 6px 16px rgba(11,159,104,.08);
}

.sw-theme-cashout .sw-method input:checked+span>b{
    background:linear-gradient(135deg,#0b9f68,#e31837);
    color:#fff;
}

/* Manual fields */

.sw-theme-cashout .sw-manual-form{
    padding-top:13px!important;
}

.sw-theme-cashout .sw-manual-form .sw-field{
    margin-bottom:13px;
}

.sw-theme-cashout .sw-manual-form textarea{
    width:100%;
    min-height:72px;

    padding:10px 12px;

    box-sizing:border-box;

    resize:vertical;

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

    background:#fff!important;
    color:#182720!important;

    font-size:12px!important;
    outline:none;

    transition:.2s ease;
}

.sw-theme-cashout .sw-manual-form textarea:focus{
    border-color:#0b9f68!important;
    box-shadow:0 0 0 3px rgba(11,159,104,.09)!important;
}

.sw-theme-cashout .sw-manual-form .sw-plain-input{
    padding:0 12px!important;
}

.sw-theme-cashout .sw-manual-form .sw-manual-pin{
    text-align:center!important;
    letter-spacing:7px;
    font-size:18px!important;
    font-weight:900!important;
}

/* Manual submit */

#sw-manual-withdraw-form > button.sw-primary-btn{
    width:100%!important;
    min-height:47px!important;
    height:47px!important;
    padding:9px 16px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;

    box-sizing:border-box!important;

    border:0!important;
    border-radius:13px!important;

    background-color:transparent!important;
    background-image:linear-gradient(
        100deg,
        #0b9f68 0%,
        #078f60 38%,
        #8c554f 55%,
        #e31837 100%
    )!important;

    background-clip:border-box!important;
    -webkit-background-clip:border-box!important;

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

    text-shadow:none!important;
    font-size:13px!important;
    font-weight:850!important;

    opacity:1!important;
    visibility:visible!important;

    box-shadow:
        0 9px 22px rgba(11,159,104,.16),
        0 5px 15px rgba(227,24,55,.10)!important;
}

#sw-manual-withdraw-form > button.sw-primary-btn > i,
#sw-manual-withdraw-form > button.sw-primary-btn > span{
    display:inline-block!important;

    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;

    background-clip:border-box!important;
    -webkit-background-clip:border-box!important;

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

    fill:#fff!important;
    stroke:#fff!important;

    text-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    mix-blend-mode:normal!important;
}

#sw-manual-withdraw-form > button.sw-primary-btn:hover{
    transform:translateY(-1px)!important;
    filter:saturate(1.08);
}

/* =========================================================
   MANUAL WITHDRAW LINK
   ========================================================= */

.sw-theme-cashout .sw-cashout-manual-link{
    max-width:620px;
    margin:10px auto 0;
    text-align:center;
}

.sw-theme-cashout .sw-manual-page-link{
    position:relative;

    min-height:42px!important;
    height:42px!important;

    padding:8px 13px!important;

    border-radius:12px!important;

    background:linear-gradient(
        100deg,
        #f1fbf6 0%,
        #ffffff 50%,
        #fff5f6 100%
    )!important;

    border:1px solid rgba(11,159,104,.14)!important;

    color:#0b8d60!important;
    -webkit-text-fill-color:#0b8d60!important;

    box-shadow:0 5px 15px rgba(30,60,45,.06)!important;
}

.sw-theme-cashout .sw-manual-page-link span,
.sw-theme-cashout .sw-manual-page-link i{
    color:#0b8d60!important;
    -webkit-text-fill-color:#0b8d60!important;
    background:transparent!important;
    background-image:none!important;
    text-shadow:none!important;
}

.sw-theme-cashout .sw-manual-page-link:hover{
    border-color:#e31837!important;
    color:#e31837!important;
    -webkit-text-fill-color:#e31837!important;
    transform:translateY(-1px)!important;
}

.sw-theme-cashout .sw-manual-page-link:hover span,
.sw-theme-cashout .sw-manual-page-link:hover i{
    color:#e31837!important;
    -webkit-text-fill-color:#F8EE63!important;
}

.sw-theme-cashout .sw-cashout-manual-link small{
    display:block;
    margin-top:5px;
    color:#89938f;
    font-size:9px;
}

/* =========================================================
   MANUAL HISTORY
   ========================================================= */

.sw-theme-cashout .sw-manual-history{
    max-width:620px;
    margin:12px auto 0;

    padding:13px;

    border:1px solid rgba(40,80,65,.09);
    border-radius:16px;

    background:rgba(255,255,255,.88);

    box-shadow:0 7px 22px rgba(40,55,48,.05);
}

.sw-theme-cashout .sw-manual-history-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    padding-bottom:8px;
    margin-bottom:2px;

    border-bottom:1px solid #edf1ef;
}

.sw-theme-cashout .sw-manual-history-title h3{
    margin:0;
    color:#26372f;
    font-size:13px;
    font-weight:850;
}

.sw-theme-cashout .sw-manual-history-title span{
    color:#89938f;
    font-size:9px;
}

.sw-theme-cashout .sw-manual-history-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    padding:9px 0;

    border-bottom:1px dashed #e2e8e5;
}

.sw-theme-cashout .sw-manual-history-row:last-child{
    border-bottom:0;
}

.sw-theme-cashout .sw-manual-history-row strong{
    display:block;
    color:#26372f;
    font-size:10px;
}

.sw-theme-cashout .sw-manual-history-row small{
    display:block;
    margin-top:3px;
    color:#89938f;
    font-size:9px;
}

.sw-theme-cashout .sw-manual-status{
    flex:0 0 auto;

    padding:4px 7px;

    border-radius:999px;

    font-size:8px;
    font-weight:850;
}

.sw-theme-cashout .sw-status-pending{
    background:#fff8df;
    color:#a97800;
    border:1px solid #f0df9c;
}

.sw-theme-cashout .sw-status-approved{
    background:#e9fff4;
    color:#0b9f68;
    border:1px solid #a8e8ce;
}

.sw-theme-cashout .sw-status-rejected{
    background:#fff0f2;
    color:#dc3545;
    border:1px solid #f4b8bf;
}

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

@media(max-width:720px){

    .sw-wallet-page.sw-theme-cashout{
        margin-top:10px;
        padding:0 8px 16px;
    }

    .sw-theme-cashout .sw-wallet-heading{
        justify-content:flex-start;
        margin-bottom:10px;
    }

    .sw-theme-cashout .sw-brand-icon{
        width:42px;
        height:42px;
        min-width:42px;
        border-radius:12px;
        font-size:17px;
    }

    .sw-theme-cashout .sw-wallet-heading h2{
        font-size:20px;
    }

    .sw-theme-cashout .sw-wallet-heading p{
        font-size:9px;
    }

    .sw-theme-cashout .sw-wallet-card,
    .sw-theme-cashout .sw-manual-withdraw-card{
        padding:13px;
        border-radius:18px;
    }

    .sw-theme-cashout .sw-balance-card{
        padding:9px 10px!important;
        margin-bottom:13px;
    }

    .sw-theme-cashout .sw-balance-icon{
        width:35px;
        height:35px;
        min-width:35px;
    }

    .sw-theme-cashout .sw-balance-card strong{
        font-size:18px;
    }

    .sw-theme-cashout .sw-field{
        margin-bottom:13px;
    }

    .sw-theme-cashout .sw-quick-grid{
        gap:5px;
    }

    .sw-theme-cashout .sw-quick-grid button{
        height:32px;
        font-size:10px;
    }

    .sw-theme-cashout .sw-summary-mini{
        margin-bottom:11px;
    }

    .sw-theme-cashout .sw-summary-mini>div{
        padding:7px 0;
    }

    .sw-theme-cashout .sw-method-grid{
        grid-template-columns:repeat(2,1fr);
        gap:5px;
    }

    .sw-theme-cashout .sw-method span{
        min-height:53px;
        padding:7px;
    }

    .sw-theme-cashout .sw-method span>b{
        width:28px;
        height:28px;
        min-width:28px;
    }

    .sw-theme-cashout .sw-method span>strong{
        font-size:10px;
    }

    .sw-theme-cashout .sw-method small{
        display:none;
    }

    .sw-theme-cashout .sw-manual-withdraw-notice{
        padding:8px 9px!important;
        font-size:9.5px;
    }

    #sw-cashout-form > button.sw-primary-btn,
    #sw-manual-withdraw-form > button.sw-primary-btn{
        height:45px!important;
        min-height:45px!important;
        border-radius:12px!important;
        font-size:13px!important;
    }

    .sw-theme-cashout .sw-security-row{
        gap:7px;
        padding:8px 7px;
        font-size:9px;
    }

    .sw-theme-cashout .sw-manual-page-link{
        min-height:40px!important;
        height:40px!important;
        font-size:11px!important;
    }

    .sw-theme-cashout .sw-manual-history{
        padding:10px;
    }
}

@media(max-width:560px){

    .sw-theme-cashout .sw-balance-card{
        padding:9px!important;
    }

    .sw-theme-cashout .sw-manual-history-row{
        align-items:flex-start;
    }

    .sw-theme-cashout .sw-manual-status{
        margin-top:1px;
    }
}


@media(max-width:390px){

    .sw-theme-cashout .sw-wallet-card,
    .sw-theme-cashout .sw-manual-withdraw-card{
        padding:11px;
    }

    .sw-theme-cashout .sw-wallet-heading h2{
        font-size:19px;
    }

    .sw-theme-cashout .sw-wallet-heading p{
        font-size:8.5px;
    }

    .sw-theme-cashout .sw-security-row{
        flex-direction:column;
        align-items:center;
        gap:4px;
    }

    .sw-theme-cashout .sw-method-grid{
        grid-template-columns:1fr;
    }
}

/* ============================================================
   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;
    }
}


/* 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}}