#applicationShell[hidden], #loginScreen[hidden], #loginSetup[hidden] { display: none !important; }
.coservice-login { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 40px 24px; background: #2447bd; color: #fff; }
.login-content { width: 100%; max-width: 340px; }
.login-brand { text-align: center; margin-bottom: 36px; }
.login-brand > i { font-size: 56px; line-height: 1.3; }
.login-brand h1 { color: #fff; font-size: 32px; margin: 12px 0 6px; letter-spacing: 0; }
.login-brand p { color: #e0e7ff; margin: 0; }
.coservice-login .form-label { color: #fff; }
.coservice-login .form-control { background: #1d3d9e; color: #fff; border: 1px solid #b9c9ff; min-height: 46px; border-radius: 4px; }
.coservice-login .form-control:focus { border-color: #fff; box-shadow: 0 0 0 3px #ffffff40; }
.login-password { position: relative; }
.login-password input { padding-right: 48px; }
.login-password button { position: absolute; right: 0; top: 0; height: 46px; width: 46px; border: 0; background: transparent; color: #fff; font-size: 20px; }
.login-status { min-height: 40px; margin: 16px 0 8px; font-size: 13px; color: #f1f4ff; overflow-wrap: anywhere; }
.login-status[data-error="true"] { background: #fff0f0; color: #8b1c26; padding: 10px; border-radius: 4px; }
.login-submit { width: 100%; min-height: 46px; background: #fff; color: #2447bd; border-radius: 4px; font-weight: 600; }
.login-submit:hover, .login-submit:focus-visible { background: #e5ecff; color: #183796; }
.login-submit:disabled { background: #fff; color: #2447bd; opacity: .65; }
.login-setup { color: #fff; width: 100%; margin-top: 12px; text-decoration: underline; }
.login-setup:hover { color: #fff; }