#host-directory { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); align-items: start; gap: var(--space-md, 1rem); }
#host-directory gk-card { min-width: 0; }
#host-directory h2 { margin: 0 0 var(--space-sm, .5rem); }
#host-directory [data-status]:empty { display: none; }
#host-directory [data-status], #host-directory [data-choice-count] { font-size: var(--fs-13, 13px); color: var(--text-muted); }
#host-directory gk-field { margin-block: var(--space-md, 1rem); }
#host-directory [data-choices] { list-style: none; margin: 0; padding: 0; max-block-size: 28rem; overflow-y: auto; overscroll-behavior: contain; }
#host-directory [data-choices] li { border-top: 1px solid var(--border); }
#host-directory [data-choices] gk-button { --btn-justify: flex-start; --btn-white-space: normal; --btn-overflow-wrap: anywhere; --btn-ghost-color: var(--text); }
.scope-choice-copy { flex: 1; min-width: 0; text-align: left; }
.scope-choice-name, .scope-choice-kind { display: block; overflow-wrap: anywhere; }
.scope-choice-kind { margin-top: var(--space-3xs, 2px); font-size: var(--fs-12, 12px); color: var(--text-muted); }
.scope-choice-arrow { flex: none; color: var(--text-muted); }
#host-account { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm, .5rem); }
#host-account { margin-bottom: var(--space-md, 1rem); }
#host-owner, #venue-root { min-width: 0; }
#host-mfa { margin-top: var(--space-md, 1rem); }
[hidden] { display: none !important; }
.staff-actions { display: flex; flex-wrap: wrap; gap: var(--space-sm, .5rem); margin-block: var(--space-md, 1rem); }
.staff-form { display: grid; gap: var(--space-md, 1rem); margin-block: var(--space-md, 1rem); }
.staff-form fieldset { display: grid; gap: var(--space-sm, .5rem); }
.staff-form details > gk-field { margin-block: var(--space-sm, .5rem); }
#venue-root > gk-card + gk-card { margin-top: var(--space-md, 1rem); }
#themes-form { display: grid; gap: var(--space-sm, .5rem); margin-block: var(--space-md, 1rem); justify-items: start; }
#themes-form gk-field { justify-self: stretch; }
.themes-check { display: flex; align-items: center; gap: var(--space-xs, .375rem); }
#themes-status, #themes-refresh-state { color: var(--text-muted); }
.themes-colours, .themes-recent, #themes-warnings { list-style: none; margin: 0; padding: 0; }
.themes-colours { display: flex; flex-wrap: wrap; gap: var(--space-md, 1rem); margin-block: var(--space-sm, .5rem); }
.themes-colours li { display: flex; align-items: center; gap: var(--space-xs, .375rem); }
.themes-chip { display: inline-block; inline-size: 1.25rem; block-size: 1.25rem; border-radius: 50%; background: var(--chip, transparent); box-shadow: inset 0 0 0 1px var(--border); }
.themes-dots { display: inline-flex; gap: var(--space-3xs, 2px); flex: none; }
.themes-recent li { border-top: 1px solid var(--border); }
.themes-recent gk-button { --btn-justify: flex-start; --btn-white-space: normal; --btn-overflow-wrap: anywhere; --btn-ghost-color: var(--text); }
.themes-recent-name { flex: 1; min-width: 0; text-align: left; margin-inline: var(--space-sm, .5rem); }
.themes-recent-host { flex: none; font-size: var(--fs-12, 12px); color: var(--text-muted); }
.themes-actions { display: flex; flex-wrap: wrap; gap: var(--space-sm, .5rem); margin-top: var(--space-sm, .5rem); }