/*
 * Firefox Compatibility CSS
 * Fixes for Firefox-specific rendering issues in management interface
 */

/* Firefox scrollbar styling for all management pages */
.content {
    display: flex;
    min-height: 100vh; /* Prevent layout collapse */
}

.content-wrapper {
    flex: 1; /* Use flex instead of percentage */
    padding-left: 20px;
    padding-top: 10px;
    min-width: 0; /* Prevent overflow issues */
}

/* Firefox-specific sidebar fixes */
.sidenav {
    /* Firefox scrollbar styling */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    overflow-y: auto; /* Use auto instead of scroll for better Firefox behavior */
}

/* Firefox autofill styling */
input:-moz-autofill {
    background-color: #F1F1EF !important;
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9) !important;
    border-bottom: 1px solid #d9d9d9 !important;
    font-size: 1rem !important;
}

/* Firefox background rendering improvements */
.head,
.head .logo,
.title-container {
    background-attachment: local; /* Improve Firefox rendering */
}

/* Firefox-specific flexbox fixes */
.flex-container {
    display: flex;
    min-height: 100vh;
}

.flex-item {
    flex: 1;
    min-width: 0; /* Prevent overflow issues */
}

/* Firefox-specific select styling */
select {
    -moz-appearance: none;
    appearance: none;
}

/* Firefox-specific button styling */
button {
    -moz-user-select: none;
    user-select: none;
}

/* Firefox-specific form styling */
.form-control {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Firefox-specific card styling */
.card {
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Firefox-specific transition fixes */
.transition {
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Firefox-specific transform fixes */
.transform {
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}