/* ===================================================
   Dropdown Menu Override - Match mctier.css colors
   =================================================== */

.dropdown-menu {
    background: rgba(18, 24, 34, 0.85) !important; /* More transparent background */
    backdrop-filter: blur(12px) !important; /* Blur effect */
    -webkit-backdrop-filter: blur(12px) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important; /* White border */
    border-radius: 12px !important; /* Rounded corners */
    min-width: 200px !important;
    padding: 8px !important;
}

.dropdown-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important; /* Rounded corners */
    color: #f9fafb !important; /* Match mctier.css --foreground */
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important; /* Uppercase text */
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
}

.dropdown-item img {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

.dropdown-item:hover {
    background: rgba(255, 255, 255, 0.08) !important; /* Slightly brighter background */
    color: #fff !important; /* Pure white on hover */
}