/* ===================================
   FILAMENT 4 SIDEBAR & CONTENT LAYOUT
   =================================== */

/* Fix sidebar navigation group item text wrapping ONLY when open */
.fi-sidebar-open .fi-sidebar-nav-groups .fi-sidebar-group-label,
.fi-sidebar-open .fi-sidebar-nav-groups .fi-sidebar-item-label {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Fix navigation group spacing */
.fi-sidebar-nav-groups {
    padding-bottom: 1rem;
}

.fi-sidebar-group {
    margin-bottom: 0.5rem;
}

/* Improve navigation item readability when open */
.fi-sidebar-open .fi-sidebar-item {
    padding: 0.5rem 1rem;
}

.fi-sidebar-open .fi-sidebar-item-label {
    font-size: 0.875rem;
    line-height: 1.5;
}

/* ===================================
   MOBILE BRANDING & UX ENHANCEMENTS
   =================================== */

/* Improve table readability on mobile */
@media (max-width: 768px) {
    .fi-ta-table {
        font-size: 0.875rem;
    }

    .fi-ta-cell {
        padding: 0.5rem !important;
    }
}

/* Improve form field spacing on mobile */
@media (max-width: 640px) {
    .fi-fo-field-wrp {
        margin-bottom: 1rem;
    }
}

/* Better badge visibility */
.fi-badge {
    font-weight: 600;
    padding: 0.25rem 0.75rem;
}

/* Improve modal width on mobile */
@media (max-width: 768px) {
    .fi-modal-window {
        width: 95% !important;
        max-width: 95% !important;
    }
}

/* Fix widget spacing */
.fi-wi {
    margin-bottom: 1rem;
}

/* Improve stats widget readability */
.fi-wi-stats-overview .fi-wi-stats-overview-stat {
    padding: 1rem;
}