/* ============================================================
   PWA — Hard Refresh Button
   ============================================================
   Source: css/styles.css lines 1988-2028
   ============================================================ */

.pwa-refresh-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--gold-dim, rgba(212,175,55,0.3));
  background: rgba(212,175,55,0.08);
  color: var(--gold, #D4AF37);
  cursor: pointer;
  padding: 0;
  margin-right: 0.4rem;
  transition: background 0.2s, transform 0.3s;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
.pwa-refresh-btn:hover,
.pwa-refresh-btn:active {
  background: rgba(212,175,55,0.2);
}
.pwa-refresh-btn.spinning svg {
  animation: pwa-spin 0.8s linear infinite;
}
@keyframes pwa-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
body.day-mode .pwa-refresh-btn {
  border-color: rgba(30,64,175,0.25);
  background: rgba(30,64,175,0.06);
  color: #1E40AF;
}
body.day-mode .pwa-refresh-btn:hover,
body.day-mode .pwa-refresh-btn:active {
  background: rgba(30,64,175,0.14);
}

/* Pull-to-Refresh REMOVED in v3.27 — using refresh button instead */