/* Alf-Space v36 - persistent login control */
.auth-remember {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content !important;
  margin: 2px 0 2px !important;
  cursor: pointer !important;
  color: var(--muted, #64748b) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  user-select: none !important;
}

.auth-remember input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  border: 1px solid rgba(100, 116, 139, .55) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .7) !important;
  display: grid !important;
  place-content: center !important;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.auth-remember input[type="checkbox"]::before {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 2px !important;
  transform: scale(0) !important;
  transition: transform .12s ease !important;
  background: #ffffff !important;
}

.auth-remember input[type="checkbox"]:checked {
  border-color: #2563eb !important;
  background: #2563eb !important;
}

.auth-remember input[type="checkbox"]:checked::before {
  transform: scale(1) !important;
}

.auth-remember input[type="checkbox"]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .2) !important;
}

html[data-theme="dark"] .auth-remember {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .auth-remember input[type="checkbox"] {
  border-color: rgba(203, 213, 225, .45) !important;
  background: rgba(15, 23, 42, .78) !important;
}

html[data-theme="dark"] .auth-remember input[type="checkbox"]:checked {
  border-color: #38bdf8 !important;
  background: #2563eb !important;
}
