body {
    background-image: url('/img/auth/bg10.jpeg');
}

/* ---- Auth split-screen left aside ----
   Width tracks the viewport on lg+ so the rail shrinks on laptops and
   leaves room for the form, instead of a hard 500px that squeezes the
   right column. Hidden below lg via d-none/d-lg-flex in the markup. */
@media (min-width: 992px) {
    .auth-aside,
    .auth-aside-inner {
        width: clamp(320px, 30vw, 500px);
    }

    .auth-aside {
        flex-shrink: 0;
        /* Dashed divider only when the aside sits beside the form (lg+). When it
           stacks above the form below lg there is no border. */
        border-right: 1px dashed #0080ff;
    }
}

/* Language picker: fixed-width form so the select2 control (initialised at
   width:100%) renders consistently in both the footer and the top-right slot. */
.auth-lang {
    width: 150px;
}

/* Register stepper: brand-blue outline on unchecked checkboxes
   (Metronic's form-check-solid ships borderless, so set width too). */
#kt_create_account_stepper .form-check-input:not(:checked) {
    border: 1px solid #0080ff;
}