/* Owner's admin page: demo PINs and live sessions. */

body.admin { min-height: 100%; }
.admin-layout { max-width: 820px; margin: 0 auto; padding: 24px 16px 48px; display: grid; gap: 16px; }
.admin-layout .card > p { margin-top: 6px; }

.pin-form { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; margin-top: 4px; }
.pin-form .field { min-width: 160px; }
.pin-form .grow { flex: 1 1 240px; }

.new-pin {
  display: grid; gap: 8px;
  margin-top: 14px; padding: 14px;
  border-radius: 12px;
  background: rgba(52, 211, 153, 0.08);
  border: 1px solid rgba(52, 211, 153, 0.35);
}
.new-pin .row { margin-top: 0; }
.new-pin-value { font-size: 28px; font-weight: 700; letter-spacing: 0.15em; user-select: all; }

.admin-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 6px; }
.admin-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--bg);
  border: 1px solid var(--line);
}
.admin-item.expired, .admin-item.revoked { opacity: 0.6; }
.admin-item-main { flex: 1; min-width: 0; display: grid; gap: 2px; }
.status { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 99px; text-transform: uppercase; letter-spacing: 0.04em; background: var(--card-2); color: var(--muted); }
.status.active { background: rgba(52, 211, 153, 0.15); color: var(--ok); }
.empty { padding: 4px 0; }