/* smit-watch-button — build 1563. Иконка «глаз» + счётчик, активная зелёная. */
.swb {
  display: inline-flex; align-items: center; gap: 5px;
  min-width: 40px; height: 31px; padding: 0 10px;
  border: 1px solid #ced4da; border-radius: 6px;
  background: #fff; color: #6c757d;
  font-size: .85rem; line-height: 1; text-decoration: none;
  cursor: pointer; transition: background .15s, border-color .15s, color .15s;
}
.swb:hover { border-color: #43b77a; color: #43b77a; }
.swb:focus-visible { outline: 2px solid #43b77a; outline-offset: 1px; }
.swb i { font-size: .95rem; }

.swb-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 9px; font-size: .72rem; font-weight: 700;
  background: #eef2f6; color: #475569;
}

/* активная — фирменный зелёный */
.swb-on { background: #43b77a; border-color: #43b77a; color: #fff; }
.swb-on:hover { background: #37a06a; border-color: #37a06a; color: #fff; }
.swb-on .swb-count { background: #fff; color: #2d9a5f; }

/* тёмная тема */
[data-bs-theme="dark"] .swb,
.dark-theme .swb, body.dark-theme .swb {
  background: #23272d; border-color: #3d4658; color: #adb5bd;
}
[data-bs-theme="dark"] .swb-count,
.dark-theme .swb-count, body.dark-theme .swb-count {
  background: #2a2f37; color: #c7d1dc;
}
[data-bs-theme="dark"] .swb-on,
.dark-theme .swb-on, body.dark-theme .swb-on {
  background: #43b77a; border-color: #43b77a; color: #fff;
}

/* мобильно — компактнее */
@media (max-width: 575.98px) {
  .swb { height: 34px; padding: 0 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .swb { transition: none; }
}