/**
 * Auth pages (login / register) — Portail client sky-blue theme.
 * Loaded with dashlite.css (BS4 embedded). Do not mix with portal app.css (BS5).
 * Phase 4 — variables sky-blue (#0EA5E9) pour différencier du portail admin (#2563EB).
 */

:root {
  --auth-primary:      #0EA5E9;
  --auth-primary-dark: #0284C7;
  --auth-accent:       #BAE6FD;
  --auth-bg:           linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
}

/* ── REGISTER PAGE (keeps legacy Dashlite layout) ── */
body.nk-body.pg-auth .wrap-register100 {
  width: 641px;
  max-width: 100%;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 55px;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
}

body.nk-body.pg-auth .text-decor {
  font-family: "Courier New", Courier, monospace;
}

/* ── Passcode toggle — shared by login & register ── */
.passcode-switch .icon-hide { display: none }

/* ── SweetAlert2 positioning ── */
.swal2-container.swal2-top-end { z-index: 99999 }

/* ── Focus ring global (sky-blue) ── */
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--auth-primary, #0EA5E9);
  outline-offset: 2px;
}

/* ── Loading spinner sky-blue ── */
#loading i.fa-spinner {
  color: var(--auth-primary, #0EA5E9) !important;
}