/*
  Topbar Icon Spacing Fix
  Ensures proper spacing between topbar icons
  Fixes icons sticking together
*/

.topbar-right {
    gap: 18px !important;
    display: flex !important;
    align-items: center !important;
}

.topbar-right > * {
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.topbar-action-btn {
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.user-profile-btn {
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
}

/* Ensure notification dropdown container doesn't collapse */
.topbar-right > .position-relative {
    flex-shrink: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* Ensure dropdown container doesn't collapse */
.topbar-right > .dropdown {
    flex-shrink: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* Fix for search bar spacing */
.topbar-search {
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* Remove any negative margins that might cause overlap */
.topbar-right button,
.topbar-right div,
.topbar-right a {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
    .topbar-right {
        gap: 12px !important;
    }
}

@media (max-width: 576px) {
    .topbar-right {
        gap: 10px !important;
    }
}