/* ==========================================================================
   BLACKMURAL EVENTS — ADMIN
   admin.css — the only stylesheet we own here.

   Everything else is pbiz's Sneat dark theme (core-dark + theme-default-dark),
   untouched so the two admins stay visually identical. This file holds just
   the few things Sneat has no component for.
   ========================================================================== */

/* -------------------------------------------------------------- login */
.login-wrap{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.login-card{width:100%;max-width:400px;}
.login-brand{
  font-weight:700;letter-spacing:2px;text-transform:uppercase;
  text-align:center;margin-bottom:6px;
}
.login-brand span{color:#c6a15b;}

/* -------------------------------------------------------------- KPI tiles */
.kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:1rem;
  margin-bottom:1.5rem;
}
.kpi{padding:1.15rem 1.25rem;height:100%;}
.kpi .kpi-label{
  font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;
  opacity:.7;margin-bottom:.35rem;
}
.kpi .kpi-value{font-size:1.75rem;font-weight:600;line-height:1.1;}
.kpi .kpi-note{font-size:.78rem;opacity:.65;margin-top:.3rem;}
.kpi-accent .kpi-value{color:#c6a15b;}

/* A plain progress bar for the check-in rate. */
.rate-bar{height:8px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.08);}
.rate-bar > span{display:block;height:100%;background:#c6a15b;}

/* -------------------------------------------------------------- shortcuts */
.shortcut{
  display:flex;align-items:center;gap:.85rem;
  padding:1rem 1.15rem;
  text-decoration:none;
  height:100%;
}
.shortcut i{font-size:1.6rem;color:#c6a15b;flex:none;}
.shortcut .shortcut-title{font-weight:600;line-height:1.2;}
.shortcut .shortcut-sub{font-size:.8rem;opacity:.65;}

/* -------------------------------------------------------------- tables */
/* Sneat styles .table already; this is only the filter row above one. */
.table-tools{
  display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;
  margin-bottom:1rem;
}
.table-tools .table-search{max-width:280px;}
.table-tools .spacer{flex:1;}

/* The generated password, shown once after creating a person — meant to be
   noticed. This is inside the authenticated admin, never on the login page. */
.secret-reveal{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:1.5rem;font-weight:700;letter-spacing:.35em;
  color:#c6a15b;
}