.cloud-user-badge { display:flex; align-items:flex-end; flex-direction:column; gap:1px; max-width:220px; color:var(--text-primary); }
.cloud-user-badge span { border-radius:999px; background:rgba(91,84,246,.12); color:#5148eb; padding:3px 8px; font-size:9px; font-weight:700; letter-spacing:.08em; }
.cloud-user-badge.admin span { background:rgba(0,153,102,.13); color:#00865a; }
.cloud-user-badge small { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }
.cloud-access-overlay { position:fixed; inset:0; z-index:100000; display:grid; place-items:center; background:rgba(242,241,247,.96); padding:24px; color:#13131a; }
.cloud-access-overlay section { width:min(420px,100%); border:1px solid #d9d7e2; border-radius:24px; background:#fff; padding:32px; text-align:center; box-shadow:0 24px 70px rgba(25,25,45,.16); }
.cloud-access-overlay img { width:170px; max-height:80px; object-fit:contain; }
.cloud-access-overlay h1 { margin:20px 0 8px; font-size:22px; }
.cloud-access-overlay p { margin:0 0 20px; }
.cloud-access-overlay button { border:0; border-radius:999px; background:#5b54f6; color:#fff; padding:11px 18px; font:inherit; font-weight:700; cursor:pointer; }
@media (max-width:720px) { .cloud-user-badge small { display:none; } .cloud-user-badge { max-width:none; } }