.remote-mode #app{min-height:100vh}
#gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#192622}
#gate[hidden]{display:none}
.gate-card{width:min(420px,100%);background:#fff;border-radius:12px;padding:24px;display:grid;gap:8px;color:#17211e}
.gate-card h1{margin:0;font-size:1.4rem}
.gate-env{margin:0 0 8px;color:#4b5a55;font-size:.875rem}
.gate-msg{margin:0;padding:10px 12px;border-radius:8px;background:#fdf1d8;border:1px solid #bda873;font-size:.9rem}
.gate-card label{font-size:.875rem;font-weight:600;margin-top:6px}
.gate-card input{min-height:44px;font-size:16px;padding:0 12px;border:1px solid #8a9690;border-radius:8px}
.gate-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.gate-actions .btn{min-height:44px;flex:1}
#remote-banner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 16px;background:#fdf1d8;border-bottom:1px solid #bda873;font-size:.8125rem}
#remote-banner span{flex:1 1 260px}
.remote-mode .view-switch,.remote-mode .proto-tag{display:none}
.remote-mode .worker-role-controls{display:none}
.gate-note{margin:0;padding:10px 12px;border-radius:8px;background:#e6f0ea;border:1px solid #6f9c85;font-size:.9rem}
.invite-dialog{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:16px;background:rgba(25,38,34,.82)}
.invite-dialog select,.invite-dialog input[type=text]{min-height:44px;font-size:16px;padding:0 12px;border:1px solid #8a9690;border-radius:8px}
.invite-result{display:grid;gap:8px;margin-top:8px}
.remote-supervisor a[href="#money"],.remote-supervisor a[href="#leads"],.remote-supervisor a[href="#plan"],.remote-supervisor a[href="#settings"],.remote-supervisor a[href="#setup"],.remote-supervisor a[href="#purchasing"]{display:none}