/* =========================================================================
   SECURITY / VISITOR LOG DASHBOARD
   ========================================================================= */
.security-hero {
  background: var(--paper-50);
  padding: var(--sp-7) 0 var(--sp-6);
  border-bottom: 1px solid var(--paper-100);
}

.checkin-form {
  margin-top: var(--sp-6);
  padding: var(--sp-6);
  border-radius: var(--r-lg);
  border: 1px solid var(--paper-100);
  background: var(--paper-0);
  box-shadow: var(--shadow-sm);
}

.active-visitor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--sp-4);
}
.active-visitor-card {
  padding: var(--sp-5);
  border-radius: var(--r-md);
  border: 1.5px solid var(--sage-600);
  background: var(--sage-100);
}
.active-visitor-card__name { font-weight: 700; font-size: 15px; color: var(--ink-950); }
.active-visitor-card__meta { font-size: 12.5px; color: var(--ink-600); margin-top: 4px; line-height: 1.6; }
.active-visitor-card__time { font-family: var(--font-mono); font-size: 11.5px; color: var(--sage-600); margin-top: 6px; }
.active-visitor-card__checkout { margin-top: var(--sp-4); width: 100%; }

.visitor-empty { text-align: center; padding: var(--sp-7) 0; color: var(--ink-400); font-size: 14px; }