/* Administration credentials use an HttpOnly same-origin session. */
.admin-login-panel { width: min(470px, 100%); margin: 35px auto 65px; padding: 32px 34px; border: 1px solid #e2e8f2; border-radius: 14px; background: #fff; box-shadow: 0 8px 30px rgba(30,48,83,.045); color: #526178; font-size: 14px; }
.admin-login-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 19px; border-radius: 12px; background: #eef3ff; color: #5275c7; }
.admin-login-icon svg { width: 25px; height: 25px; }
.admin-login-panel h1, .admin-login-panel h2 { margin: 0 0 9px; color: #263955; font-size: 23px; font-weight: 650; line-height: 1.6; }
.admin-login-copy { margin: 0 0 24px; color: #68788f; font-size: 14px; line-height: 1.9; }
.admin-login-form { display: flex; flex-direction: column; gap: 19px; }
.admin-login-form .field-label, .admin-login-form label { display: block; margin-bottom: 7px; font-size: 14px; color: #526682; font-weight: 550; }
.admin-login-form input:not([type="checkbox"]):not([type="radio"]) { width: 100%; min-height: 45px; padding: 11px 13px; border: 1px solid #dce4ef; border-radius: 7px; background: #fff; color: #263c60; font-size: 15px; }
.admin-login-form input::placeholder { color: #8190a5; font-size: 13px; }
.admin-login-form input:focus { border-color: #829cef; outline: 0; box-shadow: 0 0 0 3px #eef3ff; }
.admin-login-form input[aria-invalid="true"] { border-color: #d59898; }
.admin-login-form .button { width: 100%; min-height: 43px; font-size: 14px; }
.admin-login-form .button[disabled] { cursor: wait; }
.admin-login-error { padding: 10px 12px; border: 1px solid #efd7d7; border-radius: 7px; background: #fff6f6; color: #a24c4c; font-size: 13px; line-height: 1.8; }
.admin-login-hint { margin: 20px 0 0; padding-top: 17px; border-top: 1px solid #edf0f5; color: #6c7c93; font-size: 13px; line-height: 1.9; }
.admin-login-hint svg { width: 14px; height: 14px; margin-right: 4px; }
.admin-login-footer { margin-top: 18px; color: #6c7c93; font-size: 13px; line-height: 1.8; text-align: center; }
.admin-login-footer a { color: #3159d9; }
.admin-session { display: inline-flex; align-items: center; gap: 11px; color: #60718c; font-size: 13px; }
.topbar-inner > .admin-session { margin-left: auto; }
.admin-session-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-logout { border: 0; background: transparent; padding: 5px 0; color: #6a7f9e; font: inherit; cursor: pointer; }
.admin-logout:hover { color: #3159d9; text-decoration: underline; }
.admin-logout:focus-visible { outline: 3px solid #b3c5ff; outline-offset: 4px; border-radius: 3px; }
@media (max-width: 760px) {
  .admin-login-panel { margin-top: 24px; padding: 27px 22px; border-radius: 11px; }
  .admin-login-panel h1, .admin-login-panel h2 { font-size: 21px; }
  .admin-login-form input:not([type="checkbox"]):not([type="radio"]) { font-size: 16px; }
  .admin-session { gap: 8px; font-size: 12px; }
  .admin-session-name { max-width: 110px; }
}