/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

html,
body {
    zoom: 90%;
}

.page-topbar, .navbar, .nav-wrapper {
  overflow: visible !important;
}

/* make sure the dropdown appears above other elements */
.dropdown-content {
  z-index: 9999 !important;
}

/* Align dropdown to trigger's right edge */
.dropdown-content {
  left: auto !important;
  right: 0 !important;
}
/* --- Profile Dropdown Style --- */
#profile-dropdown-trigger.dropdown-content {
    min-width: 180px;                /* compact width */
    border-radius: 10px;             /* smooth rounded corners */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    padding: 6px 0;                  /* clean inner spacing */
    overflow: hidden !important;     /* hide ugly scrollbar */
    max-height: none !important;     /* remove max-height limit */
}

/* Dropdown items */
#profile-dropdown-trigger.dropdown-content li > a,
#profile-dropdown-trigger.dropdown-content li > form > button {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    padding: 10px 16px;
    color: #444 !important;
    transition: all 0.2s ease-in-out;
}

/* Icons */
#profile-dropdown-trigger.dropdown-content li i {
    font-size: 18px;
    color: #6c63ff; /* Indigo accent */
}

/* Hover effect */
#profile-dropdown-trigger.dropdown-content li > a:hover,
#profile-dropdown-trigger.dropdown-content li > form > button:hover {
    background-color: #f4f4f8;
}

/* Divider refinement */
#profile-dropdown-trigger.dropdown-content .divider {
    margin: 4px 0;
}

/* Optional subtle entry animation */
#profile-dropdown-trigger.dropdown-content {
    animation: fadeInScale 0.15s ease-in-out;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}