.login-logo {
    width: 200px;
    margin: 0 auto;
}

.login-logo img {
    max-width: 100%;
    height: auto;
}

/* Sidebar user panel: a touch more height, avatar and name vertically centred. */
.user-panel {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    align-items: center;
}

/* Sidebar user panel: hidden until global.js truncates an email display, so the
   full address never flashes before it's shortened (revealed with .dr-ready).
   visibility (not display) keeps the layout stable — no shift. */
.user-panel .info {
    visibility: hidden;
}
.user-panel .info.dr-ready {
    visibility: visible;
}

/* Admin change-form field widths (label 3->2 cols, field 7->10 cols) done in CSS
   so they apply from the first paint — no JS resize/reflow on load. */
@media (min-width: 576px) {
    .form-group .row label.col-sm-3 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .form-group .row div.col-sm-7 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}