/* ShiftFlow 15.0 – Cloud-Status */
.cloud-status-badge{
  position:fixed;
  right:18px;
  top:18px;
  z-index:1600;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 11px;
  border:1px solid var(--app-border);
  border-radius:999px;
  cursor:pointer;
  color:var(--app-text-soft);
  background:color-mix(in srgb,var(--app-surface) 92%,transparent);
  box-shadow:0 10px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
  font:inherit;
  font-size:9px;
}
.cloud-status-badge span{width:8px;height:8px;border-radius:50%;background:#9da1b3}
.cloud-status-badge[data-status="synced"] span{background:#4fd79a}
.cloud-status-badge[data-status="syncing"] span{background:#6fa8ff;animation:cloudPulse 1s infinite}
.cloud-status-badge[data-status="pending"] span{background:#ffb457}
.cloud-status-badge[data-status="offline"] span{background:#9da1b3}
.cloud-status-badge[data-status="error"] span{background:#ff786d}
.cloud-status-badge[data-status="conflict-resolved"] span{background:#d57cff}
@keyframes cloudPulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:760px){
  .cloud-status-badge{top:10px;right:10px;max-width:145px}
  .cloud-status-badge strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}