/* COMPACT TABLES CSS - PUBLIC VERSION */

/* Global background color for the entire app */
body {
    /* background-color: rgb(223,229,232) !important; */
    background-color: rgb(223, 226, 233) !important;
}

/* Sidebar navigation dark grey background */
.fi-sidebar-nav.flex-grow.flex.flex-col.gap-y-7.overflow-y-auto.overflow-x-hidden.px-6.py-8 {
    background-color: rgb(13 35 90) !important;
}

/* Sidebar menu text - white color */
.fi-sidebar-item-label {
    color: white !important;
}

/* Sidebar menu icons - white color */
.fi-sidebar-item-icon {
    color: white !important;
}

/* Additional sidebar text elements */
.fi-sidebar-nav .text-gray-500,
.fi-sidebar-nav .text-gray-700,
.fi-sidebar-nav .text-gray-200 {
    color: white !important;
}

/* Sidebar navigation links */
.fi-sidebar-nav a {
    color: rgb(255, 255, 255) !important;
}

/* Sidebar navigation links hover - blue color */
.fi-sidebar-nav a:hover,
.fi-sidebar-item-label:hover,
.fi-sidebar-item:hover .fi-sidebar-item-label,
.fi-sidebar-item:hover .fi-sidebar-item-icon {
    color: rgb(29, 93, 197) !important;
}

/* Selected/active sidebar item - blue color */
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-nav .fi-active,
.fi-sidebar-nav .fi-active a {
    color: rgb(29, 93, 197) !important;
}

/* Target the actual Filament table structure based on real HTML */

/* Table headers - target the actual header cells */
.fi-ta-header-cell {
    padding: 0.7rem 0.9rem !important;
    font-size: 0.9rem !important;
}

/* Table rows - make them much more compact */
.fi-ta-row {
    height: auto !important;
    min-height: 1.9rem !important;
}

/* Table cells - target the actual cell containers */
.fi-ta-cell {
    padding: 0 !important;
}

/* Target the inner content divs that have the actual padding */
.fi-ta-cell > div {
    padding: 0.2rem 0.5rem !important;
}

/* Specifically target text content containers */
.fi-ta-text {
    padding: 0.5rem 0.7rem !important;
    gap: 0.1rem !important;
}

/* Target icon containers */
.fi-ta-icon {
    padding: 0.2rem 0.5rem !important;
    gap: 0.1rem !important;
}

/* Target action containers */
.fi-ta-actions {
    gap: 0.2rem !important;
}

/* Target the selection cell specifically */
.fi-ta-selection-cell > div {
    padding: 0.2rem 0.5rem !important;
}

/* Target actions cell specifically */
.fi-ta-actions-cell > div {
    padding: 0.2rem 0.5rem !important;
}

/* Make text smaller */
.fi-ta-text-item-label {
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
}

/* Make header text smaller */
.fi-ta-header-cell-label {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
}

/* Compact the overall table */
.fi-ta-table {
    font-size: 0.75rem !important;
}

/* Additional targeting for nested elements */
.fi-ta-col-wrp > a > div,
.fi-ta-col-wrp > div {
    padding: 0.2rem 0.5rem !important;
}

/* Form sections more compact too */
.fi-fo-section {
    padding: 0.5rem !important;
}

.fi-fo-section-content {
    gap: 0.5rem !important;
}