/* LicenZilla Deutsche Branding CSS für Filament */

/* Hauptüberschriften rot färben */
.fi-header-heading,
.fi-page-header-heading,
.fi-section-header-heading,
.fi-resource-page-header h1,
.fi-simple-page h1 {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 800 !important;
}

/* Seiten-Titel */
.fi-breadcrumbs-item-label,
.fi-page-heading {
    color: #dc2626 !important;
    font-weight: 700 !important;
}

/* Tab-Überschriften */
.fi-tabs-tab-label {
    color: #374151 !important;
}

.fi-tabs-tab[aria-selected="true"] .fi-tabs-tab-label {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

/* Modal Überschriften */
.fi-modal-heading {
    color: #dc2626 !important;
    font-weight: 700 !important;
}

/* Form Section Headings */
.fi-fieldset-label,
.fi-section-header-heading {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

/* Button Styling für bessere Konsistenz */
.fi-btn-primary {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
    border-color: #dc2626 !important;
}

.fi-btn-primary:hover {
    background: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* Action Button Konsistenz */
.fi-action-button {
    transition: all 0.2s ease !important;
}

.fi-action-button:hover {
    transform: translateY(-1px) !important;
}

/* Resource Title auf Listen-Seiten */
.fi-resource-list-page h1,
.fi-resource-create-page h1,
.fi-resource-edit-page h1,
.fi-resource-view-page h1 {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 800 !important;
    font-size: 1.875rem !important;
}

/* Navigation Items aktive Markierung */
.fi-sidebar-nav-item[aria-current="page"] .fi-sidebar-nav-item-label {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

/* Dashboard Widget Titles */
.fi-dashboard-widget-title {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

/* Widget Height Alignment für Dashboard */
.fi-dashboard-widgets {
    display: grid !important;
    align-items: stretch !important;
}

.fi-widget {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.fi-widget-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ========================================
   Sticky Table Header & Columns
   ======================================== */

/* Tabellen-Container mit max-height für vertikales Scrollen */
.fi-ta-content {
    max-height: 70vh !important;
    overflow: auto !important;
}

/* Sticky Header */
.fi-ta-header-cell {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background-color: rgb(249, 250, 251) !important;
}

/* Dark Mode Sticky Header */
.dark .fi-ta-header-cell {
    background-color: rgb(31, 41, 55) !important;
}

/* Sticky erste Spalte (Header) */
.fi-ta-header-cell:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 30 !important;
}

/* Sticky erste Spalte (Zellen) */
.fi-ta-cell:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 10 !important;
    background-color: white !important;
}

/* Dark Mode Sticky Zellen */
.dark .fi-ta-cell:first-child {
    background-color: rgb(17, 24, 39) !important;
}

/* Striped Rows - Anpassung für sticky Spalten */
.fi-ta-row:nth-child(odd) .fi-ta-cell:first-child {
    background-color: rgb(249, 250, 251) !important;
}

.dark .fi-ta-row:nth-child(odd) .fi-ta-cell:first-child {
    background-color: rgb(31, 41, 55) !important;
}

/* Schatten für sticky Spalte beim Scrollen */
.fi-ta-cell:first-child::after,
.fi-ta-header-cell:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    width: 8px;
    background: linear-gradient(to right, rgba(0,0,0,0.08), transparent);
    pointer-events: none;
}

/* Scrollbar Styling */
.fi-ta-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fi-ta-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.fi-ta-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.fi-ta-content::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

.dark .fi-ta-content::-webkit-scrollbar-track {
    background: #374151;
}

.dark .fi-ta-content::-webkit-scrollbar-thumb {
    background: #4b5563;
}

.dark .fi-ta-content::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}