@import '/vendor/filament/filament/resources/css/theme.css';
@import '/vendor/awcodes/filament-table-repeater/resources/css/plugin.css';

@config 'tailwind.config.js';

:root {
    --color-sidebar-bg: #0a7a67;
    --color-sidebar-active: #087060;
    --color-sidebar-text: #ffffff;
}

.table-repeater-header-column {
    @apply dark:bg-gray-900 dark:text-gray-300 font-medium last:rounded-tr-xl first:rounded-tl-xl;
}

@media screen and (max-width: 1280px) {
    .fi-ta-text,
    .fi-ta-cell,
    .fi-ta-col-header {
        @apply text-sm leading-5;
    }
    .fi-section-header-heading {
        @apply text-base;
    }
    .fi-sidebar-item-label {
        @apply text-xs;
    }
}

.fi-main {
    @apply max-w-none w-full px-6;
}

.fi-section,
.fi-simple-layout {
    @apply max-w-none;
}

.fi-sidebar {
    background-color: var(--color-sidebar-bg);
}

.fi-sidebar-group-label {
    color: var(--color-sidebar-text);
    @apply opacity-75;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: var(--color-sidebar-active);
    color: var(--color-sidebar-text);
}

.fi-sidebar-item-button:hover {
    background-color: var(--color-sidebar-active);
    color: var(--color-sidebar-text);
}

.fi-sidebar-item-label {
    color: var(--color-sidebar-text);
}

.fi-sidebar-item-icon {
    color: var(--color-sidebar-text);
}