/*
  ======================================================================
  SENKRO BİLDİRİM VE MODAL SİSTEMİ (ui-toast.css)
  Geliştirici Notu: Sağ alttan çıkan Toast uyarıları (Başarılı, Hata vb.)
  ve ekranı kaplayan Onay (Confirm) popup'ının stillerini barındırır.
  ======================================================================
*/

/* --- 1. TOAST (BİLDİRİM) KAPSAYICISI VE KAYDIRMA MANTIĞI --- */
#snk-toast-container {
    position: fixed !important; bottom: 10px !important; right: 5px !important;
    z-index: 2147483647 !important; display: flex; flex-direction: column;
    align-items: flex-end !important; gap: 12px; pointer-events: none;
}

/* Mobil cihazlarda yapışkan menü arkasında kalmaması için yukarı kaldırılır */
@media (max-width: 991px) {
    #snk-toast-container { bottom: 85px !important; }
}

/* Tema "Yukarı Çık" butonunu aktif ettiğinde bildirimleri sola kaydırır */
#snk-toast-container.snk-shifted {
    right: 65px !important; 
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Toast Kartı (Cam Efekti) */
.snk-toast {
    background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.04);
    border: 1px solid rgba(255, 255, 255, 0.4); width: auto; min-width: 260px; max-width: 340px;
    display: flex; flex-direction: column; overflow: hidden; transform: translateX(120%); opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.snk-toast.show { transform: translateX(0); opacity: 1; }
.snk-toast-content { padding: 12px 16px; display: flex; align-items: center; gap: 12px; pointer-events: auto !important; }

/* İkon ve Metinler */
.snk-toast-icon { width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.snk-toast-icon.success { background: #d1fae5; color: #059669; }
.snk-toast-icon.error { background: #fee2e2; color: #e11d48; }
.snk-toast-icon.info { background: #dbeafe; color: #2563eb; }
.snk-toast-icon svg { width: 16px; height: 16px; stroke-width: 2.5; }

.snk-toast-text { flex-grow: 1; display: flex; flex-direction: column; }
.snk-toast-title { font-size: 13px; font-weight: 600; color: #0f172a; }
.snk-toast-desc { font-size: 12px; color: #475569; margin-top: 2px; line-height: 1.3; }

/* Kapatma Butonu ve Alt İlerleme Çubuğu */
.snk-toast-close { background: transparent; border: none; color: #94a3b8; cursor: pointer; padding: 4px; border-radius: 6px; display: flex; align-items: center; justify-content: center; transition: 0.2s; margin-left: auto; }
.snk-toast-close:hover { background: rgba(0,0,0,0.05); color: #0f172a; }

.snk-toast-progress { height: 2px; background: transparent; width: 100%; }
.snk-toast-progress-bar { height: 100%; width: 100%; transition: width linear; }
.snk-toast.success .snk-toast-progress-bar { background: #059669; }
.snk-toast.error .snk-toast-progress-bar { background: #e11d48; }
.snk-toast.info .snk-toast-progress-bar { background: #2563eb; }

/* --- 2. ONAY EKRANI (POPUP MODAL) --- */
#snk-mutlak-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15,23,42,0.4); backdrop-filter: blur(8px);
    z-index: 2147483647; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s ease;
}
#snk-mutlak-modal.show { opacity: 1; }

.snk-modal-box {
    background: #ffffff; padding: 32px; border-radius: 20px; width: 90%; max-width: 420px; text-align: center; font-family: 'Inter', sans-serif; 
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15); transform: scale(0.95); transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid #e2e8f0;
}
#snk-mutlak-modal.show .snk-modal-box { transform: scale(1); }

.snk-modal-icon { margin: 0 auto 20px auto; width: 56px; height: 56px; border-radius: 16px; background: #eff6ff; display: flex; align-items: center; justify-content: center; color: #3b82f6; border: 1px solid #bfdbfe; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }
.snk-modal-text { margin: 0 0 32px 0; font-size: 14px; font-weight: 500; color: #1e293b; line-height: 1.6; }
.snk-modal-actions { display: flex; justify-content: center; gap: 16px; }
.snk-modal-btn { flex: 1; padding: 8px 0; border-radius: 999px; cursor: pointer; font-weight: 600; font-size: 13px; transition: all 0.2s; }
.snk-modal-btn-cancel { border: 1px solid #fecaca; background: #fef2f2; color: #e11d48; }
.snk-modal-btn-cancel:hover { background: #fee2e2; }
.snk-modal-btn-confirm { border: 1px solid #059669; background: #059669; color: #ffffff; box-shadow: 0 2px 4px rgba(5,150,105,0.1); }
.snk-modal-btn-confirm:hover { background: #047857; transform: translateY(-1px); }

/* --- 3. KARANLIK MOD (DARK MODE) ENTEGRASYONU --- */

/* Toast Karanlık Mod */
html.dark-mode .snk-toast { background: rgba(31, 41, 55, 0.85) !important; border-color: #374151 !important; box-shadow: 0 8px 30px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.3) !important; }
html.dark-mode .snk-toast-title, html.dark-mode .snk-toast-desc, html.dark-mode .snk-toast-close { color: #f9fafb !important; }
html.dark-mode .snk-toast-close:hover { background: #374151 !important; }
html.dark-mode .snk-toast-icon.success { background-color: rgba(16, 185, 129, 0.1) !important; color: #34d399 !important; }
html.dark-mode .snk-toast-icon.error { background-color: rgba(225, 29, 72, 0.1) !important; color: #f43f5e !important; }
html.dark-mode .snk-toast-icon.info { background-color: rgba(59, 130, 246, 0.1) !important; color: #60a5fa !important; }
html.dark-mode .snk-toast.success .snk-toast-progress-bar { background: #10b981 !important; }
html.dark-mode .snk-toast.error .snk-toast-progress-bar { background: #e11d48 !important; }
html.dark-mode .snk-toast.info .snk-toast-progress-bar { background: #3b82f6 !important; }

/* Modal Karanlık Mod */
html.dark-mode #snk-mutlak-modal { background: rgba(17, 24, 39, 0.7) !important; }
html.dark-mode .snk-modal-box { background: #1f2937 !important; border-color: #374151 !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.6) !important; }
html.dark-mode .snk-modal-text { color: #f9fafb !important; }
html.dark-mode .snk-modal-icon { background-color: rgba(59, 130, 246, 0.1) !important; border-color: rgba(59, 130, 246, 0.2) !important; color: #60a5fa !important; }
html.dark-mode .snk-modal-btn-cancel { background: #111827 !important; border-color: #374151 !important; color: #d1d5db !important; }
html.dark-mode .snk-modal-btn-cancel:hover { background: #374151 !important; color: #f9fafb !important; }
html.dark-mode .snk-modal-btn-confirm { background: #10b981 !important; border-color: #10b981 !important; color: #ffffff !important; }
html.dark-mode .snk-modal-btn-confirm:hover { background: #059669 !important; }