uyari-kutu{display:flex; flex-wrap:wrap; align-items:center; padding:20px; max-width:500px; width:100%; background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); border-radius:8px; overflow:hidden; animation:uyari-giris .2s ease-in; top:20px; left:50%; position:fixed; transform:translateX(-50%); z-index:999; overflow-x:hidden; overflow-y:auto;}

uyari-kutu.kapat{animation:uyari-cikis .2s ease-out; opacity:0;}

uyari-kutu[tip=uyari]{border-left:5px solid #f39c12;}
uyari-kutu[tip=hata]{border-left:5px solid #f00;}
uyari-kutu[tip=basarili]{border-left:5px solid #28c239;}
uyari-kutu[tip=bekliyor]{border-left:5px solid #ccc;}

uyari-kutu .baslik{width:100%; display:flex; font-size:28px; align-items:center;}
uyari-kutu .baslik i.ikon{font-size:28px; margin-right:10px;}

uyari-kutu[tip=uyari] .baslik i.ikon{color:#f39c12;}
uyari-kutu[tip=hata] .baslik i.ikon{color:#f00;}
uyari-kutu[tip=basarili] .baslik i.ikon{color:#28c239;}
uyari-kutu[tip=bekliyor] .baslik i.ikon{color:#ccc;}

uyari-kutu i.kapat{font-size:12px; position:absolute; top:3px; right:3px; cursor:pointer; color:#000; width:20px; height:20px; border-radius:5px; text-align:center; align-content:center;}
uyari-kutu i.kapat:hover{background:#000; color:#fff;}

uyari-kutu .mesaj{width:100%; display:block; line-height:18px; margin-top:20px;}
uyari-kutu .butonlar{width:100%; display:flex; justify-content:flex-end; margin-top:20px;}
uyari-kutu .butonlar button{font-size:12px; padding:8px 10px; margin:0 3px; border-radius:5px;}
uyari-kutu .butonlar button:hover{background:#eee; color:#000;}

uyari-kutu:has(.karsiz-tablo-wrap){max-width:720px;}

.karsiz-tablo-wrap{width:100%;}
.karsiz-tablo-ustbilgi{padding:10px 12px; background:#fff7ed; border:1px solid #fde4b8; border-radius:6px; font-size:12px; color:#92400e; margin-bottom:10px;}
.karsiz-tablo-ustbilgi i{color:#f39c12; margin-right:6px;}
.karsiz-tablo-scroll{max-height:40vh; overflow-y:auto; border:1px solid #e2e8f0; border-radius:6px;}
.karsiz-tablo{width:100%; border-collapse:collapse; font-size:11px;}
.karsiz-tablo thead th{position:sticky; top:0; background:#1e2d5a; color:#fff; padding:8px 10px; font-weight:600; text-align:left; font-size:10px; text-transform:uppercase; letter-spacing:.03em;}
.karsiz-tablo tbody td{padding:8px 10px; border-bottom:1px solid #f1f5f9; vertical-align:top;}
.karsiz-tablo tbody tr:last-child td{border-bottom:none;}
.karsiz-tablo tbody tr:hover{background:#fafbfc;}
.karsiz-tablo .ta-right{text-align:right;}
.karsiz-tablo .ktb-stokadi{font-size:10px; color:#64748b; margin-top:2px;}
.karsiz-tablo .ktb-zarar{color:#dc2626; font-weight:600;}

.sa-not{font-size:11px; color:#64748b; font-style:italic;}

@keyframes uyari-giris {
    from{opacity:0; top:-100px;}
    to{opacity:1; top:20px;}
}

@keyframes uyari-cikis {
    from{opacity:1; top:20px;}
    to{opacity:0; top:-100px;}
}