/* Mein Zuhause – Sync-Status-Pille (unten rechts) */
.sync-pill{
  position:fixed; right:12px; bottom:12px; display:flex; align-items:center; gap:7px;
  background:rgba(17,24,39,.85); color:#e5e7eb; border:1px solid rgba(255,255,255,.12);
  border-radius:999px; padding:6px 12px; font:500 12px/1 system-ui,Segoe UI,Roboto,sans-serif;
  z-index:9999; backdrop-filter:blur(6px); box-shadow:0 4px 14px rgba(0,0,0,.25); cursor:pointer;
}
.sync-pill .sync-dot{ width:9px; height:9px; border-radius:50%; background:#9ca3af; transition:background .3s }
.sync-pill[data-status="ok"] .sync-dot{ background:#22c55e }
.sync-pill[data-status="syncing"] .sync-dot{ background:#eab308; animation:syncpulse 1s infinite }
.sync-pill[data-status="offline"] .sync-dot{ background:#6b7280 }
.sync-pill[data-status="error"] .sync-dot{ background:#ef4444 }
.sync-pill .sync-time{ color:#9ca3af }
@keyframes syncpulse{ 0%,100%{ opacity:1 } 50%{ opacity:.35 } }
:root.light .sync-pill{ background:rgba(255,255,255,.92); color:#111827; border-color:rgba(0,0,0,.1) }