.cloud-login{max-width:520px;margin:6vh auto;padding:32px;background:#fff;border:1px solid #e5e1ec;border-radius:20px;box-shadow:0 12px 50px #18191d08}.cloud-login h1{font-size:30px}.cloud-login form,.cloud-login label,#cloudMemberForm{display:grid;gap:12px}.cloud-login form{margin:24px 0}.cloud-login p{line-height:1.6}.cloud-login .actions{flex-wrap:wrap}.cloud-person{font-size:12px;overflow-wrap:anywhere}.cloud-audit{padding:18px 0;border-bottom:1px solid #e5e1ec}.cloud-audit p{font-size:12px;color:#6d6478;line-height:1.6}.cloud-audit pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:340px;max-height:240px;overflow:auto;font:12px/1.5 system-ui}.cloud-audit td{vertical-align:top}.cloud-team-list{display:grid;gap:12px;margin:20px 0}.cloud-team-list article{padding:15px;border:1px solid #e5e1ec;border-radius:10px}.cloud-team-list p{overflow-wrap:anywhere}#cloudMemberForm{max-width:500px}#cloudMemberForm label{display:grid;gap:6px}#cloudMemberForm input[type=checkbox]{width:auto}@media(max-width:600px){.cloud-login{margin:20px 12px;padding:22px}.cloud-audit pre{max-width:200px}}

.cloud-login{position:relative}.cloud-login>.language-switch{position:absolute;top:30px;right:30px}.cloud-login>img{display:block;margin-bottom:18px}.cloud-login [hidden]{display:none}#modal>[data-close]{float:right;margin:0 0 12px 12px}

/* Account and connection status stay separate at every sidebar width. */
.side-bottom.cloud-sidebar-footer{display:grid;gap:14px;font-size:12px;line-height:1.5;min-width:0}
.cloud-account{display:flex;align-items:center;gap:10px;min-width:0}
.cloud-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #a495ff40;border-radius:11px;background:#a495ff18;color:#ddd5ff;font-size:13px;font-weight:650}
.cloud-account-details{display:grid;gap:2px;min-width:0}
.cloud-account-details strong{color:#f4f3f8;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.cloud-account-details>span{color:#aaa8b8;font-size:11px}
aside .cloud-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 12px;border:1px solid #ffffff26;border-radius:9px;background:#ffffff06;color:#d8d6e3;font-size:12px;font-weight:500}
aside .cloud-logout:hover{background:#ffffff10;border-color:#ffffff45}
.cloud-logout .nav-icon{width:16px;height:16px;flex:0 0 16px}
.cloud-sidebar-meta{display:grid;gap:3px;color:#aaa8b8;font-size:10px}
.cloud-sidebar-footer .connection-status{margin:0;padding-top:12px;border-top:1px solid #ffffff14;line-height:1.5;flex-wrap:wrap}
.cloud-sidebar-footer button:focus-visible{outline:2px solid #b3a5ff;outline-offset:3px}
@media(max-width:720px){.side-bottom.cloud-sidebar-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #ffffff1c;padding-top:14px}.cloud-sidebar-footer .cloud-logout{width:auto}.cloud-sidebar-footer .cloud-sidebar-meta{grid-column:1}.cloud-sidebar-footer .connection-status{border:0;padding:0;max-width:160px}}