.readonly-gray input {
    background-color: #f3f4f6 !important; /* Light grey, equivalent to Tailwind's bg-gray-100 */
}

/* Primary button styles */
.filament-button,
.filament-button.primary {
    background-color: #74C365 !important;
    border-color: #74C365 !important;
    color: white !important;
}

.filament-button.primary:hover,
.filament-button:hover {
    background-color: #5ba951 !important;
    border-color: #5ba951 !important;
}

/* Sidebar active menu item */
.filament-sidebar .filament-sidebar-nav .filament-sidebar-item-active {
    background-color: #74C365 !important;
    color: white !important;
}

/* Sidebar base color */
.filament-sidebar {
    background-color: #e8f5e9 !important;
}

/* Topbar background */
.filament-header {
    background-color: #74C365 !important;
    color: white !important;
}

/* Table row hover (optional) */
tr:hover {
    background-color: #f0fdf4 !important;
}

/* Form field focus ring */
input:focus,
select:focus,
textarea:focus {
    border-color: #74C365 !important;
    box-shadow: 0 0 0 2px rgba(116, 195, 101, 0.4) !important;
}

/* Toggle switch active */
input[type="checkbox"]:checked + .filament-switch-track {
    background-color: #74C365 !important;
}

/* Badges */
.filament-badge {
    background-color: #74C365 !important;
    color: white !important;
}