/* Compatibility for the real authenticated app and its database-backed forms. */
[hidden]{display:none!important}
body{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}
body>.sidebar{padding:20px 12px;gap:20px}
.brand{margin-bottom:4px}.brand .name{max-width:170px;overflow-wrap:anywhere}
#nav{display:grid;gap:3px}.nav-symbol{width:18px;font-size:17px;text-align:center}
.aside-bottom{margin-top:auto;color:var(--ink-3);font-size:11px;line-height:2;padding:12px}
.aside-bottom a{overflow-wrap:anywhere}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pos);margin-right:4px}
body>main>header{justify-content:space-between;gap:12px}
body>main>header>div{display:flex;gap:8px}
#notice{color:var(--accent);padding:0 32px;overflow-wrap:anywhere}
#notice:not(:empty){padding-top:14px;padding-bottom:14px}
#banner:empty{display:none}
#view .card{margin-bottom:18px}
.grid{display:grid;gap:24px;margin:24px 0}.grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.grid.tiles{gap:0}.home-grid{margin-top:28px}
.row,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.actions{justify-content:flex-start;margin-top:18px}
.split-line{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding:10px 0;font-size:13px}
.split-line span:last-child{font-family:var(--font-mono);white-space:nowrap}
.right{text-align:right}.scroll{overflow-x:auto}.inline-select{width:auto;min-width:130px}
.stat{font-variant-numeric:tabular-nums;font-size:32px;font-weight:500;letter-spacing:-.03em;margin:8px 0}
.subtitle{color:var(--ink-2)}.text-link{font-size:12px;color:var(--accent)}
.hero{background:var(--surface-2);border:1px solid var(--border);padding:22px;border-radius:var(--r-lg)}
input,select,textarea{max-width:100%}label{display:block;font-size:13px;margin:12px 0 6px}
input[type=checkbox]{width:auto!important;margin-right:9px;accent-color:var(--accent)}
.agreement li{margin:10px 0}.agreement ul{padding-left:20px}.agreement-checkbox{display:flex;align-items:center}
.message{margin:14px 0}.message small{font-size:11px}.message p{margin-top:5px}.message.ours{background:var(--accent-soft)}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 var(--font-mono);max-width:100%;margin:0}
body>main>footer{font-size:11px;color:var(--ink-3);padding:12px 32px 30px}
.login{max-width:760px;margin:30px auto}.login>h1{font:400 64px/1 var(--font-display);margin:22px 0}.login>.card{margin-top:28px}
.onboarding-mode{display:block}.onboarding-mode>aside,.onboarding-mode>main>header,.onboarding-mode>main>footer{display:none}
.onboarding-mode #view{padding:0;max-width:none}.onboarding-mode #notice{position:relative;z-index:20;background:var(--accent-soft)}
.onb-main{min-height:100vh}.progress-area{margin-top:32px}.onb-content{padding-top:26px;padding-bottom:20px}
.onb-content p{margin:12px 0}.onb-content h2{margin:16px 0 8px;font-size:15px}.onb-foot{margin-top:12px}
.onb-message{font-size:12px;margin-top:20px;border-top:1px solid var(--border);padding-top:15px}.onb-message summary{cursor:pointer;color:var(--accent)}
.onb-message p{margin:12px 0}.onb-message button{margin-top:10px}
.terms{font-size:13px;line-height:1.6}.how-it-works{padding-left:22px}.how-it-works li{margin:18px 0}.how-it-works p{font-size:14px}
.selling-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selling-options label{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;background:var(--surface);margin:0}
.preview-row .v{max-width:65%;overflow-wrap:anywhere;text-align:right}
.invite-top{flex-wrap:wrap}.invite-foot{flex-wrap:wrap}.invite-foot a{color:var(--accent)}
.pill.open,.pill.idea{color:var(--ink-2)}.pill.earning,.pill.active,.pill.approved,.pill.done,.pill.yes,.pill.revenue{color:var(--pos);background:var(--pos-soft)}
.pill.testing,.pill.live{color:var(--info);background:var(--info-soft)}.pill.vetoed,.pill.stopped,.pill.no{color:var(--neg);background:var(--neg-soft)}
.pill.paused{color:var(--warn);background:var(--warn-soft)}
@media(max-width:1000px){body{grid-template-columns:1fr}body>.sidebar{padding:4px;bottom:0}#nav{display:flex;overflow-x:auto;justify-content:space-around;gap:0;width:100%}#nav .sb-link{min-width:48px;justify-content:center;padding:12px 8px}.grid.two{grid-template-columns:1fr}.onb-main{min-height:100vh}.onb-content{padding-top:22px}.topbar{padding:12px 18px}.topbar #identity{max-width:55%;font-size:12px}.selling-options{grid-template-columns:1fr 1fr}.invite-grid{padding-top:30px}body>main>footer{padding-bottom:92px}}
@media(max-width:430px){.selling-options{grid-template-columns:1fr}.onb-top .wordmark{font-size:12px}.onb-top{gap:8px}.onb-top .btn{font-size:10px;padding:0 8px}.onb-foot{flex-wrap:wrap}.topbar button{font-size:10px;padding:0 7px}.tiles .tile-value{font-size:24px}.invite h1{font-size:50px}.onb-content h1{font-size:38px}}

#view .panel h2{font-size:16px;margin-bottom:12px}#view .panel p{margin:10px 0}#view .panel h3{font-size:13px;margin:14px 0 6px}.tiles{margin:24px 0}.tiles>.tile{border-radius:0}.tiles>.tile:first-child{border-radius:12px 0 0 12px}.tiles>.tile:last-child{border-radius:0 12px 12px 0}

/* Mobile navigation icons remain visible; no app navigation before login. */
@media(max-width:1000px){.sidebar .sb-link .nav-symbol{display:inline-block}body.signed-out>.sidebar{display:none}}