.cloud-account{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.cloud-dot{width:5px;height:5px;border-radius:50%;background:var(--tone-9)}.cloud-account.cloud-warning{border-color:var(--tone-7)}
.cloud-dialog{width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 30px);overflow:auto}.cloud-dialog h2{overflow-wrap:anywhere}.cloud-eyebrow{font:9px var(--mono);letter-spacing:1.2px;color:var(--tone-7);margin-bottom:10px}.cloud-dialog .cloud-note{font-size:11px;line-height:1.7;color:var(--tone-7);margin:14px 0}.cloud-dialog .field small{display:block;font-size:10px;color:var(--tone-7);line-height:1.6;margin-top:6px}.cloud-auth-tabs,.cloud-list-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:10px;margin:20px 0}.cloud-auth-tabs button,.cloud-list-tabs button{font-size:11px;padding:8px 12px;border-radius:5px}.cloud-auth-tabs [aria-pressed=true],.cloud-list-tabs [aria-pressed=true]{background:var(--tone-4);color:var(--tone-9)}.cloud-list-tabs>span{margin-left:auto;font-size:10px;color:var(--tone-7);align-self:center}.cloud-checkbox{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.6;margin:14px 0}.cloud-checkbox input{width:15px;height:15px;flex-shrink:0;accent-color:var(--tone-9)}
.cloud-account-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.cloud-account-heading h2{margin-bottom:0}.cloud-account-heading+p{margin-top:14px}.cloud-current{border:1px solid var(--line);background:var(--tone-1);border-radius:9px;padding:15px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cloud-current>div{flex:1;min-width:140px}.cloud-current strong{display:block;font-size:12px;overflow-wrap:anywhere}.cloud-current small{display:block;font-size:10px;color:var(--tone-7);margin-top:6px}.cloud-current .btn{font-size:11px}.cloud-project-list{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:8px}.cloud-project-row{padding:15px;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.cloud-project-row:last-child{border-bottom:0}.cloud-project-row>div:first-child{min-width:0}.cloud-project-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.cloud-project-row small{display:block;font-size:10px;line-height:1.6;color:var(--tone-7);margin-top:4px}.cloud-row-actions{display:flex;gap:6px;align-items:center}.cloud-row-actions .btn{font-size:10px;padding:7px 9px}.cloud-empty{padding:26px;font-size:12px;color:var(--tone-7);line-height:1.7;text-align:center}.cloud-error{font-size:12px;line-height:1.7;color:var(--tone-9);font-weight:550}.cloud-error:not(:empty){padding:10px;background:var(--tone-4);border-radius:5px}.cloud-key-actions{display:flex;gap:8px;flex-wrap:wrap}.cloud-footer{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.cloud-dialog button:disabled{opacity:.5;cursor:default}.cloud-dialog a.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.cloud-dialog #cloud-access-key{font:11px var(--mono)}
.cloud-footer{flex-wrap:wrap}
@media(max-width:680px){.cloud-dialog{padding:20px}.cloud-project-row{align-items:flex-start;flex-direction:column;gap:10px}.cloud-row-actions{width:100%;justify-content:flex-end}.cloud-account{font-size:10px;padding:7px}.cloud-account .icon{display:none}.cloud-current{padding:12px}.cloud-current>div{flex-basis:100%}.cloud-dialog .modal-actions{flex-wrap:wrap}}