/* Demo-only tweaks on top of the real board styles. */
body.bb-demo { overflow-x: hidden; }
body.bb-demo .app { padding-top: 14px; }
body.bb-demo .slogan { display: none; }
body.bb-demo .top-nav { display: none; }
body.bb-demo #addDividerBtn, body.bb-demo #deleteListBtn, body.bb-demo #orderListsBtn { display: none !important; }
body.bb-demo .demo-signup-btn { background: #ff7a1a !important; border-color: #ff7a1a !important; color: #120800 !important; font-weight: 700; }
.demo-signup { position: fixed; inset: 0; z-index: 20000; display: none; align-items: center; justify-content: center; background: rgba(5, 7, 10, 0.72); padding: 18px; }
.demo-signup.show { display: flex; }
.demo-signup-card { position: relative; max-width: 360px; width: 100%; background: #1a2030; border: 1px solid #ff7a1a; border-radius: 14px; padding: 22px 20px 18px; color: #e8edf5; font-family: Inter, "Segoe UI", system-ui, sans-serif; box-shadow: 0 20px 50px rgba(0,0,0,.5); text-align: center; }
.demo-signup-card h3 { font-size: 18px; margin-bottom: 8px; }
.demo-signup-card p { font-size: 14px; color: #b7c0cf; margin-bottom: 16px; line-height: 1.5; }
.demo-signup-actions { display: flex; gap: 10px; justify-content: center; }
.demo-signup-actions .btn { text-decoration: none; padding: 9px 18px; }
.demo-signup-go { background: #ff7a1a !important; border-color: #ff7a1a !important; color: #120800 !important; font-weight: 700; }
.demo-signup-x { position: absolute; top: 6px; right: 10px; background: none; border: 0; color: #8b97a8; font-size: 22px; cursor: pointer; }
body.bb-demo .demo-tut-btn { color: #ff7a1a !important; border-color: #ff7a1a !important; background: transparent !important; font-weight: 700; text-decoration: none; margin-left: auto; }
body.bb-demo .demo-tut-btn:hover { color: #ff9a4d !important; border-color: #ff9a4d !important; }
body.bb-demo .demo-tut-btn + .demo-signup-btn { margin-left: 10px; }
.demo-signup-card p.demo-signup-tut { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #2a3245; font-size: 13px; color: #b7c0cf; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.demo-signup-tutlink { color: #ff7a1a !important; border: 1px solid #ff7a1a !important; background: transparent !important; font-weight: 700; text-decoration: none; padding: 6px 14px !important; border-radius: 8px; }
.demo-signup-tutlink:hover { color: #ff9a4d !important; border-color: #ff9a4d !important; }

/* Sign-ups paused until LLC (2026-10-21): shadowed sign-up links/buttons. Undo: restore *.bak-20261021-signupgray */
.bb-signup-off { opacity: 0.4 !important; cursor: not-allowed !important; filter: grayscale(1); }