/* --- 1. Universal Transition (Silliq o'tish) --- */
.btn, .card, .badge, .table tbody tr, .dropdown-item, .navbar-brand img, .avatar-circle {
    transition: all 0.25s ease-in-out;
}

/* --- 2. Umumiy Effektlar (Lift va Shine) --- */
.hover-lift:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.btn-hover-shine {
    position: relative;
    overflow: hidden;
}

.btn-hover-shine::after {
    content: '';
    position: absolute;
    top: -50%; left: -60%; width: 20%; height: 200%;
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(30deg);
    transition: all 0.5s;
}
.btn-hover-shine:hover::after { left: 120%; }

.btn:hover i {
    transform: scale(1.2);
    display: inline-block;
}

/* --- 3. Jadvallar va Avatar --- */
.table thead th {
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.table-hover tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.05) !important;
    cursor: pointer;
}

.avatar-circle {
    border: 1px solid rgba(13, 110, 253, 0.1);
}
tr:hover .avatar-circle {
    transform: scale(1.1);
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.2);
}

/* --- 4. Badge (Statuslar) --- */
.badge.bg-opacity-10:hover {
    opacity: 1 !important;
    color: #fff !important;
}

.badge.bg-success.bg-opacity-10:hover { background-color: var(--bs-success) !important; }
.badge.bg-danger.bg-opacity-10:hover { background-color: var(--bs-danger) !important; }
.badge.bg-primary.bg-opacity-10:hover { background-color: var(--bs-primary) !important; }
.badge.bg-info.bg-opacity-10:hover { background-color: var(--bs-info) !important; }

/* --- 5. Navigatsiya va Dropdown (Takrorlanishlar olib tashlandi) --- */
.navbar-brand:hover img {
    transform: scale(1.1);
}

.dropdown-menu .dropdown-item {
    border-radius: 8px;
    margin: 2px 8px;
    padding: 8px 12px;
    font-size: 0.9rem;
    color: #444;
    width: auto;
}

/* Standart dropdown hover */
.dropdown-item:hover {
    background-color: #f0f7ff !important; /* Yengil ko'k fon - Clean UI */
    color: #0d6efd !important;
    padding-left: 18px !important;
}

/* Maxsus holatlar uchun (Chiqish tugmasi) */
.logout-item:hover, .text-danger:hover {
    background-color: #fff5f5 !important;
    color: #dc3545 !important;
}

/* --- 6. Maxsus Tugmalar (Light variantlar) --- */
.btn-light.rounded-circle:hover {
    background-color: #fff !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

.btn-light.text-danger:hover { background-color: var(--bs-danger) !important; color: #fff !important; }
.btn-light.text-success:hover { background-color: var(--bs-success) !important; color: #fff !important; }
.btn-light.text-primary:hover { background-color: var(--bs-primary) !important; color: #fff !important; }

/* Navbardagi oq tugmalar (Kirish va User) tugmasi uchun yagona hover effekti */
.navbar .btn-light {
    transition: all 0.3s ease-in-out !important;
}

.navbar .btn-light:hover {
    /* Fonni birozgina shaffof oq qilish (Ko'k fon bilan juda mos tushadi) */
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: #fff !important;
    color: #fff !important; 
    /* Tugma atrofida yengil yorug'lik (Glow) */
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
    /* Biroz ko'tarilish effekti */
    transform: translateY(-2px);
}

/* Tugma ichidagi ikonka harakati */
.navbar .btn-light:hover i {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* --- 7. Yordamchi Klasslar --- */
.mod-scroll { max-height: 150px; overflow-y: auto; border: 1px solid #dee2e6; padding: 10px; border-radius: 5px; }
.ls-1 { letter-spacing: 0.5px; }