/* The admin page (cutscene.me/admin): every account; make, link and delete. Builds on style.css, site.css and account.css. */
.mk{display:grid;gap:.5rem;margin-top:.625rem;max-width:26rem}
.mk .row{margin-top:.125rem}
.seg{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:var(--radius-pill);background:var(--muted);justify-self:start}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:inline-flex;align-items:center;height:1.875rem;padding:0 .875rem;border-radius:var(--radius-pill);font-size:var(--text-small);color:var(--foreground);transition:background-color .15s,color .15s}
.seg input:checked + span{background:var(--primary);color:var(--primary-foreground)}
.seg input:focus-visible + span{box-shadow:var(--ring)}
.made{margin-top:.75rem;max-width:26rem}
.linkrow{display:flex;gap:.5rem;align-items:center;margin-top:.375rem}
.linkrow .cs-in{flex:1}
.head .count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-meta);color:var(--muted-foreground)}
.find{margin-top:.5rem;max-width:26rem}
.people{list-style:none;margin:.625rem 0 0;padding:0;display:grid;gap:.125rem}
.people > li{display:grid;grid-template-columns:auto 1fr auto;gap:.25rem .75rem;align-items:center;padding:.5rem .5rem;border-radius:var(--radius)}
.people > li:hover{background:var(--accent)}
.people .face-av{width:32px;height:32px}
.who{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.who b{font-weight:600;font-size:var(--text-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who small{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--muted-foreground);overflow-wrap:anywhere}
.tag{display:inline-block;margin-left:.375rem;padding:0 .4rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:500;line-height:1.6;vertical-align:1px;background:var(--muted);color:var(--muted-foreground)}
.tag.adm{background:var(--primary-tint);color:var(--primary)}
.acts{display:flex;gap:.375rem}
.acts .btn-sm{height:2rem;padding:0 .625rem;font-size:var(--text-small)}
.danger{background:var(--danger-tint) !important;color:var(--danger) !important}
.danger:hover{background:rgba(201,42,42,.18) !important}
.drawer{grid-column:2 / -1;display:grid;gap:.375rem;padding:.25rem 0 .25rem}
.drawer .linkrow{margin-top:0}
.drawer .cs-note{margin:0}
.people:empty::after{content:"No accounts match.";font-size:var(--text-small);color:var(--muted-foreground);padding:.5rem}
.people > li{grid-template-columns:auto 1fr}
  .acts{grid-column:2;justify-content:flex-start}

/* notes on accounts (2026-10-26) */
.note-line{display:block;margin-top:.25rem;font-size:var(--text-small);white-space:pre-wrap;color:var(--foreground)}
.note-in{display:block;width:100%;box-sizing:border-box;resize:vertical;font:inherit;font-size:var(--text-input);margin-bottom:.5rem}

/* reports (2026-10-26) */
.reports > li{grid-template-columns:1fr !important}
.reports > li.open{background:rgba(201,42,42,.05)}
.reports .acts{grid-column:1 !important;flex-wrap:wrap}
.reports .quote{color:var(--muted-foreground);font-style:italic}
.reports .empty{font-size:var(--text-small);color:var(--muted-foreground)}

/* the accounts as a table (his footer note, 2026-10-26): tap a row for its note, short link and delete */
.ptable-wrap{margin-top:.625rem;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}
.ptable{width:100%;border-collapse:collapse;font-size:var(--text-small)}
.ptable th{text-align:left;padding:.5rem .5rem;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);background:var(--muted);white-space:nowrap}
.ptable td{padding:.5rem .5rem;border-top:1px solid var(--border);vertical-align:top}
.ptable .prow{cursor:pointer}
.ptable .prow:hover,.ptable .prow.open{background:var(--accent)}
.ptable .prow:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(59,111,224,.5)}
.ptable .pmore td{border-top:0;background:var(--accent);padding-top:0}
.ptable .who b{font-size:var(--text-small)}
.ptable .nowrap{white-space:nowrap}
.ptable .drawer{padding-top:.5rem}
.ptable-wrap .none{padding:.5rem .625rem;margin:0}

/* message an account (2026-10-26): a chat icon at the end of each row */
.ptable .msg-cell{width:2.25rem;padding:.25rem .375rem;vertical-align:middle}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--primary);cursor:pointer}
.icon-btn:hover{background:var(--primary-tint)}
.icon-btn:disabled{opacity:.5}
.icon-btn svg{width:18px;height:18px}

/* where an account's XP came from, in its open row (1 Nov 2026) */
.adm-xp{margin:.25rem 0 .75rem}