@import url('../stars.css?v=3');
.cloud-dialog{width:min(620px,calc(100vw - 32px));box-sizing:border-box;max-height:85vh;overflow:auto}
.cloud-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.cloud-form{width:100%;display:grid;gap:16px}
.cloud-form label{display:grid;gap:8px;font-weight:600}
.cloud-form input{width:100%;box-sizing:border-box;min-height:44px}
.cloud-feedback{margin:0;padding:12px;border:1px solid;border-radius:4px;overflow-wrap:anywhere}
.cloud-feedback.pending{background:#edf5ff;border-color:#a8c8eb;color:#184e80}
.cloud-feedback.success{background:#edf8ef;border-color:#93c9a0;color:#205a31}
.cloud-feedback.error{background:#fff0f0;border-color:#e0a2a2;color:#8c2424}
.cloud-note{width:100%;margin:0 0 8px;font-size:14px}
.cloud-list{margin:16px 0}
.cloud-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #43506a}
.cloud-row>div{flex:1;min-width:0}
.cloud-row strong,.cloud-row small{display:block;overflow-wrap:anywhere}
.cloud-row small{margin-top:5px}
.cloud-dialog [role=status]{overflow-wrap:anywhere}
@media(max-width:520px){.cloud-row{flex-wrap:wrap}.cloud-row>div{flex-basis:100%}.cloud-controls>button{flex:1 1 140px}}
