/* What HN NooSphere adds to the shared portal styles (portal.css), for the shell and settings pages. The dashboards use
   app.css. */
.invite-link { display: flex; gap: 8px; align-items: center; }
.invite-link input { flex: 1; min-width: 0; font-family: var(--mono); font-size: 12px; }
.login-page { max-width: 420px; margin: 8vh auto 0; }
.setup-editor { width: 100%; min-height: 60vh; font-family: var(--mono); font-size: 12.5px; line-height: 1.5; tab-size: 2; white-space: pre; }
.console { margin: 0; padding: 12px 14px; border-radius: 8px; background: var(--surface-2, rgba(127,127,127,.08)); font-family: var(--mono); font-size: 12px;
           white-space: pre-wrap; overflow-wrap: anywhere; }
.key-once { border-left: 3px solid var(--warn); }
.steps { margin: 0; padding-left: 20px; display: grid; gap: 6px; color: var(--ink-2); }
.check-row { display: flex; gap: 8px; align-items: center; }
.check-row input { width: 16px; height: 16px; }

/* Discover: found devices indented under what they depend on */
.indent-1 { padding-left: 28px; }
.indent-2 { padding-left: 52px; }
.indent-3 { padding-left: 76px; }
.indent-4 { padding-left: 100px; }