/* Admin pages: survey list, admins, plus the bits the builder and results share. */

.page-head { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.page-head .grow { flex: 1; }

.survey-list { display: grid; gap: 12px; }
.survey-item { padding: 16px 18px; display: grid; gap: .6rem; }
.survey-item__top { display: flex; align-items: flex-start; gap: .75rem; }
.survey-item__title { font-weight: 600; font-size: 1.05rem; margin: 0; overflow-wrap: anywhere; }
.survey-item__title a { color: var(--brand-dark); text-decoration: none; }
.survey-item__title a:hover { text-decoration: underline; }
.survey-item__facts { display: flex; flex-wrap: wrap; gap: .35rem .9rem; font-size: var(--fs-meta); color: var(--text-muted); }
.survey-item__actions { display: flex; flex-wrap: wrap; gap: .4rem; }

.new-survey { padding: 16px 18px; }

.people { display: grid; }
.person { display: flex; align-items: center; gap: .75rem; padding: .75rem 0; border-top: 1px solid var(--border); flex-wrap: wrap; }
.person:first-child { border-top: 0; }
.person__name { font-weight: 600; }
.person__meta { font-size: var(--fs-meta); color: var(--text-muted); }
.person__slot { flex-basis: 100%; }
.person__slot:empty { display: none; }

details.more > summary { cursor: pointer; font-weight: 600; color: var(--brand); padding: .3rem 0; }