/* public/css/adminstyle.css */

/* --- General and Layout Styles --- */

/* Base styles for the body */
body {
    background-color: #f3f4f6; /* Light gray background */
    font-family: 'Inter', sans-serif; /* A modern sans-serif font */
}

/* --- Input Fields and Selects --- */

/* Base style for input fields and textareas */
.input-field {
    @apply w-full; /* This ensures the fields take up the full width of their container */
}

/* --- Buttons --- */

/* Base button styles for both primary and secondary buttons */
.btn-primary, .btn-secondary {
    @apply font-bold py-2 px-3 rounded transition-colors duration-200 ease-in-out text-sm;
}

/* Specific styles for the primary button (Save) */
.btn-primary {
    @apply bg-blue-600 text-white hover:bg-blue-700;
}

/* Specific styles for the secondary button (Reset / Add New) */
.btn-secondary {
    @apply bg-gray-300 text-gray-800 hover:bg-gray-400;
}

/* --- Loader and Message Styles --- */

/* Loader spinner animation */
#admin-check-loader {
    animation: spin 1s linear infinite;
}

/* Keyframe for the spinner animation */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Styles for the custom message container */
#custom-message {
    @apply p-2 rounded-md text-sm text-white;
}

.user-list-container-wrapper {
            max-height: 400px;
            overflow-y: auto;
            overflow-x: auto;
        }

#custom-message.bg-green-500 { background-color: #22c55e; }
#custom-message.bg-red-500 { background-color: #ef4444; }
#custom-message.bg-blue-500 { background-color: #3b82f6; }