.waypoint-cloud-modal { max-width: 980px; }
.waypoint-cloud-modal .modal-body { display: grid; gap: 18px; }
.waypoint-cloud-modal .modal-body > p { margin: 0; }
.cloud-project-list { display: grid; gap: 9px; max-height: 290px; overflow: auto; }
.cloud-project-row { display: flex; gap: 14px; justify-content: space-between; align-items: center; padding: 14px 16px; background: #203246; border: 1px solid #36536b; border-radius: 12px; }
.cloud-project-row strong, .cloud-project-row small { display: block; }
.cloud-project-row small { margin-top: 5px; color: #a8bdcb; font-size: 12px; }
.cloud-toolbar { display: flex; gap: 9px; flex-wrap: wrap; }
.cloud-invite { border-top: 1px solid #385069; padding-top: 16px; }
.cloud-invite h3, .cloud-readonly h3 { margin: 0 0 9px; }
.cloud-invite p { margin: 6px 0 11px; color: #abc0ce; }
.cloud-invite-fields, .cloud-link { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
.cloud-invite-fields input, .cloud-invite-fields select, .cloud-link input,
.cloud-invite textarea { background: #101c2a; color: #eef5fa; border: 1px solid #405b73; border-radius: 8px; padding: 11px; font: inherit; min-width: 165px; }
.cloud-invite-fields input { flex: 2; }
.cloud-link { margin-top: 11px; }
.cloud-link input { flex: 1; min-width: 220px; }
.cloud-invite textarea { display: block; margin-top: 8px; width: 100%; min-height: 80px; }
.cloud-status { padding: 12px 16px; border: 1px solid #5797a7; background: #153341; color: #d6f8f4; border-radius: 10px; }
.cloud-google { min-height: 45px; margin: 8px 0; }
.cloud-preview-table { max-height: 270px; overflow: auto; margin: 8px 0 16px; border: 1px solid #345268; border-radius: 10px; }
.cloud-preview-table table { width: 100%; border-collapse: collapse; min-width: 560px; }
.cloud-preview-table th, .cloud-preview-table td { padding: 9px 12px; text-align: left; border-bottom: 1px solid #34485b; }
.cloud-preview-table th { color: #b6d6e0; position: sticky; top: 0; background: #1d3144; }
.cloud-readonly { display: grid; gap: 6px; }
.cloud-readonly > p { margin: 0 0 10px; }
@media (max-width: 700px) {
  .waypoint-cloud-modal { max-height: 95vh; }
  .cloud-project-row { align-items: flex-start; flex-direction: column; }
  .cloud-toolbar > button, .cloud-invite-fields > * { width: 100%; }
}