
.sync-panel {margin-top:13px;margin-bottom:20px;border-color:#33719f}
.sync-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.sync-heading h2{font-size:23px;color:#fff;margin:6px 0}
.sync-heading p{font-size:12px;color:#c4dff1;line-height:1.6;margin:6px 0}
.sync-heading button{background:#1476ca;color:#fff;font-size:13px;white-space:nowrap;border:1px solid #5ab9fa;border-radius:10px;padding:12px 16px;font-weight:750;cursor:pointer}
.sync-heading button:disabled{opacity:.6;cursor:progress}
.sync-privacy{font-size:12px;color:#b4d1ec;line-height:1.7;margin:15px 0 6px}
.sync-privacy strong{color:#f1f8ff}
#cloudSyncMessage{font-size:12px;color:#8dd4ff;margin:6px 0}
#cloudSyncMessage[data-error="yes"]{color:#ffd1d1}
.cloud-item .gallery-body{display:flex;flex-direction:column;gap:6px}
.cloud-item .gallery-body>small{color:#98c3df}
.cloud-item .gallery-body>p{white-space:pre-line}
.cloud-photo-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px}
.cloud-photo-stack img{width:100%;height:98px;object-fit:cover;border-radius:7px;border:1px solid #315e89}
.cloud-note{font-size:11px;color:#a3c7e4;margin:7px 2px;line-height:1.5}
.cloud-track{margin-bottom:12px}
.cloud-tag{font-size:11px;color:#96d8ff;font-weight:700}
.cloud-result-empty{background:#10253f;border:1px dashed #315783;border-radius:11px;padding:22px;color:#bed4e6;font-size:13px}
@media(max-width:600px){.sync-heading{align-items:stretch;flex-direction:column}.sync-heading button{width:100%}.cloud-photo-stack img{height:74px}}

.cloud-thumb-button{display:block;border:0;padding:0;background:transparent;cursor:zoom-in;border-radius:8px;overflow:hidden}
.cloud-thumb-button:focus-visible{outline:3px solid #7fcaff;outline-offset:2px}
.cloud-dialog{position:fixed;inset:0;margin:auto;max-width:min(92vw,900px);max-height:92vh;border:1px solid #4a89c0;border-radius:15px;padding:15px;background:#0a203b;color:#f6faff;box-shadow:0 18px 70px #0008}
.cloud-dialog::backdrop{background:#000c}
.cloud-dialog img{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:5px auto 0}
.cloud-dialog button{display:block;margin-left:auto;padding:8px 12px;color:white;background:#215f9a;border:1px solid #6fb6f3;border-radius:8px;cursor:pointer}
