/* ANUBHAB SYSTEM — additive styles for the sync/status bar and notify toggle.
   Existing assets/css/style.css is untouched; this file only adds new rules. */
.sync-bar{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:8px 22px; font-size:12.5px; color:var(--muted, #8a93a6);
  background:rgba(17,22,31,.55); border-bottom:1px solid var(--border, #232b3a);
}
.sync-bar .item{display:flex; align-items:center; gap:6px}
#syncDot{width:8px; height:8px; border-radius:50%; background:#8a93a6; transition:background .3s}
#notifyToggle{
  background:var(--panel2,#161c28); color:var(--text,#e7ecf5); border:1px solid var(--border,#232b3a);
  border-radius:20px; padding:4px 12px; font-size:12px; font-weight:600; cursor:pointer;
}
#notifyToggle.on{background:var(--accent,#22d3a8); color:#04140f; border-color:var(--accent,#22d3a8)}
#marketBadge.pill{font-weight:700}