/* Flask Portal custom styles */

/* Center login/register boxes inside AdminLTE 4 app-content layout.
   AdminLTE 4 applies flex centering to body.login-page, but the portal's
   base.html wraps content in .app-wrapper > .app-main > .app-content,
   so the flex centering targets .app-wrapper (full width) rather than
   the login box. These rules make .app-content itself a flex container
   that centers the .login-box / .register-box vertically and
   horizontally. */
.login-page .app-content,
.register-page .app-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}