.cloud-locked .app-container { visibility:hidden; pointer-events:none; }
#cloud-gate { position:fixed; inset:0; z-index:1000; overflow:auto; display:grid; place-items:center; background:#f8faf9; padding:24px; }
#cloud-gate[hidden] { display:none; }
.cloud-login { width:100%; max-width:430px; }
.cloud-login h1 { font-size:32px; margin-bottom:16px; }
.cloud-login h2 { font-size:19px; font-weight:400; margin-bottom:24px; }
.cloud-login form { display:grid; gap:16px; }
.cloud-login label { display:grid; gap:8px; font-size:14px; }
.cloud-login input { padding:12px; border:1px solid #cdd9d3; border-radius:6px; font:inherit; background:white; }
.cloud-login p { margin:16px 0; }
.cloud-login .btn { margin:6px 6px 6px 0; }
.cloud-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:10px 0; margin-bottom:20px; font-size:13px; border-bottom:1px solid #dce4df; }
.cloud-bar button { font:inherit; background:none; border:0; cursor:pointer; color:#385b49; text-decoration:underline; }
.cloud-bar a { color:#385b49; }
.cloud-bar .error { color:#ad4136; }
#cloud-conflict { width:100%; background:#fff0e9; padding:12px; }
#cloud-conflict p { margin-bottom:12px; }