/* DO NOT EDIT — copied from packages/shared/src/groups/ui/house-admin.css
   by `npm run tokens`. Edit the source there, regenerate, commit both.
   A vitest in packages/shared fails if this file drifts from the source. */
/* House admin (R4-7): Create a House and the per-House console, mounted from Community on /app, /m and
   the desktop app. The module reuses the Organizer Hub's tdtt-oh-* controls (organizer.css, loaded by
   every host) and adds only the page frame here. Tokens only, solid surfaces (no alpha mixes on /m). */
.tdtt-ha { width: 100%; max-width: 980px; margin: 0 auto; gap: 14px; }
.tdtt-ha .tdtt-oh-body { display: grid; gap: 14px; min-width: 0; }
.tdtt-ha .tdtt-oh-househead {
  flex-wrap: wrap; align-items: center; gap: 10px;
  background: linear-gradient(90deg, var(--surface), var(--bg));
  border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px;
}
.tdtt-ha .tdtt-oh-subtabs { max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.tdtt-ha .tdtt-oh-panel { min-width: 0; }
.tdtt-ha .tdtt-oh-staffrow { flex-wrap: wrap; }
.tdtt-ha[data-surface='mobile'] { max-width: none; }
.tdtt-ha[data-surface='mobile'] .tdtt-oh-staffrow__actions { width: 100%; justify-content: flex-start; }