html body #kai-workspace.kai-theme.kai-login.login-page-admin {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 28px 20px;
}
/* Staff login uses the reference card width without the old hero column. */
html body #kai-workspace.kai-login.login-page-admin .access-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 480px !important;
  max-width: 100% !important;

  min-height: 0;
  height: auto;
  margin: 0 auto;
}
html body #kai-workspace.kai-login.login-page-admin .access-shell > .auth-card {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  padding: 30px 32px;
  border-radius: 20px;
}
html body #kai-workspace.kai-login.login-page-admin .auth-brand,
html body #kai-workspace.kai-login.login-page-admin .access-tabs,
html body #kai-workspace.kai-login.login-page-admin .form-wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}
html body #kai-workspace.kai-login.login-page-admin .auth-brand { text-align: center; }
html body #kai-workspace.kai-login.login-page-admin .access-tabs { margin-bottom: 24px; }
html body #kai-workspace.kai-login.login-page-admin .input-plain {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 48px;
}
html body #kai-workspace.kai-login.login-page-admin .auth-card > .form-wrapper > form { gap: 22px; }
html body #kai-workspace.kai-login.login-page-admin .admin-reset-toggle { margin-top: 4px; }
@media (max-width: 540px) {
  html body #kai-workspace.kai-theme.kai-login.login-page-admin { padding: 24px 16px; }
  html body #kai-workspace.kai-login.login-page-admin .access-shell > .auth-card { padding: 26px 20px; border-radius: 18px; }
}