.cloud-account{display:inline-flex;align-items:center;gap:7px;min-height:40px;max-width:180px;padding:7px 11px;border:1px solid #d8e7ec;border-radius:999px;background:rgba(255,255,255,.78);color:#356b89;font-size:12px;font-weight:700;box-shadow:0 3px 12px #416d8410}
.cloud-account .icon{width:17px;height:17px}
.cloud-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cloud-account.is-local{color:#647989}
.cloud-account.is-error{color:#a13f4d;border-color:#e7c5cb}
.cloud-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin-bottom:17px;border:1px solid #d9e6ed;border-radius:14px;background:#f2f9fc;color:#3a6072;font-size:12px}
.cloud-banner.is-warning{background:#fff8ee;border-color:#f2dfbb;color:#775f3e}
.cloud-banner.is-error{background:#fff2f2;border-color:#edc9cc;color:#873d47}
.cloud-banner .btn{min-height:36px;padding:5px 10px;font-size:12px;white-space:normal}
.cloud-account-detail{display:grid;gap:14px}
.cloud-account-detail>p{margin:0}
.cloud-account-detail .cloud-email{font-weight:700;color:#315f79;overflow-wrap:anywhere}
.cloud-account-detail .cloud-inline-actions{display:flex;gap:9px;flex-wrap:wrap}
.cloud-account-detail .cloud-inline-actions .btn{white-space:normal}
.cloud-member-list{display:grid;gap:7px;margin-top:10px}
.cloud-member{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:7px 10px;border:1px solid #e3ebef;border-radius:11px;font-size:13px;overflow-wrap:anywhere}
.cloud-member button{flex-shrink:0;color:#a13f4d;font-size:12px}
.cloud-help{font-size:12px;color:#647989;line-height:1.65}
.sign-in-gate{min-height:100dvh;display:grid;place-items:center;padding:clamp(22px,5vw,72px);background:radial-gradient(circle at 18% 17%,#fff9e6 0,transparent 27%),radial-gradient(circle at 84% 79%,#d7f2ef 0,transparent 30%),linear-gradient(150deg,#e6f6fc 0%,#f8fcfb 55%,#eaf4fe 100%)}
.sign-in-gate-card{width:min(100%,460px);padding:clamp(28px,5vw,48px);border:1px solid rgba(255,255,255,.94);border-radius:32px;background:rgba(255,255,255,.79);box-shadow:0 18px 58px rgba(44,113,150,.11),inset 0 1px 0 #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#244e68}
.sign-in-gate-brand{margin-bottom:34px}
.sign-in-gate-eyebrow{display:inline-block;margin-bottom:12px;color:#3481a3;font-size:12px;font-weight:800;letter-spacing:.12em}
.sign-in-gate h1{margin:0;font-size:clamp(30px,5vw,42px);line-height:1.22;letter-spacing:-.045em}
.sign-in-gate p{margin:18px 0 26px;color:#5e7887;font-size:15px;line-height:1.75}
.sign-in-gate .sign-in-gate-error{padding:11px 13px;border-radius:14px;background:#fff0ef;color:#9b414a;font-size:13px}
.sign-in-gate-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px}
.sign-in-gate-button:disabled{opacity:.62;cursor:wait}
.sign-in-gate small{display:block;margin-top:15px;color:#79909b;text-align:center;font-size:12px}
@media(max-width:720px){.cloud-account{max-width:122px;min-width:40px;padding:7px 9px}.cloud-account span{max-width:80px}.cloud-banner{align-items:flex-start;flex-direction:column}.cloud-banner .btn{align-self:flex-start}.topbar .top-actions{gap:7px}}
@media(max-width:370px){.cloud-account span{display:none}}