.directory-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.directory-row input:not([type=checkbox]),.directory-row select,.header-right select{padding:8px;max-width:210px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
.directory-row details{width:100%}.directory-row details label{display:inline-block;padding:8px}.header-right small{display:block;font-size:11px;color:var(--muted)}

.server-mode .people-table{width:100%;border-collapse:collapse;margin:24px 0}.server-mode .people-table th,.server-mode .people-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.server-mode #people .table-wrap{overflow:auto}.server-mode .people-table .badge{display:inline-block;padding:5px 10px;border-radius:16px;background:var(--bg);color:var(--ink)}.server-mode #temporary-password{max-width:min(520px,90vw);padding:28px;background:var(--bg);color:var(--ink)}.server-mode #temporary-password code{display:block;font-size:20px;overflow-wrap:anywhere;padding:18px;border:1px solid var(--line);border-radius:8px}.server-mode #temporary-password button{margin:8px;padding:10px}.server-mode .header-right details{position:relative;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.server-mode .header-right details a,.server-mode .header-right details button{display:block;margin-top:10px;color:var(--ink)}.server-mode .directory-row fieldset{border:1px solid var(--line);border-radius:8px}.server-mode .directory-row fieldset label{display:inline-block;margin:6px}.server-mode :is(.header-right,#people,#temporary-password) :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.server-mode .people-table button{padding:6px 9px;margin:3px}.server-mode .people-table th{font-size:12px;color:var(--muted)}

.server-mode .directory-row[hidden]{display:none}