/**
 * User Profile Avatar Color Override - Comprehensive Approach
 * Targets user profile avatars specifically, protects UI elements
 * ANPR System - logdata.app
 */

/* ===== USER PROFILE AVATARS - TARGET SPECIFIC PAGES ===== */

/* Topbar User Avatar */
.topbar-user .avatar-title.bg-primary,
.navbar .dropdown-toggle .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* Sidebar User Profile Avatar */
.sidebar-user-section .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* User Settings Page - Large Profile Avatar */
.user-settings .profile-user .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* Users Edit Page - User Info Avatar */
.users-edit .avatar-title.bg-primary,
.admin-users-edit .avatar-title.bg-primary,
.avatar-sm .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* Login Logs User Avatar */
.login-logs .avatar-title.bg-primary,
.admin-login-logs .avatar-title.bg-primary,
.login-logs .avatar-sm .avatar-title.bg-primary,
.admin-login-logs .avatar-sm .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* More specific targeting for small avatars with bg-primary */
.avatar-sm .avatar-title.bg-primary.rounded-circle {
    background-color: #6c757d !important;
}

/* Global override for all user profile avatars with bg-primary */
.avatar-title.bg-primary.rounded-circle {
    background-color: #6c757d !important;
}

/* Extra high specificity for problematic pages */
.card .avatar-sm .avatar-title.bg-primary,
.card-body .avatar-sm .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* Lock Screen User Avatar */
.lock-screen .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* User List/Table Avatars - DataTables */
.table .avatar-title.bg-primary,
.user-list .avatar-title.bg-primary,
.users-table .avatar-title.bg-primary {
    background-color: #6c757d !important;
}

/* ===== HOVER STATES FOR USER PROFILE AVATARS ===== */
.topbar-user .avatar-title.bg-primary:hover,
.sidebar-user-section .avatar-title.bg-primary:hover,
.user-settings .profile-user .avatar-title.bg-primary:hover,
.users-edit .avatar-title.bg-primary:hover,
.login-logs .avatar-title.bg-primary:hover,
.avatar-sm .avatar-title.bg-primary:hover,
.avatar-title.bg-primary.rounded-circle:hover {
    background-color: #495057 !important;
}

/* ===== DARK THEME SUPPORT ===== */
[data-bs-theme="dark"] .topbar-user .avatar-title.bg-primary,
[data-bs-theme="dark"] .sidebar-user-section .avatar-title.bg-primary,
[data-bs-theme="dark"] .user-settings .profile-user .avatar-title.bg-primary,
[data-bs-theme="dark"] .users-edit .avatar-title.bg-primary,
[data-bs-theme="dark"] .login-logs .avatar-title.bg-primary,
[data-bs-theme="dark"] .avatar-sm .avatar-title.bg-primary,
[data-bs-theme="dark"] .avatar-title.bg-primary.rounded-circle {
    background-color: #6c757d !important;
}

[data-bs-theme="dark"] .topbar-user .avatar-title.bg-primary:hover,
[data-bs-theme="dark"] .sidebar-user-section .avatar-title.bg-primary:hover,
[data-bs-theme="dark"] .user-settings .profile-user .avatar-title.bg-primary:hover,
[data-bs-theme="dark"] .users-edit .avatar-title.bg-primary:hover,
[data-bs-theme="dark"] .login-logs .avatar-title.bg-primary:hover,
[data-bs-theme="dark"] .avatar-sm .avatar-title.bg-primary:hover,
[data-bs-theme="dark"] .avatar-title.bg-primary.rounded-circle:hover {
    background-color: #495057 !important;
}

/* ===== PROTECT UI ELEMENTS - KEEP ORIGINAL COLORS ===== */
/* Dashboard stats cards and status indicators */
.avatar-title.bg-light,
.avatar-title.bg-success-subtle,
.avatar-title.bg-info-subtle,
.avatar-title.bg-warning-subtle,
.avatar-title.bg-primary-subtle,
.avatar-title.bg-danger-subtle,
.avatar-title.bg-secondary-subtle {
    background-color: inherit !important; /* Keep their original background colors */
}

/* Small UI avatars and icons */
.avatar-xs .avatar-title.bg-primary-subtle,
.avatar-sm .avatar-title.bg-primary-subtle {
    background-color: inherit !important;
}

/* Product images and company logos (they use actual images, not avatar-title) */
.avatar-sm img,
.avatar-xs img {
    /* These are actual images, not affected by avatar-title */
}