/* FAB MENU COLOR FIX - Force màu sắc riêng cho từng chức năng */

/* FORCE COLOR cho từng button cụ thể */

/* Thêm chi tiêu - XANH DƯƠNG */
button[onclick="openAddExpenseModal()"] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
    color: white !important;
    border: none !important;
}

button[onclick="openAddExpenseModal()"] i {
    color: white !important;
}

button[onclick="openAddExpenseModal()"] span {
    color: white !important;
}

button[onclick="openAddExpenseModal()"]:hover {
    background: linear-gradient(135deg, #2980b9 0%, #3498db 100%) !important;
    transform: translateX(-4px) scale(1.02) !important;
}

/* Gọi tên - ĐỎ */
button[onclick="showNamePickerWheel()"] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    color: white !important;
    border: none !important;
}

button[onclick="showNamePickerWheel()"] i {
    color: white !important;
}

button[onclick="showNamePickerWheel()"] span {
    color: white !important;
}

button[onclick="showNamePickerWheel()"]:hover {
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%) !important;
    transform: translateX(-4px) scale(1.02) !important;
}

/* Vòng quay may mắn - CAM */
button[onclick="showLuckyWheel()"] {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    color: white !important;
    border: none !important;
}

button[onclick="showLuckyWheel()"] i {
    color: white !important;
}

button[onclick="showLuckyWheel()"] span {
    color: white !important;
}

button[onclick="showLuckyWheel()"]:hover {
    background: linear-gradient(135deg, #e67e22 0%, #f39c12 100%) !important;
    transform: translateX(-4px) scale(1.02) !important;
}

/* Chơi Loto - TÍM */
button[onclick="showLotoGame()"] {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%) !important;
    color: white !important;
    border: none !important;
}

button[onclick="showLotoGame()"] i {
    color: white !important;
}

button[onclick="showLotoGame()"] span {
    color: white !important;
}

button[onclick="showLotoGame()"]:hover {
    background: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%) !important;
    transform: translateX(-4px) scale(1.02) !important;
}

/* BACKUP: Dùng class selector */
.fab-container .menu-item.blue-theme {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
    color: white !important;
}

.fab-container .menu-item.red-theme {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    color: white !important;
}

.fab-container .menu-item.orange-theme {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    color: white !important;
}

.fab-container .menu-item.purple-theme {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%) !important;
    color: white !important;
}

/* Universal color override for FAB menu items ONLY */
.fab-container .dropdown-menu .menu-item {
    border-radius: 12px !important;
    margin: 0 8px 8px 8px !important;
    padding: 14px 18px !important;
    transition: all 0.3s ease !important;
}

.fab-container .dropdown-menu .menu-item i,
.fab-container .dropdown-menu .menu-item span {
    color: inherit !important;
}

/* Make sure we DON'T affect other menus */
#dropdownMenuGroup .menu-item {
    background: unset !important;
    color: unset !important;
}

#dropdownMenuGroup .menu-item i,
#dropdownMenuGroup .menu-item span {
    color: unset !important;
}