/* Hide Topbar */
.fi-topbar {
    display: none !important;
}

/* Sidebar Styling - Force 60px width */
:root {
    --font-family: 'Inter';
    --default-theme-mode: system;
}

.text-3xl {
    font-size: 1.3rem;
    line-height: 20px;
}

.py-4 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.choices__inner,
.fi-select-input,
.fi-input,
textarea {
    padding: 14px 18px !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 5px !important;
    font-size: 16px !important;
}


.choices__inner:hover,
.fi-select-input:hover,
.fi-input:focus,
.fi-input:hover,
textarea:focus,
textarea:hover {
    padding: 14px 18px !important;
    border: 2px solid #007a52 !important;

    font-size: 16px !important;
}

.rounded-lg {
    border-radius: 0px !important;
}

.fi-logo {
    font-size: x-large !important;
    color: #fff !important;
}


/* Remove squashing padding */
.fi-sidebar-nav {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fi-sidebar-nav .px-6 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.fi-sidebar,
.fi-main-sidebar,
.fi-sidebar-open,
.fi-sidebar-nav,
.fi-sidebar-header {
    background-color: #10161a !important;
    background: #10161a !important;
    transition: all 0.3s ease !important;
    z-index: 100;
}

/* Ensure labels and icons are white */
.fi-sidebar-group-label,
.fi-sidebar-item-label,
.fi-sidebar-item-icon {
    color: white !important;
}

/* Main content margin handled by Filament */
.fi-main {}

.fi-layout>.fi-main {
    padding-left: 0 !important;
}

/* Sidebar elements visibility controlled by Filament expansion */
.sidebar-logo {
    display: flex !important;
}

/* Restore the collapse button and style it dark */
.fi-sidebar-collapse-button {
    background-color: #10161a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.fi-sidebar-collapse-button button {
    color: white !important;
}

.fi-sidebar-collapse-button:hover {
    background-color: #24343d !important;
}

/* Center icons and set height */
.fi-sidebar-item-button {
    justify-content: center !important;
    height: 45px !important;
    margin: 0px 5px !important;
    border-radius: 5px;
    background-color: transparent;
}

.fi-sidebar-item {
    padding: 1px 15px !important;
}

.fi-sidebar-group-label {
    padding: 1px 13px !important;
}


.fi-sidebar-item-button:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: #009966 !important;
}

.fi-sidebar-item-icon {
    margin: 0 !important;
    color: #fff !important;
    min-width: 24px;
}

/* Active item state */
.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: #009966 !important;
    padding: 10px 15px !important;
}

.sidebar-logo {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #333;
}

.sidebar-logo img {
    height: 50px;
    width: 50px;
    object-fit: contain;
}