/* ═══ UNGESENDETES: EIN PUNKT AM KONTO (js/sync.js, r-meldungen 2026-10-18) ═══
   Statt der Pille unten mittig („Offline", „Gespeichert" …): ein kleiner Punkt
   oben rechts am Avatar. Bronze = wartet auf den Server, Kupfer = braucht dich.
   Kein Text, keine Bewegung; die Liste kommt ueber das Konto. */
#avatar, #rail-avatar{position:relative;}
.av-sync{position:absolute; top:-1px; right:-1px; width:10px; height:10px; border-radius:50%;
  background:#b39a6b; box-shadow:0 0 0 2px var(--bg); pointer-events:none; z-index:2;}
.av-sync[data-art="problem"]{background:#c27a2c;}
/* Im Konto: eine ruhige Zeile unter dem Kopf, ein Tipp zeigt die Liste. */
.pf-sync{display:flex; align-items:center; gap:10px; width:100%; margin:2px 0 12px; padding:10px 12px;
  border-radius:12px; border:1px solid var(--line2); background:transparent; color:var(--ink2);
  font:500 14px/1.3 var(--ui, system-ui, sans-serif); text-align:left; cursor:pointer; min-height:44px;}
.pf-sync > i{flex:none; width:8px; height:8px; border-radius:50%; background:#b39a6b;}
.pf-sync[data-art="problem"] > i{background:#c27a2c;}
.pf-sync[data-art="problem"]{color:var(--ink);}
.pf-sync span{flex:1; min-width:0;}
.pf-sync .ic{flex:none; width:14px; height:14px; color:var(--ink3, var(--ink2));}

/* ── Die Liste (syncListeZeigen, aus dem Konto) ── */
.sy-zustand{margin:-2px 0 12px; color:var(--ink2); font-size:14px; line-height:1.45;}
.sy-liste{display:flex; flex-direction:column; gap:2px; max-height:min(52vh, 440px); overflow:auto; margin:0 -4px; padding:0 4px;}
.sy-z{display:flex; align-items:flex-start; gap:10px; padding:10px 2px; border-bottom:1px solid var(--line2); flex-wrap:wrap;}
.sy-z:last-child{border-bottom:0;}
.sy-z > i{flex:none; width:8px; height:8px; margin-top:6px; border-radius:50%; background:var(--bronze);}
.sy-wartet > i{background:#9a8f7c;}
.sy-problem > i{background:#c27a2c;}
.sy-fremd > i{background:transparent; border:1.5px solid #9a8f7c;}
.sy-t{flex:1 1 200px; min-width:0; display:flex; flex-direction:column; gap:2px;}
.sy-t b{font-weight:600; font-size:14.5px; color:var(--ink); overflow-wrap:anywhere;}
.sy-t small{font-size:12.5px; color:var(--ink2); line-height:1.4;}
.sy-k{display:flex; gap:8px; flex-wrap:wrap; margin-left:18px; width:100%;}
.sy-k button{font:500 13px/1 var(--ui, system-ui, sans-serif); padding:8px 12px; border-radius:999px; border:1px solid var(--line2);
  background:var(--panel); color:var(--ink); cursor:pointer; min-height:34px;}
.sy-k .sy-leise{color:var(--ink2); background:transparent;}
.sy-leer{color:var(--ink2); text-align:center; padding:18px 0;}

/* ── Ohne Netz: was das Netz braucht, ist gedaempft (offline.js, html.sk-offline) ──
   Ein Tipp darauf sagt „Braucht Internet" statt halb zu starten. */
html.sk-offline #ki-pill, html.sk-offline .kicmd-send, html.sk-offline .up-buy, html.sk-offline [data-braucht-netz],
html.sk-offline #kipalette .kp-a:not([onclick*="istory"]):not([onclick*="erlauf"]){opacity:.42; filter:saturate(.3);}