/* overwrites built-in CSS for --topbar-item-text-color which font color too dark */
.layout-topbar .topbar-menu .topbar-menu-btn-override span {
    color: white !important;
}

#topbar-quicklink-overlay-panel .p-overlaypanel-content {
    padding: 0.75rem !important;
}

span.p-button-icon.p-c.pi.pi-paperclip {
    font-size: inherit !important;
}

.document-manager-table .p-datatable-loading-overlay {
    background: transparent !important;
}

.multiselect-no-hover:hover {
    border-color: #dee2e6 !important;
    cursor: default !important;
}

@media (min-width: 841px) {
    .transaction-page-extra-buttons-desktop {
        display: flex;
    }

    .transaction-page-extra-buttons-mobile {
        display: none;
    }
}

@media (max-width: 840px) {
    .transaction-page-extra-buttons-desktop {
        display: none;
    }

    .transaction-page-extra-buttons-mobile {
        display: flex;
        align-items: center;
    }
}

/* Custom SpeedDial button styling */
.p-speeddial .p-speeddial-action .p-button {
    min-width: 8rem;
    justify-content: flex-start;
    border-radius: 6px;
}

.p-speeddial .p-speeddial-action .p-button .p-button-label {
    margin-left: 0.5rem;
}

.p-speeddial.p-component.p-speeddial-linear.p-speeddial-direction-up.p-speeddial-opened {
    align-items: flex-end !important;
    padding-right: 0 !important;
}

/* Ensure SpeedDial doesn't affect parent container height */
.transaction-page-extra-buttons-mobile .p-speeddial {
    z-index: 1000;
}

.transaction-page-extra-buttons-mobile .p-speeddial .p-speeddial-list {
    position: absolute !important;
    bottom: 100% !important;
    right: 0 !important;
    margin-bottom: 0.5rem !important;
}

/* Make SpeedDial button size match other buttons */
.transaction-page-extra-buttons-mobile .p-speeddial .p-speeddial-button {
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
}

.transaction-page-extra-buttons-mobile ul.p-speeddial-list {
    align-items: flex-end !important;
}