.cloud-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f5f5fb,#e8ebf5)}
.cloud-gate[hidden]{display:none}
.app-shell[hidden]{display:none!important}
.cloud-gate-card{width:min(520px,100%);padding:30px;border:1px solid #fff;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(65,63,112,.15)}
.cloud-gate-brand{display:flex;align-items:center;gap:9px;margin-bottom:27px;color:#514b8a;font:800 22px var(--display)}
.cloud-gate-brand .brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#565194;color:#fff}
.cloud-gate h1{margin:0 0 8px;color:#484777;font:800 25px var(--display);letter-spacing:-.6px}
.cloud-gate p{margin:0 0 20px;color:#8584a1;font-size:13px;line-height:1.65}
.cloud-gate .form-field{margin:16px 0}
.cloud-gate .cloud-gate-meta{margin-top:14px;color:#9291a9;font-size:11px;overflow-wrap:anywhere}
.cloud-gate .cloud-gate-error{padding:11px 13px;border-radius:11px;background:#fbf1ef;color:#995c55;font-size:12px;line-height:1.55}
.cloud-gate .cloud-gate-list{display:grid;gap:9px;margin:16px 0}
.cloud-gate .cloud-household-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid #e8e8f1;border-radius:13px;background:#fff;text-align:left;color:#514f80}
.cloud-gate .cloud-household-option:hover{border-color:#a9b9dc;background:#f8f9fd}
.cloud-gate .cloud-household-option strong{font-size:13px}
.cloud-gate .cloud-household-option span{color:#8a89a5;font-size:11px}
.cloud-gate .cloud-gate-divider{height:1px;margin:20px 0;background:#eeeeF5}
.cloud-gate .cloud-gate-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.cloud-gate .cloud-gate-actions>*{flex:1}
.cloud-gate .cloud-gate-note{margin:20px 0 0;padding-top:14px;border-top:1px solid #eeeef5;font-size:11px}
.cloud-top-action{padding:7px 10px;border:1px solid #e4e5f0;border-radius:9px;background:#fff;color:#565194;font-size:10px;font-weight:700;white-space:nowrap}
.cloud-top-action:hover{border-color:#b7c1e0;background:#f7f8fc}
.cloud-top-action[hidden]{display:none}
.profile-button .avatar[hidden]{display:none!important}
.cloud-top-quiet{background:transparent;color:#777694}
.sidebar-bottom{flex-wrap:wrap;row-gap:7px}
.sidebar-bottom .sync-dot.sync-error{background:#bd786c;box-shadow:0 0 0 4px rgba(189,120,108,.12)}
.sidebar-bottom .sync-dot.sync-busy{background:#d1aa55;box-shadow:0 0 0 4px rgba(209,170,85,.15)}
.sync-reload{padding:4px 7px;border:1px solid #e8d2ce;border-radius:7px;background:#fff8f6;color:#995c55;font-size:9px;font-weight:700}
.sync-reload[hidden]{display:none}
@media(max-width:850px){.cloud-gate-card{padding:24px 20px;border-radius:20px}.top-actions{gap:5px}.cloud-top-action{padding:6px 7px;font-size:9px}}
@media(max-width:580px){.cloud-gate{padding:14px}.cloud-gate-card{padding:21px 17px}.cloud-gate h1{font-size:22px}.cloud-top-action{font-size:0;width:30px;height:30px;padding:0;overflow:hidden}.cloud-top-action::first-letter{font-size:10px}.cloud-top-action[data-cloud-action="invite"]::after{content:'+';font-size:18px}.cloud-top-action[data-cloud-action="switch-household"]::after{content:'⌂';font-size:16px}.cloud-top-action[data-cloud-action="sign-out"]::after{content:'↪';font-size:16px}}

/* Keep the longer PUNYAKITA wordmark within the existing navigation. */
.brand{font-size:18px;letter-spacing:-.6px;gap:8px}.brand-mark{flex:0 0 31px}.cloud-gate-brand{font-size:20px;letter-spacing:-.4px}.mobile-brand strong{font-size:16px;letter-spacing:-.4px}