/*
 * Custom Filament Styles - Corebit Portal
 * Schmälere Sidebar und optimierte Content-Breite
 */

/* ===== SIDEBAR ===== */
/* Sidebar Grundbreite - wird auch via PHP gesetzt */
:root {
    --sidebar-width: 14rem;
}

/* Sidebar Container */
.fi-sidebar {
    width: var(--sidebar-width) !important;
    min-width: var(--sidebar-width) !important;
}

/* Sidebar Navigation kompakter */
.fi-sidebar-nav {
    padding: 0.5rem !important;
    gap: 0.125rem !important;
}

/* Navigation Items */
.fi-sidebar-item {
    margin-bottom: 0 !important;
}

.fi-sidebar-item-button {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.8125rem !important;
    gap: 0.5rem !important;
}

/* Group Labels */
.fi-sidebar-group-label {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.6875rem !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Brand/Logo Bereich */
.fi-sidebar-header {
    padding: 0.75rem !important;
    min-height: auto !important;
}

/* ===== MAIN CONTENT ===== */
/* Content Area - weniger Abstand zur Sidebar */
.fi-main {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1rem !important;
}

/* Content Container - volle Breite */
.fi-main > div,
.fi-main-ctn {
    max-width: 100% !important;
    width: 100% !important;
}

/* Page Header - kompakter */
.fi-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 1rem !important;
}

/* Sections/Cards */
.fi-section {
    margin-bottom: 1rem !important;
}

/* ===== TOPBAR ===== */
.fi-topbar {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.fi-topbar-ctn {
    max-width: 100% !important;
}

/* Fix header border gap */
.fi-topbar nav {
    border-bottom-width: 1px !important;
}

/* Remove any gap that might break the border */
.fi-topbar > div {
    gap: 0 !important;
}

/* Ensure consistent border across topbar */
header.fi-topbar {
    border-bottom: 1px solid rgb(229 231 235) !important;
}

.dark header.fi-topbar {
    border-bottom: 1px solid rgb(55 65 81) !important;
}

/* ===== FORMS & TABLES ===== */
/* Tabellen volle Breite */
.fi-ta {
    max-width: 100% !important;
}

/* Forms Container */
.fi-fo {
    max-width: 100% !important;
}

/* ===== RESPONSIVE ===== */
@media (min-width: 1024px) {
    .fi-main {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}

@media (min-width: 1536px) {
    .fi-main {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}