:root {
    /* Swal'a özel anlamsal takma adlar — temel paleti (variables.css) referans alır */
    --vkv-success: var(--vkv-green);        /* başarılı işlem (yeşil) */
    --vkv-success-soft: var(--vkv-green);

    --vkv-danger-soft: rgba(220, 53, 69, 0.30);
    --vkv-warning-soft: rgba(255, 193, 7, 0.30);
    --vkv-info-soft: rgba(13, 202, 240, 0.30);

    --vkv-primary: var(--vkv-info);        /* default / question (mavi) */
    --vkv-primary-soft: rgba(13, 110, 253, 0.30);

    --vkv-light: var(--vkv-bg-light);          /* iptal butonu (gri) */
    --vkv-light-text: var(--vkv-text-muted);
}

/* ============================================================================
 * SWAL ICON RENKLERİ
 * ============================================================================ */

/* SUCCESS — yeşil tik */
.swal2-icon.swal2-success {
    border-color: var(--vkv-success) !important;
    color: var(--vkv-success) !important;
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: #ffffff !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--vkv-success-soft) !important;
}

/* ERROR — kırmızı X */
.swal2-icon.swal2-error {
    border-color: var(--vkv-danger) !important;
    color: var(--vkv-danger) !important;
}

/* WARNING — sarı ünlem */
.swal2-icon.swal2-warning {
    border-color: var(--vkv-warning) !important;
    color: var(--vkv-warning) !important;
}

/* INFO — cyan i */
.swal2-icon.swal2-info {
    border-color: var(--vkv-info) !important;
    color: var(--vkv-info) !important;
}

/* QUESTION — mavi ? */
.swal2-icon.swal2-question {
    border-color: var(--vkv-primary) !important;
}

.swal2-popup .btn.btn-success {
    background-color: var(--vkv-success) !important;
    border-color: var(--vkv-success) !important;
    color: #fff !important;
}
.swal2-popup .btn.btn-success:hover,
.swal2-popup .btn.btn-success:focus {
    background-color: var(--vkv-success) !important;
    border-color: var(--vkv-success) !important;
    color: #fff !important;
}

.swal2-popup .btn.btn-danger {
    background-color: var(--vkv-danger);
    border-color: var(--vkv-danger);
    color: #fff;
}
.swal2-popup .btn.btn-danger:hover,
.swal2-popup .btn.btn-danger:focus {
    background-color: color-mix(in srgb, var(--vkv-danger) 85%, black);
    border-color: color-mix(in srgb, var(--vkv-danger) 85%, black);
    color: #fff;
}

.swal2-popup .btn.btn-warning {
    background-color: var(--vkv-warning);
    border-color: var(--vkv-warning);
    color: var(--vkv-text-dark);
}
.swal2-popup .btn.btn-warning:hover,
.swal2-popup .btn.btn-warning:focus {
    background-color: color-mix(in srgb, var(--vkv-warning) 85%, black);
    border-color: color-mix(in srgb, var(--vkv-warning) 85%, black);
    color: var(--vkv-text-dark);
}

.swal2-popup .btn.btn-info {
    background-color: var(--vkv-info);
    border-color: var(--vkv-info);
    color: var(--vkv-text-dark);
}
.swal2-popup .btn.btn-info:hover,
.swal2-popup .btn.btn-info:focus {
    background-color: color-mix(in srgb, var(--vkv-info) 85%, black);
    border-color: color-mix(in srgb, var(--vkv-info) 85%, black);
    color: var(--vkv-text-dark);
}

.swal2-popup .btn.btn-primary {
    background-color: var(--vkv-primary);
    border-color: var(--vkv-primary);
    color: #fff;
}
.swal2-popup .btn.btn-primary:hover,
.swal2-popup .btn.btn-primary:focus {
    background-color: color-mix(in srgb, var(--vkv-primary) 85%, black);
    border-color: color-mix(in srgb, var(--vkv-primary) 85%, black);
    color: #fff;
}

.swal2-popup .btn.btn-light {
    background-color: var(--vkv-light);
    border-color: var(--vkv-light);
    color: var(--vkv-light-text);
}
.swal2-popup .btn.btn-light:hover,
.swal2-popup .btn.btn-light:focus {
    background-color: color-mix(in srgb, var(--vkv-light) 85%, black);
    border-color: color-mix(in srgb, var(--vkv-light) 85%, black);
    color: var(--vkv-light-text);
}

.swal2-popup {
    border-radius: 1rem;
}

.swal2-popup .swal2-html-container, .swal2-popup .swal2-content {
    margin-top: 0;
    padding: 10px 5px;
}
.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
    margin: 0;
    padding: 15px;
}
/* Belge yükleme/silme/görüntüleme diyaloğu ikonu (notificationHelper).
   Helper global olduğundan bu diyalog her sayfada açılabilir; stiller burada, sayfa CSS'inde değil.
   60pt sınırı olmadan fa-3x, swal2-icon-content'in büyük font-size'ıyla çarpılıp metnin üstüne taşar. */
.belge-goruntuleme-ikon {
    color: var(--vkv-green) !important;
    font-size: 60pt !important;
}

.document-icon-animation {
    display: flex;
    justify-content: center;
    animation: floatUpDown 1.2s ease-in-out infinite;
}

@keyframes floatUpDown {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}