/* data-view (pc | android | ios) do js/main.js gắn lên <html> */
.view {
  display: none;
}
[data-view="pc"] .pc {
  display: flex;
}
[data-view="android"] .store,
[data-view="ios"] .store {
  display: block;
}
[data-view="ios"] .android-only,
[data-view="android"] .ios-only {
  display: none !important;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

svg {
  fill: currentColor;
}
.icon-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Chấm "đang trực tuyến" của nút CSKH (PC + mobile), kích thước/vị trí do từng nơi đặt */
.online-dot {
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #22c55e;
  animation: online-pulse 1.8s ease-out infinite;
}
@keyframes online-pulse {
  from {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
  }
  70%,
  to {
    box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .online-dot {
    animation: none;
  }
}