/* sweetalert-custom.css - Кастомные стили для SweetAlert2 с вашими кнопками */

/* Основные стили для SweetAlert2 контейнера */
.swal2-popup {
    font-family: var(--font-family) !important;
    border-radius: var(--radius-lg) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: var(--shadow-strong) !important;
    border: 1px solid rgba(var(--border-light), 0.8) !important;
    overflow: hidden !important;
    background: rgba(var(--bg-surface), 0.95) !important;
    color: rgb(var(--text-primary)) !important;
    padding: 2rem !important;
}

/* Темная тема */
.dark .swal2-popup,
[data-theme="dark"] .swal2-popup
@media (prefers-color-scheme: dark) {
    .swal2-popup {
        background: rgba(var(--bg-surface-dark), 0.95) !important;
        color: rgb(var(--text-primary-dark)) !important;
        border: 1px solid rgba(var(--border-light-dark), 0.6) !important;
    }
}

/* Toast уведомления (правый нижний угол) */
.swal2-toast {
    border-radius: var(--radius-md) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: var(--shadow-medium) !important;
    border: 1px solid rgba(var(--border-light), 0.6) !important;
    background: rgba(var(--bg-surface), 0.95) !important;
    color: rgb(var(--text-primary)) !important;
    /*margin-bottom: 1rem !important;*/
    /*margin-right: 1rem !important;*/
    padding: 1rem 1.5rem !important;
}

/* Темная тема для toast */
.dark .swal2-toast,
[data-theme="dark"] .swal2-toast
@media (prefers-color-scheme: dark) {
    .swal2-toast {
        background: rgba(var(--bg-surface-dark), 0.95) !important;
        color: rgb(var(--text-primary-dark)) !important;
        border: 1px solid rgba(var(--border-light-dark), 0.6) !important;
    }
}

/* Заголовок */
.swal2-title {
    font-weight: var(--font-weight-semibold) !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0.5rem !important;
    color: inherit !important;
}

/* Текст сообщения */
.swal2-html-container {
    font-weight: var(--font-weight-regular) !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    margin-top: 0.5rem !important;
    color: rgb(var(--text-secondary)) !important;
}

/* Темная тема для текста */
.dark .swal2-html-container,
[data-theme="dark"] .swal2-html-container
@media (prefers-color-scheme: dark) {
    .swal2-html-container {
        color: rgb(var(--text-secondary-dark)) !important;
    }
}

/* Иконки */
.swal2-icon {
    border: none !important;
    margin: 1rem auto 0.5rem !important;
}

.swal2-icon-content {
    font-size: 2.5rem !important;
}

/* Успех */
.swal2-success {
    color: rgb(var(--success-glow)) !important;
}

.swal2-success [class^='swal2-success-line'] {
    background-color: rgb(var(--success-glow)) !important;
}

.swal2-success .swal2-success-ring {
    border-color: rgba(var(--success-glow), 0.3) !important;
}

/* Ошибка */
.swal2-error {
    color: rgb(var(--danger-glow)) !important;
}

.swal2-error [class^='swal2-x-mark-line'] {
    background-color: rgb(var(--danger-glow)) !important;
}

/* Предупреждение */
.swal2-warning {
    color: rgb(var(--warning-glow)) !important;
    border-color: rgba(var(--warning-glow), 0.3) !important;
}

/* Информация */
.swal2-info {
    color: rgb(var(--primary-glow)) !important;
    border-color: rgba(var(--primary-glow), 0.3) !important;
}

/* ===== ИСПРАВЛЕННЫЕ СТИЛИ КНОПОК ===== */

/* Контейнер для кнопок */
/*.swal2-actions {*/
/*    margin: 1.5rem 0 0 !important;*/
/*    gap: 0.75rem !important;*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    justify-content: center !important;*/
/*}*/

/* Базовые стили кнопок - ТОЛЬКО для существующих кнопок */
.swal2-confirm,
.swal2-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    font-size: 0.875rem !important;
    font-weight: var(--font-weight-semibold) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: var(--transition-smooth) !important;
    position: relative !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-family: var(--font-family) !important;
    min-width: 120px !important;
}

/* Скрываем третью кнопку (deny) если она появляется */
.swal2-deny {
    display: none !important;
}

/* Glassmorphism Effect */
.swal2-confirm::before,
.swal2-cancel::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.05) 100%
    ) !important;
    border-radius: var(--radius-md) !important;
    z-index: -1 !important;
}

/* Shine Effect on Hover */
.swal2-confirm::after,
.swal2-cancel::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    ) !important;
    transition: left 0.6s ease !important;
}

.swal2-confirm:hover::after,
.swal2-cancel:hover::after {
    left: 100% !important;
}

/* Primary Button (Confirm) */
.swal2-confirm {
    background: linear-gradient(
        135deg,
        rgba(var(--primary-glow), 0.15) 0%,
        rgba(var(--primary-glow), 0.1) 100%
    ) !important;
    color: rgb(var(--primary-glow)) !important;
    /*border: 1px solid rgba(var(--primary-glow), 0.3) !important;*/
    box-shadow:
        0 4px 15px -3px rgba(var(--primary-glow), 0.15),
        inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

.swal2-confirm:hover {
    background: linear-gradient(
        135deg,
        rgba(var(--primary-glow), 0.2) 0%,
        rgba(var(--primary-glow), 0.15) 100%
    ) !important;
    border-color: rgba(var(--primary-glow), 0.4) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 8px 25px -5px rgba(var(--primary-glow), 0.25),
        inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
}

/* Secondary Button (Cancel) */
.swal2-cancel {
    background: linear-gradient(
        135deg,
        rgba(var(--text-muted), 0.1) 0%,
        rgba(var(--text-muted), 0.05) 100%
    ) !important;
    color: rgb(var(--text-secondary)) !important;
    border: 1px solid rgba(var(--border-light), 0.4) !important;
    box-shadow:
        0 4px 15px -3px rgba(0, 0, 0, 0.05),
        inset 0 1px 1px rgba(255, 255, 255, 0.05) !important;
}

.swal2-cancel:hover {
    background: linear-gradient(
        135deg,
        rgba(var(--text-muted), 0.15) 0%,
        rgba(var(--text-muted), 0.1) 100%
    ) !important;
    border-color: rgba(var(--border-light), 0.6) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 8px 25px -5px rgba(0, 0, 0, 0.1),
        inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

/* Danger Button (для кнопки удаления) */
.swal2-confirm.swal2-danger {
    background: linear-gradient(
        135deg,
        rgba(var(--danger-glow), 0.15) 0%,
        rgba(var(--danger-glow), 0.1) 100%
    ) !important;
    color: rgb(var(--danger-glow)) !important;
    border: 1px solid rgba(var(--danger-glow), 0.3) !important;
    box-shadow:
        0 4px 15px -3px rgba(var(--danger-glow), 0.15),
        inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

.swal2-confirm.swal2-danger:hover {
    background: linear-gradient(
        135deg,
        rgba(var(--danger-glow), 0.2) 0%,
        rgba(var(--danger-glow), 0.15) 100%
    ) !important;
    border-color: rgba(var(--danger-glow), 0.4) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 8px 25px -5px rgba(var(--danger-glow), 0.25),
        inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
}

/* Focus states */
.swal2-confirm:focus,
.swal2-cancel:focus {
    outline: 2px solid rgba(var(--primary-glow), 0.5) !important;
    outline-offset: 2px !important;
}

/* Disabled states */
.swal2-confirm:disabled,
.swal2-cancel:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.swal2-confirm:disabled:hover,
.swal2-cancel:disabled:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Темная тема для кнопок */
.dark .swal2-cancel,
[data-theme="dark"] .swal2-cancel
@media (prefers-color-scheme: dark) {
    .swal2-cancel {
        background: rgba(var(--text-muted-dark), 0.2) !important;
        color: rgb(var(--text-secondary-dark)) !important;
    }
}

.dark .swal2-cancel:hover,
[data-theme="dark"] .swal2-cancel:hover
@media (prefers-color-scheme: dark) {
    .swal2-cancel:hover {
        background: rgba(var(--text-muted-dark), 0.3) !important;
    }
}

/* Прогресс бар таймера */
.swal2-timer-progress-bar {
    background: linear-gradient(90deg,
        rgba(var(--primary-glow), 1) 0%,
        rgba(var(--success-glow), 1) 100%) !important;
    height: 3px !important;
    border-radius: 0 !important;
}

/* Анимации */
.swal2-show {
    animation: swalCustomShow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.swal2-hide {
    animation: swalCustomHide 0.2s ease-out !important;
}

@keyframes swalCustomShow {
    0% {
        transform: scale(0.9) translateY(10px);
        opacity: 0;
    }
    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@keyframes swalCustomHide {
    0% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    100% {
        transform: scale(0.9) translateY(10px);
        opacity: 0;
    }
}

/* Адаптивность */
@media (max-width: 640px) {
    .swal2-popup {
        margin: 0 1rem !important;
        width: auto !important;
        padding: 1.5rem !important;
    }

    .swal2-toast {
        margin: 0 0.5rem 0.5rem 0.5rem !important;
        width: calc(100% - 1rem) !important;
        padding: 0.875rem 1.25rem !important;
    }

    .swal2-actions {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .swal2-confirm,
    .swal2-cancel {
        width: 100% !important;
        padding: 0.675rem 1.25rem !important;
    }
}


/*!* sweetalert-custom.css - Кастомные стили для SweetAlert2 *!*/

/*!* Основные стили для SweetAlert2 контейнера *!*/
/*.swal2-popup {*/
/*    font-family: var(--font-family) !important;*/
/*    border-radius: var(--radius-lg) !important;*/
/*    backdrop-filter: blur(20px) !important;*/
/*    box-shadow: var(--shadow-strong) !important;*/
/*    border: 1px solid rgba(var(--border-light), 0.8) !important;*/
/*    overflow: hidden !important;*/
/*    background: rgba(var(--bg-surface), 0.95) !important;*/
/*    color: rgb(var(--text-primary)) !important;*/
/*}*/

/*!* Темная тема *!*/
/*.dark .swal2-popup,*/
/*[data-theme="dark"] .swal2-popup*/
/*@media (prefers-color-scheme: dark) {*/
/*    .swal2-popup {*/
/*        background: rgba(var(--bg-surface-dark), 0.95) !important;*/
/*        color: rgb(var(--text-primary-dark)) !important;*/
/*        border: 1px solid rgba(var(--border-light-dark), 0.6) !important;*/
/*    }*/
/*}*/

/*!* Toast уведомления (правый нижний угол) *!*/
/*.swal2-toast {*/
/*    border-radius: var(--radius-md) !important;*/
/*    backdrop-filter: blur(20px) !important;*/
/*    box-shadow: var(--shadow-medium) !important;*/
/*    border: 1px solid rgba(var(--border-light), 0.6) !important;*/
/*    background: rgba(var(--bg-surface), 0.95) !important;*/
/*    color: rgb(var(--text-primary)) !important;*/
/*    margin-bottom: 1rem !important;*/
/*    margin-right: 1rem !important;*/
/*}*/

/*!* Темная тема для toast *!*/
/*.dark .swal2-toast,*/
/*[data-theme="dark"] .swal2-toast*/
/*@media (prefers-color-scheme: dark) {*/
/*    .swal2-toast {*/
/*        background: rgba(var(--bg-surface-dark), 0.95) !important;*/
/*        color: rgb(var(--text-primary-dark)) !important;*/
/*        border: 1px solid rgba(var(--border-light-dark), 0.6) !important;*/
/*    }*/
/*}*/

/*!* Заголовок *!*/
/*.swal2-title {*/
/*    font-weight: var(--font-weight-semibold) !important;*/
/*    font-size: 1.25rem !important;*/
/*    line-height: 1.4 !important;*/
/*    margin-bottom: 0.5rem !important;*/
/*    color: inherit !important;*/
/*}*/

/*!* Текст сообщения *!*/
/*.swal2-html-container {*/
/*    font-weight: var(--font-weight-regular) !important;*/
/*    font-size: 0.95rem !important;*/
/*    line-height: 1.5 !important;*/
/*    margin-top: 0.5rem !important;*/
/*    color: rgb(var(--text-secondary)) !important;*/
/*}*/

/*!* Темная тема для текста *!*/
/*.dark .swal2-html-container,*/
/*[data-theme="dark"] .swal2-html-container*/
/*@media (prefers-color-scheme: dark) {*/
/*    .swal2-html-container {*/
/*        color: rgb(var(--text-secondary-dark)) !important;*/
/*    }*/
/*}*/

/*!* Иконки *!*/
/*.swal2-icon {*/
/*    border: none !important;*/
/*    margin: 1rem auto 0.5rem !important;*/
/*}*/

/*.swal2-icon-content {*/
/*    font-size: 2.5rem !important;*/
/*}*/

/*!* Успех *!*/
/*.swal2-success {*/
/*    color: rgb(var(--success-glow)) !important;*/
/*}*/

/*.swal2-success [class^='swal2-success-line'] {*/
/*    background-color: rgb(var(--success-glow)) !important;*/
/*}*/

/*.swal2-success .swal2-success-ring {*/
/*    border-color: rgba(var(--success-glow), 0.3) !important;*/
/*}*/

/*!* Ошибка *!*/
/*.swal2-error {*/
/*    color: rgb(var(--danger-glow)) !important;*/
/*}*/

/*.swal2-error [class^='swal2-x-mark-line'] {*/
/*    background-color: rgb(var(--danger-glow)) !important;*/
/*}*/

/*!* Предупреждение *!*/
/*.swal2-warning {*/
/*    color: rgb(var(--warning-glow)) !important;*/
/*    border-color: rgba(var(--warning-glow), 0.3) !important;*/
/*}*/

/*!* Информация *!*/
/*.swal2-info {*/
/*    color: rgb(var(--primary-glow)) !important;*/
/*    border-color: rgba(var(--primary-glow), 0.3) !important;*/
/*}*/

/*!* Кнопки *!*/
/*.swal2-actions {*/
/*    margin: 1rem 0 0 !important;*/
/*    gap: 0.75rem !important;*/
/*}*/

/*.swal2-confirm,*/
/*.swal2-deny,*/
/*.swal2-cancel {*/
/*    font-family: var(--font-family) !important;*/
/*    font-weight: var(--font-weight-medium) !important;*/
/*    font-size: 0.875rem !important;*/
/*    padding: 0.625rem 1.25rem !important;*/
/*    border-radius: var(--radius-md) !important;*/
/*    border: none !important;*/
/*    transition: var(--transition-smooth) !important;*/
/*    cursor: pointer !important;*/
/*}*/

/*!* Основная кнопка подтверждения *!*/
/*.swal2-confirm {*/
/*    background: linear-gradient(135deg,*/
/*        rgba(var(--primary-glow), 1) 0%,*/
/*        rgba(var(--primary-glow), 0.8) 100%) !important;*/
/*    color: white !important;*/
/*    box-shadow: var(--shadow-soft) !important;*/
/*}*/

/*.swal2-confirm:hover {*/
/*    transform: translateY(-1px) !important;*/
/*    box-shadow: var(--shadow-medium) !important;*/
/*}*/

/*.swal2-confirm:active {*/
/*    transform: translateY(0) !important;*/
/*}*/

/*!* Кнопка отмены *!*/
/*.swal2-cancel {*/
/*    background: rgba(var(--text-muted), 0.1) !important;*/
/*    color: rgb(var(--text-secondary)) !important;*/
/*}*/

/*.dark .swal2-cancel,*/
/*[data-theme="dark"] .swal2-cancel*/
/*@media (prefers-color-scheme: dark) {*/
/*    .swal2-cancel {*/
/*        background: rgba(var(--text-muted-dark), 0.2) !important;*/
/*        color: rgb(var(--text-secondary-dark)) !important;*/
/*    }*/
/*}*/

/*.swal2-cancel:hover {*/
/*    background: rgba(var(--text-muted), 0.2) !important;*/
/*    transform: translateY(-1px) !important;*/
/*}*/

/*.dark .swal2-cancel:hover,*/
/*[data-theme="dark"] .swal2-cancel:hover*/
/*@media (prefers-color-scheme: dark) {*/
/*    .swal2-cancel:hover {*/
/*        background: rgba(var(--text-muted-dark), 0.3) !important;*/
/*    }*/
/*}*/

/*!* Прогресс бар таймера *!*/
/*.swal2-timer-progress-bar {*/
/*    background: linear-gradient(90deg,*/
/*        rgba(var(--primary-glow), 1) 0%,*/
/*        rgba(var(--success-glow), 1) 100%) !important;*/
/*    height: 3px !important;*/
/*    border-radius: 0 !important;*/
/*}*/

/*!* Анимации *!*/
/*.swal2-show {*/
/*    animation: swalCustomShow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;*/
/*}*/

/*.swal2-hide {*/
/*    animation: swalCustomHide 0.2s ease-out !important;*/
/*}*/

/*@keyframes swalCustomShow {*/
/*    0% {*/
/*        transform: scale(0.9) translateY(10px);*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        transform: scale(1) translateY(0);*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*@keyframes swalCustomHide {*/
/*    0% {*/
/*        transform: scale(1) translateY(0);*/
/*        opacity: 1;*/
/*    }*/
/*    100% {*/
/*        transform: scale(0.9) translateY(10px);*/
/*        opacity: 0;*/
/*    }*/
/*}*/

/*!* Кастомные классы для разных типов сообщений *!*/
/*.swal2-popup.success-toast {*/
/*    border-left: 4px solid rgb(var(--success-glow)) !important;*/
/*}*/

/*.swal2-popup.error-toast {*/
/*    border-left: 4px solid rgb(var(--danger-glow)) !important;*/
/*}*/

/*.swal2-popup.warning-toast {*/
/*    border-left: 4px solid rgb(var(--warning-glow)) !important;*/
/*}*/

/*.swal2-popup.info-toast {*/
/*    border-left: 4px solid rgb(var(--primary-glow)) !important;*/
/*}*/

/*!* Адаптивность *!*/
/*@media (max-width: 640px) {*/
/*    .swal2-popup {*/
/*        margin: 0 1rem !important;*/
/*        width: auto !important;*/
/*    }*/

/*    .swal2-toast {*/
/*        margin: 0 0.5rem 0.5rem 0.5rem !important;*/
/*        width: calc(100% - 1rem) !important;*/
/*    }*/

/*    .swal2-actions {*/
/*        flex-direction: column !important;*/
/*    }*/

/*    .swal2-confirm,*/
/*    .swal2-cancel {*/
/*        width: 100% !important;*/
/*    }*/
/*}*/