/* © 2026 WiredType. Stage 1 item 6 (REVIEW_FRAME P0 1 and P0 2): the first step for a signed-in person with no result.
   first-step.js sets html[data-wt-no-result] and draws the panel; this sheet styles it and keeps Together's empty map, zero
   counts, filters and share prompt out of the way until a result exists. */
.wt-first-step { box-sizing:border-box; margin:0 0 24px; padding:28px 28px 24px; border:1px solid var(--border-hover,rgba(255,255,255,.14)); border-radius:16px; background:var(--bg-1,#1E1924); color:var(--text,#f8f5f0); }
.wt-first-step__title { margin:0 0 10px; font-family:var(--font-heading); font-size:clamp(1.5rem,3.2vw,2rem); line-height:1.2; font-weight:800; letter-spacing:-.01em; color:var(--text,#f8f5f0); overflow-wrap:anywhere; }
.wt-first-step__line { max-width:620px; margin:0 0 20px; font-size:1rem; line-height:1.6; color:var(--text-secondary,var(--text)); }
.wt-first-step .wt-first-step__cta { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 26px; border:0; border-radius:var(--radius-pill,999px); background:var(--accent,#E07A6B); color:var(--on-accent,#1A1520); font-family:var(--font-body); font-weight:700; font-size:1rem; text-decoration:none; box-sizing:border-box; max-width:100%; }
.wt-first-step .wt-first-step__cta:hover { filter:brightness(1.08); }
.wt-first-step .wt-first-step__cta:focus-visible,.wt-first-step__quiet:focus-visible { outline:2px solid var(--text,#f8f5f0); outline-offset:3px; }
.wt-first-step__quiet { display:block; width:fit-content; max-width:100%; margin-top:14px; font-size:.92rem; line-height:1.5; color:var(--text-secondary,var(--text)); text-decoration:underline; text-underline-offset:3px; }
.wt-first-step__quiet:hover { color:var(--text,#f8f5f0); }
@media (max-width:600px) {
  .wt-first-step { padding:22px 18px 20px; }
  .wt-first-step .wt-first-step__cta { width:100%; }
}

/* Together with no result: the "?" line and the share doors wait for the result. While nobody is on the list yet, the room map
   with its zero counts, the count line, the room header, the search, filters, sort, select and the Show people from my card
   switch wait too; once people are on the list, those stay, since the counts are theirs. */
html[data-wt-no-result] [data-together-root] :is([data-together-empty],[data-jack]) { display:none !important; }
/* list.js unhides [data-together-empty] exactly when the person has nobody at all (a filter with no match does not). */
html[data-wt-no-result] [data-together-root]:is([data-state="loading"],:has([data-together-empty]:not([hidden]))) :is(.tg-top,[data-room-insight],[data-together-count],[data-show-card-wrap],[data-together-find],.tg-tools,[data-together-list],[data-arrivals-empty],[data-room-empty]) { display:none !important; }

/* A card is available before an assessment. Keep its phone action when the empty
   room header is suppressed; the desktop My card action already lives in the rail. */
@media (max-width:767px) {
  html[data-wt-no-result] [data-together-root]:is([data-state="loading"],:has([data-together-empty]:not([hidden]))) .tg-top:has([data-together-my-card]:not([hidden])) { display:block !important; }
  html[data-wt-no-result] [data-together-root]:is([data-state="loading"],:has([data-together-empty]:not([hidden]))) :is(.tg-top > :not(.tg-top__actions),.tg-top__actions > :not([data-together-my-card])) { display:none !important; }
}

/* The card page with no result: room above the heading, a coral button, and the example card under a caption. */
.wt-first-step--card { max-width:460px; margin:64px auto 60px; padding:0 16px; border:0; background:none; }
.wt-first-step--card .wt-first-step__title { margin:0 0 12px; font-size:clamp(1.75rem,5vw,2.25rem); }
.wt-first-step--card .wt-first-step__cta { width:100%; margin-top:0; }
.wt-first-step__example { margin:36px 0 0; }
.wt-first-step__example figcaption { margin:0 0 12px; font-size:.9rem; font-weight:600; color:var(--text-secondary,var(--text)); text-align:center; }
.wt-first-step__example .wc-card { pointer-events:none; }