/* Admin People tab (people.js). Base styles: theme.css + dashboard/index.html. */

#tab-people .banner { margin-top: 0; }
.pp-counts { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 18px; }
.pp-chip { background: rgba(10, 18, 34, .5); border: 1px solid var(--line); color: var(--dim); border-radius: 99px; padding: 5px 12px; font: inherit; font-size: .82rem; cursor: pointer; transition: border-color .2s, color .2s; }
.pp-chip:hover { border-color: var(--accent); color: var(--text); }
.pp-chip.on { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
.pp-filters .hud { flex: 0 1 190px; }
.pp-filters .hud.grow { flex: 1 1 240px; }
.pp-n { flex: 0 0 90px !important; }
.pp-bulk { margin: 0 0 14px; padding: 10px 14px; border: 1px solid rgba(var(--accent-rgb), .4); border-radius: 10px; background: var(--accent-soft); }
.pp-bulk .hud { flex: 0 1 200px; }
.pp-bulk .input { padding: 6px 30px 6px 10px; }
.pp-table td:first-child, .pp-table th:first-child { width: 36px; padding-right: 0; }
.pp-email { font-weight: 600; }
.pp-admin { margin-left: 8px; font-family: var(--mono); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: #9bb6ff; border: 1px solid #2f3b66; border-radius: 99px; padding: 2px 7px; vertical-align: middle; }
tr.pp-open td { background: rgba(var(--accent-rgb), .08); }
.pp-pager { margin-top: 12px; }

/* Status pills */
.pstat { display: inline-block; font-family: var(--mono); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; border-radius: 99px; padding: 3px 9px; border: 1px solid var(--line); color: var(--dim); white-space: nowrap; }
.pstat.account { color: var(--text); }
.pstat.trial_invited { color: var(--accent); border-color: rgba(var(--accent-rgb), .45); }
.pstat.trial_active { color: var(--accent-hi); border-color: rgba(140, 200, 255, .6); background: rgba(var(--accent-rgb), .12); }
.pstat.member { color: #8fd18a; border-color: #2c4a2a; }
.pstat.founder { color: #1a1204; background: var(--legendary); border-color: var(--legendary); }
.pstat.invite_expired, .pstat.trial_used, .pstat.lapsed { opacity: .75; }
.pstat.canceled, .pstat.revoked { color: var(--err); border-color: #4a2a26; }

/* Detail drawer */
.pp-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(560px, 100vw); z-index: 50; overflow-y: auto; border-radius: 0; padding: 22px 24px 40px; background: var(--panel-solid); box-shadow: -30px 0 80px rgba(0, 0, 0, .55); animation: pp-in .3s var(--ease); }
.pp-drawer.hud::before, .pp-drawer.hud::after { display: none; }
@keyframes pp-in { from { transform: translateX(30px); opacity: 0; } }
.pp-head { margin-top: 0; align-items: flex-start; }
.pp-title { margin: 0 0 8px; font-size: 1.1rem; word-break: break-all; }
.pp-sec { margin-top: 24px; }
.pp-sec h3 { margin: 0 0 10px; font-size: .72rem; }
.pp-sec .row { margin-top: 10px; }
.pp-sec .hud { flex: 1 1 200px; }
.pp-sec textarea.input { resize: vertical; line-height: 1.5; font-family: inherit; }
.pp-sec table { font-size: .85rem; }
.pp-sec td, .pp-sec th { padding: 8px 12px; }
.pp-dl { display: grid; grid-template-columns: 140px 1fr; gap: 6px 14px; margin: 0; font-size: .9rem; }
.pp-dl dt { color: var(--dim); }
.pp-dl dd { margin: 0; word-break: break-word; }
.pp-check { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: var(--text); font-size: .9rem; }
@media (max-width: 600px) {
  .pp-drawer { padding: 18px 16px 32px; }
  .pp-dl { grid-template-columns: 110px 1fr; }
}