/* Signin Page */
.custom-signin-wrapper .row {
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* Control the width of the cards */
.custom-signin-wrapper .col-md-6 {
    float: none !important; /* Overrides default Bootstrap floats */
    width: 100%;
    max-width: 480px;       /* The "Golden Width" for login forms */
    padding: 0;             /* Clean alignment */
}

/* Polish the Cards */
.custom-signin-wrapper .form-horizontal {
    margin-bottom: 0px; 
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Make the registration card sit flush or with a small gap */
.custom-signin-wrapper .registration-card {
    margin-top: 20px; /* Space between the Login card and Register card */
    border-top: 1px solid #e1e1e1;
}

/* Typography & Headers */
.custom-signin-wrapper h2.login-heading-section {
    color: #323130;
    margin-top: 0;
    margin-bottom: 16px;
    border-bottom: none; /* Remove default portal underline if present */
}

.custom-signin-wrapper p {
    color: #605e5c;
    line-height: 1.6;
    margin-bottom: 24px;
}

/* Button Uniformity */
.custom-signin-wrapper .btn-primary, 
.custom-signin-wrapper .btn-outline-custom {
    display: block;
    font-weight: 600;
    width: 250px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}