/* Custom styles for Flask Auth App */

/* Ensure proper spacing and layout */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/* Card hover effects */
.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-2px);
}

/* Button animations */
.btn {
    transition: all 0.2s ease-in-out;
}

/* Form styling improvements */
.input-group-text {
    min-width: 45px;
    justify-content: center;
}

/* Alert styling */
.alert {
    border: none;
    border-radius: 0.5rem;
}

/* Dashboard cards */
.bg-primary .card-body,
.bg-success .card-body,
.bg-info .card-body,
.bg-warning .card-body {
    color: white;
}

/* Table improvements */
.table th {
    border-top: none;
    font-weight: 600;
}

/* Footer styling */
footer {
    margin-top: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1rem;
    }
    
    .card-body .row .col-md-6,
    .card-body .row .col-md-4,
    .card-body .row .col-md-3 {
        margin-bottom: 1rem;
    }
}

/* Loading states */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Icon spacing */
.fas, .fab {
    margin-right: 0.25rem;
}

/* Custom badge styling */
.badge {
    font-size: 0.75em;
}