/* ── Guest list controls bar ──────────────────────────────────────────────── */
.guest-list-controls { display: flex; gap: 0.4rem; margin-bottom: 0.6rem; align-items: center; }
.guest-list-controls .search-input { flex: 1; min-width: 120px; }
.guest-list-controls .btn { height: 36px; padding: 0 0.75rem; font-size: 0.82rem; border-radius: 10px; }

/* ── Past events section ──────────────────────────────────────────────────── */
.past-events-section { margin-top: 1.5rem; display: none; }

.past-events-toggle {
    display: flex; align-items: center; gap: 0.5rem; cursor: pointer;
    padding: 0.5rem 0; font-size: 0.92rem; font-weight: 600; color: var(--color-text-muted);
    -webkit-tap-highlight-color: transparent; user-select: none;
}

.past-events-toggle .collapse-icon { transition: transform 0.2s; }
.past-events-toggle.open .collapse-icon { transform: rotate(90deg); }

#past-event-grid { display: none; }

.past-events-count {
    font-size: 0.78rem; font-weight: 500;
    background: rgba(118,118,128,0.12); padding: 0.1rem 0.45rem; border-radius: 10px;
}

/* ── Guest count in title ────────────────────────────────────────────────── */
#guest-count {
    font-size: 0.75em;
    font-weight: 400;
    color: var(--color-text-muted);
}

/* ── Archived guest rows ─────────────────────────────────────────────────── */
/* ── "This is me" label in friend detail ─────────────────────────────────── */
.gd-is-me-label {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--color-primary);
    background: var(--color-primary-pale);
    padding: 0.25rem 0.65rem;
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

/* ── is_me row: make fields look like plain text ─────────────────────────── */
tr[data-is-me="true"] .inline-edit[readonly] {
    pointer-events: none;
    border-color: transparent;
    background: transparent;
    color: var(--color-text);
}
tr[data-is-me="true"] .inline-edit[readonly]:focus {
    box-shadow: none;
    border-color: transparent;
}

.archived-row td { opacity: 0.5; }
.archived-row td:last-child { opacity: 1; }
.archived-row input, .archived-row select { color: var(--color-text-muted); }