/* Custom styles for Filament Admin Panel - Loaded via renderHook */

/* Sidebar background color */
.fi-sidebar {
    background-color: white !important; /* White background for the sidebar */
}

/* Thicker borders for Filament input fields */
.fi-input-wrapper .fi-input, .fi-fo-repeater-item .fi-input-wrapper .fi-input {
    border-width: 2px !important;
    border-color: #9ca3af !important; /* gray-400 for better visibility */
}

/* Change color of Repeater 'Add' button */
button[wire\:click="mountFormComponentAction('data.emails', 'add')"],
button[wire\:click="mountFormComponentAction('data.phones', 'add')"],
button[wire\:click="mountFormComponentAction('data.socialMediaAccounts', 'add')"],
/* Change color of Repeater 'Add' button */
button[wire\:click="mountFormComponentAction('data.emails', 'add')"],
button[wire\:click="mountFormComponentAction('data.phones', 'add')"],
button[wire\:click="mountFormComponentAction('data.socialMediaAccounts', 'add')"],
button[wire\:click="mountFormComponentAction('data.visas', 'add')"] {
    background-color: #3dbae7 !important; /* New light blue background */
    color: white !important; /* White text */
    font-weight: 600 !important;
}

/* Thinner font for Infolist TextEntry labels */
.fi-in-text-entry-label {
    font-weight: 300 !important; /* Lighter font weight */
}