/* Gooexa Settings Panel */
#settingsOverlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:9998}
#settingsPanel{position:fixed;top:0;right:-430px;width:430px;max-width:100%;height:100%;background:#fff;box-shadow:-5px 0 18px rgba(0,0,0,.15);transition:right .3s ease;z-index:9999;display:flex;flex-direction:column}
#settingsPanel.open{right:0}
.settings-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e8e8e8;font-size:18px;font-weight:600}
.settings-close{cursor:pointer;font-size:26px;line-height:1}
.settings-body{display:flex;flex:1;overflow:hidden}
.settings-menu{width:180px;border-right:1px solid #ececec;background:#fafafa}
.settings-menu a{display:block;padding:14px 18px;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:.2s}
.settings-menu a:hover,.settings-menu a.active{background:#2196F3;color:#fff}
.settings-content{flex:1;overflow-y:auto;padding:20px}
@media(max-width:768px){#settingsPanel{width:100%;right:-100%}.settings-menu{width:145px}}

.delete-account-box{

    padding:20px;

}

.delete-account-box h3{

    margin-bottom:15px;

}

.delete-account-box .btn{

    margin-top:20px;

    width:100%;

}

.delete-countdown{

    background:#fff4d6;

    border:1px solid #ffd166;

    padding:18px;

    border-radius:10px;

    margin:20px 0;

}

.delete-countdown h4{

    margin:0 0 10px;

    color:#b76a00;

}

.delete-countdown p{

    margin:6px 0;

    color:#444;

    line-height:24px;

}

.swal2-container{
    z-index: 999999 !important;
}

.swal2-popup{
    z-index: 1000000 !important;
}

/* ==========================================
   Gooexa Delete Account Banner
========================================== */

.gooexa-delete-banner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    width:100%;

    background:#fff8db;

    border-radius:8px;

    padding:12px 18px;

    margin:15px 0;

    box-sizing:border-box;

}

.gooexa-delete-info{

    display:flex;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;

    color:#7a5400;

    font-size:14px;

    flex:1;

}

.gooexa-warning-icon{

    font-size:18px;

}

.gooexa-dot{

    color:#c19a00;

}

.gooexa-delete-actions{

    flex-shrink:0;

}

.banner-delete-btn{

    background:#28a745;

    color:#fff;

    border:none;

    padding:9px 18px;

    border-radius:6px;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.2s;

}

.banner-delete-btn:hover{

    background:#218838;

}

/* ===========================
   Mobile
=========================== */

@media(max-width:768px){

.gooexa-delete-banner{

    flex-direction:column;

    align-items:flex-start;

}

.gooexa-delete-info{

    width:100%;

}

.gooexa-delete-actions{

    width:100%;

}

.banner-delete-btn{

    width:100%;

}

}

/*=====================================
Account Settings
=====================================*/

.gooexa-account-settings{

    max-width:650px;

}

.gooexa-account-settings h3{

    margin-bottom:5px;

    font-size:24px;

    font-weight:600;

}

.gooexa-subtitle{

    color:#777;

    margin-bottom:20px;

}

.gooexa-setting-item{

    margin-top:25px;

}

.gooexa-setting-item label{

    display:block;

    font-weight:600;

    margin-bottom:8px;

}

.gooexa-setting-item small{

    color:#777;

}