/**
 * Admin + merchant sign-in — soft shell (#F2F2F7) aligned with mobile brand.
 * Load after gm-theme-modes.css
 */

.kore-auth-theme-bar .app-navbar-item {
  margin: 0 !important;
}

.kore-auth-theme-bar .btn-icon {
  background: var(--auth-card-bg);
  border: 1px solid var(--auth-card-border);
}

.kore-auth-theme-bar .btn-icon i {
  color: rgba(20, 20, 15, 0.75) !important;
}

.kore-auth-signin {
  --auth-page-bg: #f2f2f7;
  --auth-card-bg: #ffffff;
  --auth-card-border: rgba(20, 20, 15, 0.12);
  --auth-text: #14140f;
  --auth-muted: rgba(20, 20, 15, 0.72);
  --auth-muted-soft: rgba(20, 20, 15, 0.55);
  --auth-input-bg: #ffffff;
  --auth-input-border: rgba(20, 20, 15, 0.14);
  --auth-placeholder: rgba(20, 20, 15, 0.45);
  --auth-coral: #ff5a36;
  --auth-coral-hover: #ff734f;
  /* legacy aliases */
  --auth-gold: var(--auth-coral);
  --auth-gold-hover: var(--auth-coral-hover);
}

body#kt_app_body.app-default.kore-auth-page,
body#kt_app_body.kore-auth-page,
body.kore-auth-page {
  background-color: var(--auth-page-bg, #f2f2f7) !important;
  color: var(--auth-text, #14140f);
}

.kore-auth-signin .card {
  background: var(--auth-card-bg) !important;
  border: 1px solid var(--auth-card-border) !important;
  box-shadow: 0 1px 4px rgba(20, 20, 15, 0.06) !important;
}

.kore-auth-signin .kore-auth-logo {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: inline-block;
}

.kore-auth-signin .kore-auth-wordmark {
  font-family: "Bricolage Grotesque", "Manrope", system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.35rem;
  letter-spacing: -0.04em !important;
  color: var(--auth-text) !important;
  margin-bottom: 0.35rem;
}

.kore-auth-signin .kore-auth-title {
  font-family: "Manrope", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.85rem;
  color: var(--auth-text) !important;
  letter-spacing: -0.02em;
  margin-bottom: 0.35rem !important;
}

.kore-auth-signin .kore-auth-kicker {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--auth-muted-soft) !important;
  margin-bottom: 0.25rem;
}

.kore-auth-signin .kore-auth-lead {
  color: var(--auth-muted) !important;
  font-size: 0.95rem !important;
}

.kore-auth-signin .form-label {
  color: var(--auth-text) !important;
  font-weight: 500 !important;
}

.kore-auth-signin .form-control,
.kore-auth-signin .form-control-solid {
  background-color: var(--auth-input-bg) !important;
  border: 1.5px solid var(--auth-input-border) !important;
  color: var(--auth-text) !important;
  border-radius: 10px !important;
}

.kore-auth-signin .form-control::placeholder {
  color: var(--auth-placeholder) !important;
}

.kore-auth-signin .form-control:focus,
.kore-auth-signin .form-control-solid:focus {
  border-color: var(--auth-coral) !important;
  box-shadow: 0 0 0 3px rgba(255, 90, 54, 0.18) !important;
  color: var(--auth-text) !important;
  background-color: var(--auth-input-bg) !important;
}

.kore-auth-signin .btn-icon {
  color: var(--auth-muted-soft) !important;
}

.kore-auth-signin .btn-icon:hover {
  color: var(--auth-coral-hover) !important;
  background: rgba(255, 90, 54, 0.1) !important;
}

.kore-auth-signin .kore-auth-alert {
  background: rgba(255, 90, 54, 0.1);
  border: 1px solid rgba(20, 20, 15, 0.12);
  color: var(--auth-text);
}

.kore-auth-signin .kore-auth-alert .fs-6 {
  color: var(--auth-text) !important;
}

.kore-auth-signin .kore-auth-alert i,
.kore-auth-signin .kore-auth-alert .ki-cross {
  color: var(--auth-muted) !important;
}

.kore-auth-signin a.text-primary,
.kore-auth-signin .link-primary {
  color: var(--auth-coral) !important;
}

.kore-auth-signin a.text-primary:hover,
.kore-auth-signin .link-primary:hover {
  color: var(--auth-coral-hover) !important;
}

.kore-auth-signin .text-gray-500 {
  color: var(--auth-muted-soft) !important;
}

.kore-auth-signin .btn.btn-primary {
  color: #ffffff !important;
  background-color: var(--auth-coral) !important;
  border-color: var(--auth-coral) !important;
}

.kore-auth-signin .btn.btn-primary:hover {
  color: #ffffff !important;
  background-color: var(--auth-coral-hover) !important;
  border-color: var(--auth-coral-hover) !important;
}