/**
 * Auth / log template (Bootstrap 4 / Easion) — shell polish loaded last.
 */

:root {
  --primary: #0055a4;
}

body,
.form-screen {
  background-color: var(--brand-surface) !important;
  background-image: linear-gradient(
    160deg,
    var(--brand-primary-light) 0%,
    var(--brand-surface) 45%,
    #fff 100%
  );
  min-height: 100vh;
}

.form-screen .easion-logo {
  margin-bottom: 1.5rem;
}

.form-screen .easion-logo img {
  max-height: 56px;
  width: auto;
}

.card.account-dialog {
  border: 1px solid var(--brand-border) !important;
  border-radius: var(--brand-radius-lg) !important;
  box-shadow: var(--brand-shadow-lg) !important;
  overflow: hidden;
  max-width: 420px;
  width: 100%;
}

.card.account-dialog .card-header {
  background-color: var(--brand-primary) !important;
  border-bottom: none !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 1rem 1.25rem;
}

.card.account-dialog .card-header.bg-primary,
.card.account-dialog .card-header.text-white {
  background-color: var(--brand-primary) !important;
  color: #fff !important;
}

.card.account-dialog .card-body {
  padding: 1.5rem 1.5rem 1.75rem;
  background-color: #fff;
}

.card.account-dialog .form-control {
  border-radius: var(--brand-radius-sm);
  border-color: var(--brand-border);
  padding: 0.6rem 0.85rem;
}

.card.account-dialog .form-control:focus {
  border-color: var(--brand-primary);
  box-shadow: var(--brand-focus-ring);
}

.card.account-dialog .btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  border-radius: var(--brand-radius-sm);
  padding: 0.55rem 1.25rem;
  font-weight: 600;
}

.card.account-dialog .btn-primary:hover,
.card.account-dialog .btn-primary:focus {
  background-color: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
  box-shadow: var(--brand-focus-ring);
}

.card.account-dialog a {
  color: var(--brand-primary);
}

.card.account-dialog a:hover {
  color: var(--brand-primary-hover);
  text-decoration: underline;
}

.bg-primary {
  background-color: var(--brand-primary) !important;
}

.text-primary {
  color: var(--brand-primary) !important;
}