/* App-origin UI: existing functional screens, without public-site furniture. */
.site-nav,.footer,.install-vynesem { display:none !important; }
.topbar { height:auto; min-height:62px; }
.topbar-inner { display:flex; flex-wrap:wrap; min-height:62px; padding:10px 0; }
.topbar-city { max-width:100%; }
body { background:#f6f8f5; }
.page { margin-top:18px; margin-bottom:32px; min-height:70vh; }
@media(max-width:600px) { .topbar-inner { gap:10px; } .topbar .brand-name { font-size:18px; } .account-nav { flex-wrap:wrap; margin-left:auto; } .topbar-city { order:3; width:100%; } }

/* App chrome supplies the brand and Back/Home controls. Keep the city picker. */
body[data-surface="app"] .topbar .brand { display:none; }
body[data-surface="app"][data-route="auth"] .account-nav { display:none; }
body[data-surface="app"] .topbar-inner { min-height:48px; padding:4px 0; }
body[data-surface="app"] .page { width:min(100% - 32px,900px); }
body[data-surface="app"] .auth-card { margin:6px auto 24px; padding:24px; box-shadow:none; }
body[data-surface="app"] .auth-card h1 { letter-spacing:-.04em; }
body[data-surface="app"] .role-choice { gap:10px; }
body[data-surface="app"] .role-option:has(input:checked) { background:#E0EFE1; border-color:#1F6849; }
body[data-surface="app"] .auth-card .button[type="submit"] { min-height:52px; background:#1F6849; border-radius:14px; }
@media(max-width:380px) { body[data-surface="app"] .auth-card { padding:19px; } }