@import "../../../../vendor/filament/filament/resources/css/theme.css";

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';

/* Force primary-600 (RED) for actions like Edit */
.fi-color-primary.fi-text-color-600 {
    color: rgb(220 38 38) !important; /* red-600 */
}

.fi-color-primary.fi-text-color-600:hover {
    color: rgb(185 28 28) !important; /* red-700 */
}
/* Sidebar menu spacing */
.fi-sidebar-nav {
    gap: 6px; /* space between items */
}
.fi-sidebar-nav {
    padding-bottom: 0 !important;
}
.fi-sidebar-nav {
    align-content: start; /* important fix */
}
/* Each menu item */
.fi-sidebar-item {
    padding: 10px 12px;
    border-radius: 10px;
}
/* Active menu item */
.fi-sidebar-item-active {
    background-color: #ef4444 !important; /* red */
    color: #fff !important;
}

/* Active icon */
.fi-sidebar-item-active svg {
    color: #fff !important;
}
.fi-sidebar {
    background-color: #0f0f0f; /* dark background */
}
/* Hover effect */
.fi-sidebar-item:hover {
    background-color: #1f2937;
}
.fi-sidebar {
    padding: 12px 10px;
}

/* Section spacing */
.fi-sidebar-group {
    margin-bottom: 12px;
}
.fi-sidebar-item {
    transition: all 0.2s ease;
}
/* Sidebar text size */
.fi-sidebar-item-label {
    font-size: 18px; /* increase as you want */
    font-weight: 500; /* optional */
}
/* Make "View" (info) color darker */
.fi-color-info.fi-text-color-600 {
    color: #1d4ed8 !important; /* blue-700 */
}

/* Hover darker */
.fi-color-info.fi-text-color-600:hover {
    color: #1e40af !important; /* blue-800 */
}
/* Table text (rows) */
.fi-ta-text {
    font-size: 17px; /* increase from default */
}

/* Table headers */
.fi-ta-header-cell-label {
    font-size: 20px;
    font-weight: 600;
}
/* Action buttons (View, Edit) */
.fi-link {
    font-size: 17px;
}

/* Status badge */
.fi-badge {
    font-size: 15px;
}.fi-ta {
    font-size: 17px;
}
/* Primary buttons (like "New contest") */
.fi-btn {
    font-size: 16px; /* increase to 18px if you want bigger */
    font-weight: 600; /* optional */
}
.fi-theme-switcher {
    display: none !important;
}
:root {
    color-scheme: dark;
}