/* =====================================================================
   [المنصة] شكل رسائل التنبيه (SweetAlert) — شكل بس، مفيش أي تغيير في طريقة شغلها
   كارت أبيض نضيف + أيقونة صغيرة ملونة + زراير واضحة، في السيستم والمنصة وصفحات العضو
   ===================================================================== */
.sweet-overlay { background: rgba(12, 13, 15, .48) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

.sweet-alert {
    width: 400px !important; max-width: calc(100vw - 32px) !important; margin-left: -200px !important;
    padding: 28px 24px 22px !important; border-radius: 22px !important; background: #fff !important;
    box-shadow: 0 30px 80px rgba(16, 24, 40, .28), 0 0 0 1px rgba(16, 24, 40, .04) !important;
    font-family: inherit !important; text-align: center !important;
}
.sweet-alert.showSweetAlert[data-animation="pop"], .sweet-alert.showSweetAlert { animation: gsSwalIn .28s cubic-bezier(.22, .61, .36, 1) both !important; }
@keyframes gsSwalIn { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: none; } }

/* الأيقونة: دايرة ناعمة بلون الحالة وجواها رمز */
.sweet-alert .sa-icon {
    width: 58px !important; height: 58px !important; margin: 0 auto 14px !important; padding: 0 !important;
    border: 0 !important; border-radius: 18px !important; box-sizing: border-box !important;
    position: relative !important; text-align: center !important; line-height: 58px !important;
    animation: gsSwalIcon .35s .05s cubic-bezier(.22, .61, .36, 1) both !important;
}
@keyframes gsSwalIcon { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
.sweet-alert .sa-icon > * { display: none !important; }
.sweet-alert .sa-icon::after { display: none !important; content: none !important; }
.sweet-alert .sa-icon::before {
    display: inline !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important;
    background: none !important; border: 0 !important; border-radius: 0 !important; transform: none !important; animation: none !important;
    font-family: FontAwesome !important; font-size: 25px !important; line-height: 58px !important; font-weight: normal !important;
}
.sweet-alert .sa-icon.sa-error { background: #fdecec !important; }
.sweet-alert .sa-icon.sa-error::before { content: "\f00d" !important; color: var(--gs-red, #d53c41) !important; }
.sweet-alert .sa-icon.sa-warning { background: #fff4e0 !important; }
.sweet-alert .sa-icon.sa-warning::before { content: "\f12a" !important; color: #d97706 !important; }
.sweet-alert .sa-icon.sa-info { background: #eaf1fe !important; }
.sweet-alert .sa-icon.sa-info::before { content: "\f129" !important; color: #2563eb !important; }
.sweet-alert .sa-icon.sa-success { background: #e7f6ec !important; }
.sweet-alert .sa-icon.sa-success::before { content: "\f00c" !important; color: #16a34a !important; }
.sweet-alert .sa-icon.sa-custom { background-color: transparent !important; border-radius: 16px !important; }
.sweet-alert .sa-icon.sa-custom::before { content: none !important; }

/* العنوان والكلام */
.sweet-alert h2 {
    margin: 0 0 6px !important; padding: 0 !important; font-family: inherit !important;
    font-size: 19px !important; line-height: 1.35 !important; font-weight: 800 !important; color: #111418 !important; text-transform: none !important;
}
.sweet-alert p, .sweet-alert .lead {
    margin: 0 !important; font-family: inherit !important; font-size: 14.5px !important; line-height: 1.65 !important;
    font-weight: 500 !important; color: #5b616b !important;
}
.sweet-alert p:empty { display: none !important; }

/* خانة الكتابة (لو فيه) */
.sweet-alert fieldset, .sweet-alert .form-group { margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important; }
.sweet-alert input[type], .sweet-alert .form-group .form-control {
    height: 46px !important; border-radius: 12px !important; border: 1px solid #e1e3e8 !important; background: #f7f8fa !important;
    font-size: 15px !important; padding: 0 14px !important; box-shadow: none !important; margin: 0 !important; width: 100% !important;
}
.sweet-alert input[type]:focus, .sweet-alert .form-group .form-control:focus { border-color: #141414 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(20, 20, 20, .08) !important; outline: 0 !important; }
.sweet-alert .sa-input-error, .sweet-alert .sa-error-container, .sweet-alert .sa-help-text { font-size: 12.5px !important; color: #b42328 !important; }

/* الزراير */
.sweet-alert .sa-button-container {
    display: flex !important; flex-wrap: wrap-reverse; justify-content: center; gap: 10px; margin: 22px 0 0 !important;
}
.sweet-alert .sa-confirm-button-container { display: inline-flex !important; flex: 1 1 140px; max-width: 220px; position: relative; }
.sweet-alert button {
    flex: 1 1 140px; max-width: 220px; height: 46px !important; margin: 0 !important; padding: 0 20px !important;
    border-radius: 13px !important; border: 0 !important; font-family: inherit !important;
    font-size: 14.5px !important; font-weight: 800 !important; letter-spacing: .01em; line-height: 46px !important;
    box-shadow: none !important; text-shadow: none !important; outline: 0; cursor: pointer;
    transition: transform .15s ease, filter .15s ease, background-color .15s ease !important;
}
.sweet-alert .sa-confirm-button-container button { width: 100%; max-width: none; }
.sweet-alert button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.sweet-alert button:active { transform: translateY(1px); }
.sweet-alert button:focus-visible { box-shadow: 0 0 0 3px rgba(17, 20, 24, .12) !important; }
.sweet-alert button.confirm { color: #fff !important; }
/* زرار التأكيد: السويت أليرت بيحط btn-lg دايماً، فالقاعدة القديمة (:not([class*="btn-"])) ماكانتش بتمسك "btn" لوحدها → الزرار كان شفاف بكلام أبيض (مش باين وبيتداس)
   دلوقتي: أي زرار تأكيد من غير لون صريح = لون الجيم ، وbtn-danger = أحمر (مش رمادي زي الإلغاء) */
.sweet-alert button.confirm:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info) { background-color: var(--gs-accent, var(--gsm-accent, #d53c41)) !important; border-color: transparent !important; }
.sweet-alert button.confirm.btn-danger { background-color: var(--gs-red, #d53c41) !important; border-color: transparent !important; }
.sweet-alert button.confirm.btn-success { background-color: #16a34a !important; border-color: transparent !important; }
.sweet-alert button.confirm.btn-warning { background-color: #d97706 !important; border-color: transparent !important; }
.sweet-alert button.confirm.btn-info { background-color: #2563eb !important; border-color: transparent !important; }
.sweet-alert button.cancel, .sweet-alert button.btn-default {
    background: #f1f2f4 !important; background-color: #f1f2f4 !important; color: #2b2f36 !important;
}
.sweet-alert button.cancel:hover { background-color: #e8e9ec !important; }
.sweet-alert button[disabled] { opacity: .6 !important; transform: none !important; }
.sweet-alert .la-ball-fall { top: 50% !important; margin-top: -4px !important; }

/* html داخل الرسالة (زي الباسورد الجديد) */
.sweet-alert .pf-secret code { font-size: 16px; }
.gs-install-steps { text-align: start; margin: 8px 0 0; padding-inline-start: 20px; line-height: 2; color: #2b2f36; font-weight: 600; }
.gs-install-steps .fa { color: #2563eb; margin-inline-start: 4px; }

html[dir="rtl"] .sweet-alert { direction: rtl; }

@media (max-width: 480px) {
    .sweet-alert { left: 16px !important; right: 16px !important; width: auto !important; margin-left: 0 !important; padding: 24px 18px 18px !important; }
    .sweet-alert button, .sweet-alert .sa-confirm-button-container { max-width: none; }
}