/* Custom styles for the login/account pages */ /* Brand Container - the logo and text container on login page. margin-top overrides the theme default (8rem, sized to clear the now-hidden top navbar). */ .brand-container { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3rem; margin-bottom: 2rem; padding: 1.5rem; } /* Brand Logo Image */ .brand-logo { max-width: 120px; max-height: 120px; width: auto; height: auto; margin-bottom: 1rem; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Brand Text */ .brand-text { font-size: 2rem; font-weight: 600; color: #333; margin: 0; letter-spacing: 0.5px; } /* Account module form styling */ .account-module-form { width: 100%; max-width: 400px; } /* The centered .brand-container (logo + app name) above the login card is enough - hide the shared top navbar entirely on Account/Login pages. Scoped to body.abp-account-layout so the main authenticated app's navbar (body.abp-application-layout) is untouched. */ body.abp-account-layout #main-navbar { display: none !important; } /* Custom styling for the account layout background. (Fixed selector - "abp-account-layout" is a class ON , not an ancestor of it.) */ body.abp-account-layout { background-color: #f5f5f7; }