/* V8.9 — new storage UI is neutral, independent of the client's guide. */
.cloud-dialog{color:#f4f4f4;background:#262626;border:1px solid #888;border-radius:10px;padding:0;width:min(720px,calc(100vw - 35px));max-height:90vh;box-shadow:0 30px 100px #000a;font:13px/1.55 'Segoe UI','Open Sans',Arial,sans-serif}
.cloud-dialog::backdrop{background:#000b}
.cloud-heading{padding:22px 25px 16px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #565656}
.cloud-heading h2{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin:0 0 5px}
.cloud-heading p{color:#d7d7d7;margin:0;font-size:12px}
.cloud-heading button,.cloud-dialog button{font:600 12px/1.2 'Segoe UI',sans-serif;cursor:pointer;color:#f5f5f5;border:1px solid #919191;background:#383838;border-radius:5px;padding:9px 12px}
.cloud-dialog button:disabled{opacity:.4;cursor:not-allowed}
.cloud-dialog button:hover:not(:disabled){background:#4e4e4e}
.cloud-dialog button.primary{background:#f0f0f0;color:#171717;border-color:#f0f0f0}
.cloud-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #565656}
.cloud-tabs button{border:0;border-radius:0;background:#292929;padding:15px}
.cloud-tabs button[aria-selected=true]{background:#3c3c3c;border-bottom:3px solid #f1f1f1}
.cloud-content{padding:22px 25px;max-height:55vh;overflow-y:auto}
.cloud-content[hidden]{display:none!important}
.cloud-content h3{margin:0 0 7px;font-size:15px}
.cloud-content p{font-size:12px;color:#dedede;margin:0 0 14px;line-height:1.6}
.cloud-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}
.cloud-buttons button{min-height:35px}
.cloud-hint{border:1px solid #666;border-radius:6px;background:#303030;padding:11px 13px;color:#e6e6e6;font-size:12px;line-height:1.6;margin-top:12px}
.cloud-dialog label{display:block;font-size:12px;font-weight:700;margin:14px 0 5px}
.cloud-dialog input,.cloud-dialog select{width:100%;background:#171717;color:#fff;border:1px solid #999;border-radius:5px;padding:10px;font:12px 'Segoe UI',sans-serif}
.cloud-dialog input:focus-visible,.cloud-dialog select:focus-visible,.cloud-dialog button:focus-visible{outline:2px solid white;outline-offset:2px}
.cloud-status{border-top:1px solid #565656;padding:13px 25px;min-height:53px;font-size:12px;color:#e7e7e7;line-height:1.6}
.cloud-status[data-kind=error]{color:#ffe4d7}.cloud-status[data-kind=success]{color:#efffe9}
#cloud-save-open{white-space:nowrap}

/* v8.10.1: keep cloud storage as one simple save flow. */
.cloud-extra{margin-top:14px;border-top:1px solid #555;padding-top:10px;color:#e7e7e7}
.cloud-extra summary{cursor:pointer;font-size:12px;font-weight:600;padding:6px 0}
.cloud-tiny{font-size:11px!important;color:#c8c8c8!important;margin-top:16px!important}
.cloud-dialog button.cloud-linkish{background:transparent;border:0;padding:5px 0;text-decoration:underline;color:#e8e8e8}