/* Business Builder / Offer Builder / Founders Room (2026-09-27). Uses the portal's own tokens. */
.sr { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.bld-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:14px; align-items:start; }
.bld-side { position:sticky; top:16px; }
.bld-saved { font-size:11px; color:var(--muted); margin-top:6px; min-height:14px; }
.bld-h { font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); margin:22px 0 12px; }
.fld { margin-bottom:16px; }
.fld label, .fld .fld-l { display:block; font-size:13px; font-weight:600; color:var(--text); margin-bottom:6px; }
.fld input[type=text], .fld input[type=number], .fld select, .fld textarea, #room-body, .tier input, .tier select, .room-reply-form input {
  width:100%; background:var(--dark3); border:0.5px solid var(--border); color:var(--text); border-radius:8px;
  padding:10px 12px; font-family:'Inter',sans-serif; font-size:14px; }
.fld textarea, #room-body { resize:vertical; line-height:1.5; }
.fld input:focus, .fld select:focus, .fld textarea:focus, #room-body:focus, .tier input:focus, .tier select:focus, .room-reply-form input:focus { outline:1px solid var(--gold); }
.fld .ex { font-size:11.5px; color:var(--muted); margin-top:5px; line-height:1.5; }
.chk { display:flex; flex-wrap:wrap; gap:8px 14px; }
.chk label { display:flex; align-items:center; gap:6px; font-weight:400; font-size:13px; color:var(--text-soft); margin:0; }
.chk input { accent-color:var(--gold); width:16px; height:16px; }
.next { margin-top:14px; padding-top:14px; border-top:0.5px solid var(--border); }
.tpl-row, .pillrow { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.pillrow button { font-family:'Inter',sans-serif; font-size:12.5px; padding:7px 12px; border-radius:100px; border:0.5px solid var(--border);
  background:transparent; color:var(--text-soft); cursor:pointer; }
.pillrow button[aria-pressed="true"] { background:var(--tint); color:var(--gold); border-color:var(--gold); }
#room-form .pillrow { margin:0 0 10px; }
.tier { display:grid; grid-template-columns:1.4fr 0.8fr 1fr auto; gap:8px; margin-bottom:8px; }
.tier .btn { padding:8px 11px; }
.offer-page .op-name { font-family:'Playfair Display',serif; font-size:24px; margin:6px 0 8px; }
.offer-page .op-result { font-size:15px; color:var(--text); margin-bottom:10px; }
.offer-page p { margin-bottom:6px; }
.op-inc { margin:10px 0 10px 18px; font-size:13px; color:var(--text-soft); line-height:1.8; }
.op-tiers { display:grid; gap:8px; margin-top:10px; }
.op-tiers > div { display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border:0.5px solid var(--border); border-radius:8px; font-size:13px; }
.op-tiers small { color:var(--muted); }
.op-g { margin-top:10px; font-size:12.5px; color:var(--text-soft); }
#ob-checks ul { margin:8px 0 0 18px; font-size:13px; color:var(--text-soft); line-height:1.7; }
#ob-checks .ok { font-size:13px; }
.script-h { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.script pre { white-space:pre-wrap; font-family:'Inter',sans-serif; font-size:13px; line-height:1.65; color:var(--text-soft); margin-top:10px; }
.room-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; }
.room-kind { font-size:11px; padding:3px 9px; border-radius:100px; background:var(--tint); color:var(--gold); border:0.5px solid var(--border); }
.room-when { font-size:11.5px; color:var(--muted); }
.room-body { white-space:pre-wrap; margin:10px 0; font-size:14px !important; color:var(--text) !important; }
.room-del, .room-toggle { background:none; border:none; color:var(--muted); font-family:'Inter',sans-serif; font-size:12px; cursor:pointer; padding:0; }
.room-del { margin-left:auto; }
.room-toggle:hover, .room-del:hover { color:var(--gold); }
.room-replies { margin-top:10px; padding-left:12px; border-left:2px solid var(--border); }
.room-reply { font-size:13px; margin-bottom:10px; color:var(--text-soft); }
.room-reply > div { white-space:pre-wrap; margin-top:3px; color:var(--text); }
.room-reply-form { display:flex; gap:8px; margin-top:8px; }
@media (max-width: 860px) {
  .bld-grid { grid-template-columns:1fr; }
  .bld-side { position:static; }
  .tier { grid-template-columns:1fr 1fr; }
}

/* Welcome dialog + "Start here" (2026-09-27) */
.intro-dlg { width:min(620px, calc(100vw - 24px)); max-height:calc(100vh - 32px); background:var(--dark2); color:var(--text);
  border:0.5px solid var(--border); border-radius:14px; padding:26px; overflow-y:auto; overscroll-behavior:contain; }
.intro-dlg::backdrop { background:rgba(0,0,0,0.72); }
.intro-h { font-family:'Playfair Display',serif; font-size:26px; margin:6px 0 8px; }
.intro-p { font-size:13.5px; color:var(--text-soft); line-height:1.6; margin-bottom:18px; }
.intro-share { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-soft); margin:4px 0 16px; }
.intro-share input { accent-color:var(--gold); width:16px; height:16px; }
.intro-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rm-start { border-left-color:var(--gold-light); }
.start-row { align-items:center; }
.start-row > span:nth-child(2) { flex:1; }
.start-ic { width:18px; text-align:center; flex:none; }
.start-btn { padding:7px 14px; font-size:12px; }