/* Container fixes for auth pages - remove excessive padding */

/* Remove Bootstrap px-4 padding on auth pages */
.container-fluid.px-4,
.container.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Override Bootstrap utility classes on auth pages */
.pl-4, .px-4 {
    padding-left: 1rem !important;
}

.pr-4, .px-4 {
    padding-right: 1rem !important;
}

/* Responsive padding adjustments for auth pages */
@media (max-width: 768px) {
    .container-fluid.px-4,
    .container.px-4,
    .pl-4, .px-4,
    .pr-4, .px-4 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

@media (max-width: 480px) {
    .container-fluid.px-4,
    .container.px-4,
    .pl-4, .px-4,
    .pr-4, .px-4 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}

/* Ensure auth card doesn't get squeezed */
.auth-card {
    max-width: 100%;
    margin: 0 auto;
}

/* Fix any container issues on auth pages */
body .container,
body .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (max-width: 576px) {
    body .container,
    body .container-fluid {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}