.topbar-tools { display: flex; align-items: end; gap: 18px; }
 .cloud-nav { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; background: #087f8c; color: #fff; font-size: 14px; font-weight: 700; }
 .cloud-nav:hover { background: #0b9ca7; }
 .cloud-map { margin-top: 18px; scroll-margin-top: 18px; }
 .cloud-map iframe { display: block; width: 100%; height: 420px; border: 0; background: #dce8e8; }
 .cloud-map .actions { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
 .map-actions { display: flex; align-items: center; gap: 12px; }
 .map-link { color: #087f8c; font-size: 13px; font-weight: 700; white-space: nowrap; }
 .map-close { height: 32px; padding: 0 10px; border: 1px solid #d9e0df; background: transparent; color: #65737e; font-size: 13px; }
 .map-close:hover { background: #f4f6f5; }
 .cloud-summary { display: flex; justify-content: space-between; gap: 16px; padding-top: 12px; font-size: 13px; }
 .cloud-summary span { color: #65737e; }
 @media (max-width: 640px) { .topbar-tools { align-items: stretch; flex-direction: column; gap: 10px; } .cloud-nav { justify-content: center; } .cloud-map iframe { height: 320px; } .cloud-summary { align-items: start; flex-direction: column; gap: 6px; } }