/* General Body Styling */
body {
    background-color: #f8f9fa; /* Light background */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Card Styling for Auth Forms */
.card {
    border: none; /* Remove default border */
    border-radius: 0.75rem; /* Softer corners */
}

/* Ensure cards on auth pages aren't too wide on large screens */
.auth-container .card {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

/* Add some spacing within card */
.card-body {
    padding: 2rem; /* More padding */
}

/* Style form inputs */
.form-control {
    border-radius: 0.5rem; /* Match card radius */
    padding: 0.75rem 1rem;
}
.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); /* Bootstrap primary focus color */
    border-color: #86b7fe;
}

/* Style buttons */
.btn {
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    font-weight: 500;
}

.btn-primary {
     /* Use a slightly more modern blue if desired */
      background-color: #0d6efd; 
      border-color: #0d6efd; 
}


/* Responsive adjustments if needed */
@media (max-width: 768px) {
    .card-body {
        padding: 1.5rem;
    }
}

/* Basic alert styling improvements (Bootstrap does most of this) */
.alert {
    border-radius: 0.5rem;
}

/* --- Dashboard Specific Styles (Add later) --- */
.sidebar {
    /* Styles for the dashboard sidebar */
}

.content-wrapper {
    /* Styles for the main content area in dashboard */
}

/* --- Utility Classes --- */
.text-small {
    font-size: 0.875em; /* Like Bootstrap's small */
}

/* Add more styles as needed */