/* Base styles are in the layout blade file */
/* Additional custom styles can be added here */

body {
    scroll-behavior: smooth;
}

/* Smooth scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-light, #F3F4F6);
}

::-webkit-scrollbar-thumb {
    background: var(--secondary-color, #60A5FA);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color, #3B82F6);
}

/* Form inputs focus */
input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--primary-color, #1E3A5F) !important;
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1) !important;
}

/* Loading states */
.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Utilities */
.text-center {
    text-align: center;
}

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }

.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }