/* Peoples Core presentation polish. The application palette remains in
   HorillaColorTheme; semantic success/warning/error colors are unchanged. */
.peoplecore-login {
  background-image:
    radial-gradient(ellipse at 12% 12%, color-mix(in srgb, var(--primary-600, #087F8C) 10%, transparent), transparent 52%),
    radial-gradient(ellipse at 90% 88%, color-mix(in srgb, var(--primary-900, #123846) 9%, transparent), transparent 48%);
}

.peoplecore-login .peoplecore-auth-card {
  width: min(450px, calc(100vw - 32px));
  padding: clamp(28px, 5vw, 50px);
  border: 1px solid color-mix(in srgb, var(--primary-600, #087F8C) 16%, white);
  box-shadow: 0 20px 60px -24px rgba(24, 52, 71, 0.26);
}

.peoplecore-login .peoplecore-auth-logo {
  object-fit: contain;
  filter: none;
}

.peoplecore-login .peoplecore-auth-title {
  color: var(--primary-900, #123846);
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.peoplecore-login .peoplecore-auth-card button[type="submit"] {
  border-radius: 10px;
  box-shadow: 0 5px 14px -8px color-mix(in srgb, var(--primary-600, #087F8C) 65%, transparent);
}

/* This checklist uses local inline styles rather than the shared theme
   palette. Scope its brand accents here, including its dark appearance. */
#setup-checklist-banner {
  --pc-checklist-accent: var(--primary-600, #087F8C);
  --pc-checklist-text: var(--primary-900, #183447);
  --pc-checklist-tint: var(--primary-100, #DCF3EF);
  --pc-checklist-border: var(--primary-300, #85CFC8);
}

#setup-checklist-banner .hcl-banner {
  background: linear-gradient(120deg, color-mix(in srgb, var(--pc-checklist-tint) 65%, white), white 68%);
  border-color: var(--pc-checklist-border);
}

#setup-checklist-banner .hcl-blob {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-600, #087F8C) 12%, transparent), transparent 70%);
}

#setup-checklist-banner .hcl-icon,
#setup-checklist-banner .hcl-action-btn {
  background: linear-gradient(135deg, var(--primary-600, #087F8C), var(--primary-800, #0D4752));
}

#setup-checklist-banner .hcl-title,
#setup-checklist-banner .hcl-action-title,
#setup-checklist-banner .hcl-label-active {
  color: var(--pc-checklist-text);
}

#setup-checklist-banner .hcl-line-active,
#setup-checklist-banner .hcl-circle-done {
  background: var(--primary-600, #087F8C);
}

#setup-checklist-banner .hcl-circle-done,
#setup-checklist-banner .hcl-circle-active {
  border-color: var(--primary-600, #087F8C);
}

#setup-checklist-banner .hcl-circle-done:hover {
  background: var(--primary-800, #0D4752);
  border-color: var(--primary-800, #0D4752);
}

#setup-checklist-banner .hcl-circle-active {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-600, #087F8C) 17%, transparent);
}

#setup-checklist-banner .hcl-circle-pending:hover {
  border-color: var(--primary-600, #087F8C);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-600, #087F8C) 12%, transparent);
}

#setup-checklist-banner .hcl-circle-num-active,
#setup-checklist-banner .hcl-label-done {
  color: var(--pc-checklist-accent);
}

#setup-checklist-banner .hcl-action {
  border-color: var(--pc-checklist-border);
  border-left-color: var(--primary-600, #087F8C);
}

.dark #setup-checklist-banner {
  --pc-checklist-accent: var(--primary-300, #85CFC8);
  --pc-checklist-text: #E7F3F4;
  --pc-checklist-border: #315767;
}

.dark #setup-checklist-banner .hcl-banner {
  background: linear-gradient(120deg, #153C48, #0F202D 68%);
}

.dark #setup-checklist-banner .hcl-action,
.dark #setup-checklist-banner .hcl-circle-active {
  background: #173744;
}

.dark .peoplecore-login .peoplecore-auth-card {
  background: #183447;
  border-color: #315767;
}

.dark .peoplecore-login .peoplecore-auth-title {
  color: #E7F3F4;
}

/* A light plate keeps the navy mark clear in both appearance modes. */
.peoplecore-company-logo {
  object-fit: contain;
  padding: 2px;
  background: #F8FAFC;
  border: 1px solid #DCE9EC;
  border-radius: 9px;
}