/* Wellfound Reach: scene v2 extras (page-specific; v2 classes live in scenes.css) */

/* Reach product UI inside a .dev-mac */
.rx-app { padding: 0 !important; background: #fff; overflow: hidden; font-family: 'DM Sans', sans-serif; color: var(--cv-text); }
.rx-top { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--cv-line); background: #fff; }
.rx-top .cv-mark { width: 26px; height: 26px; border-radius: 7px; flex: none; }
.rx-top b { font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: -0.01em; white-space: nowrap; }
.rx-tabs { margin-left: auto; display: flex; gap: 2px; }
.rx-tabs span { font-size: 12px; font-weight: 600; padding: 5px 9px; border-radius: 7px; color: var(--cv-muted); white-space: nowrap; }
.rx-tabs span.on { background: rgba(var(--cv-glow),0.1); color: var(--cv-accent); }
.rx-body { position: relative; padding: 14px 16px; }
.rx-view { position: absolute; left: 16px; right: 16px; top: 14px; }
.rx-res { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--cv-sub); margin-top: 8px; }
.rx-res .cv-fit { font-size: 10px; padding: 4px 8px; }
.rx-rn { font-weight: 600; font-size: 13.5px; }
.rx-rs { font-size: 12px; color: var(--cv-muted); margin-top: 1px; }
.rx-agent { border: 1px solid rgba(var(--cv-glow),0.35); border-radius: 14px; padding: 14px 16px; background: #fff;
  box-shadow: 0 0 0 1px rgba(var(--cv-glow),0.06), 0 10px 30px rgba(21,18,26,0.08); }
.rx-app .cv-mini, .rx-app .cv-cand { box-shadow: none; }
.rx-app .cv-mini { padding: 10px 12px; margin-top: 8px; gap: 10px; }
.rx-app .cv-mini-name { font-size: 13.5px; white-space: nowrap; }
.rx-app .cv-mini-nums { font-size: 11px; white-space: nowrap; }
.rx-app .cv-mini-pill { font-size: 9px; white-space: nowrap; flex: none; }
.rx-app .cv-step { border-color: var(--cv-line); background: var(--cv-sub); font-size: 10.5px; }
.rx-app .sc-field { height: 44px; font-size: 14px; box-shadow: none; border: 1px solid var(--cv-line); }
.rx-app .sc-stamp { display: inline-block; }
.rx-app .cv-pool { margin-top: 14px; padding-top: 12px; }
.rx-app .cv-chips { margin-top: 10px; }
.rx-app .cv-chip { font-size: 12.5px; padding: 6px 10px; }
.ra-below { position: relative; margin-top: 10px; }
.ra-minis { position: absolute; left: 0; right: 0; top: -8px; }
.rx-side-wrap { display: grid; grid-template-columns: 170px 1fr; height: 330px; }
.rx-side { border-right: 1px solid var(--cv-line); padding: 12px; background: var(--cv-sub); }
.rx-side-k { font-family: 'DM Mono', monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--cv-muted); }
.rx-side-i { margin-top: 6px; padding: 7px 9px; border-radius: 8px; font-size: 12px; font-weight: 600; }
.rx-side-i small { display: block; font-family: 'DM Mono', monospace; font-size: 10px; color: var(--cv-muted); font-weight: 400; margin-top: 2px; }
.rx-side-i small b { color: var(--cv-accent); font-weight: 500; }
.rx-side-i.on { background: #fff; box-shadow: 0 1px 2px rgba(21,18,26,0.08); color: var(--cv-accent); }
.rx-main { padding: 14px; }
.rx-to { margin-top: 10px; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--cv-muted); }
.rx-to b { color: var(--cv-text); font-weight: 600; }
.rx-to .cv-avatar { box-shadow: none; }
.rx-reply { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; }
.rx-reply .sc-reply { flex: 1; font-size: 13.5px; min-height: 60px; }
.rx-app .sc-draft { font-size: 13.5px; min-height: 56px; }
.rx-caret { display: inline-block; width: 2px; height: 16px; background: var(--cv-accent); vertical-align: -3px; margin-left: 2px; }
.rx-logo { display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: center/contain no-repeat; vertical-align: -3px; margin-right: 6px; }
.rx-where { font-family: 'DM Sans', sans-serif; }
.rx-where-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.rx-where-row span { display: inline-flex; align-items: center; font-size: 13px; font-weight: 500; color: #F5F0F2; padding: 7px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.04); }
.rx-where-row .rx-logo { background-color: #fff; }

/* printed wireframe cards with real content (process world) */
.rx-wire { padding: 12px 14px 14px; color: #2A2A26; font-family: 'DM Sans', sans-serif; }
.rx-wire b { font-size: 10.5px; margin-bottom: 8px; }
.rx-tr { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 4px; font-size: 11.5px; padding: 5px 0; border-bottom: 1px solid #E6E2D8; color: #3A3832; }
.rx-tr.h { font-family: 'DM Mono', monospace; font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; color: #8A857A; border-bottom: 2px solid #D8D4CA; }
.rx-tr span:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.rx-wt { font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 16px; display: flex; align-items: center; gap: 8px; color: #1E1C18; }
.rx-wpill { margin-left: auto; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 7px; border-radius: 999px; border: 1px solid #E0397A; color: #E0397A; }
.rx-ws { font-size: 12px; color: #5C584E; margin-top: 6px; line-height: 1.35; }
.rx-wf { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 10px 0; }
.rx-wf div { font-family: 'DM Mono', monospace; font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; color: #8A857A; }
.rx-wf em { display: block; font-style: normal; font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 22px; color: #1E1C18; letter-spacing: -0.02em; }
.rx-wf em.hot { color: #E0397A; }
.rx-wr { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 6px 8px; border-radius: 8px; background: #F1EEE6; margin-top: 5px; color: #2A2A26; }
.rx-wav { width: 20px; height: 20px; border-radius: 50%; background: #DAD7DE center/cover no-repeat; flex: none; }
.rx-wc { font-size: 12px; padding: 7px 10px; border-radius: 10px 10px 10px 3px; background: #F1EEE6; margin-top: 6px; color: #2A2A26; line-height: 1.3; }
.rx-fl { display: flex; flex-wrap: wrap; gap: 5px; }
.rx-fl span { font-size: 11px; padding: 4px 8px; border-radius: 999px; border: 1px solid #D8D4CA; color: #5C584E; background: #fff; }
.rx-fq { margin-top: 10px; padding: 9px 11px; border-radius: 8px; border: 1px solid #D8D4CA; background: #fff; font-family: 'DM Mono', monospace; font-size: 11px; color: #6B665B; line-height: 1.4; }
.rx-fq.big { font-family: 'DM Sans', sans-serif; font-size: 15px; color: #1E1C18; min-height: 58px; margin-top: 4px; border-color: #2F6BFF; }
.rx-fq .rx-caret { background: #2F6BFF; }
.rx-fsub { font-size: 11.5px; color: #8A857A; margin-top: 8px; }
.rx-fres { margin-top: 10px; }
.rx-fres i { display: block; height: 14px; border-radius: 7px; background: #E6E2D8; margin: 6px 0; }
.rt-idx .rt-no { font-family: 'DM Mono', monospace; font-size: 12px; color: #C0392B; font-weight: 500; }
.rt-caret { display: inline-block; width: 2px; height: 16px; background: #2F6BFF; vertical-align: -3px; margin-left: 2px; }