/* style logo in login page */
.fi-simple-header .fi-logo {
    height: 80px !important;
}

/* hide heading "accedi" in login page */
.fi-simple-header-heading {
    display: none !important;
}

.btn-danger-custom {
    background-color: white !important;
    border: 1px solid #FCA5A5 !important;
    color: #DC2626 !important;
}

.btn-success-custom {
    background-color: #059669 !important;
    border: 1px solid #6EE7B7 !important;
    color: white !important;
}

/* .fi-sidebar-item-active>a {
    background-color: rgba(var(--primary-600), 1) !important;

    &>svg,
    span {
        color: white !important;
    }

    &:hover {
        background-color: rgba(var(--primary-600), 1) !important;
    }
} */

@keyframes priceFlash {
    0%   { background-color: rgba(52, 211, 153, 0.45); border-radius: 4px; transform: scale(1.05); }
    35%  { transform: scale(1.05); }
    100% { background-color: rgba(52, 211, 153, 0); border-radius: 4px; transform: scale(1); }
}

.price-flash {
    animation: priceFlash 1.5s ease-out;
    padding: 0 4px;
    margin: 0 -4px;
}

.fi-sidebar-item-active>a {
    background-color: #1e6a7c !important;

    &>svg,
    span {
        color: white !important;
    }

    &:hover {
        background-color: #1e6a7c !important;
    }
}

/* Responsiveness fix: keep the main content column shrinkable so a wide child
   (long top sub-navigation, wide tables) cannot force horizontal overflow that
   pushes the page under the fixed sidebar at some viewport widths. */
.fi-main-ctn,
.fi-main {
    min-width: 0;
}

/* Let the top sub-navigation / tabs scroll horizontally instead of widening the page. */
.fi-page .fi-tabs {
    overflow-x: auto;
}