.refresh-button[data-refreshing="true"] svg { animation: consumer-refresh-spin .75s linear infinite; }
@keyframes consumer-refresh-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .refresh-button[data-refreshing="true"] svg { animation: none; opacity: .6; } }
/* Installed apps have no browser reload toolbar. Keep this control on phones. */
@media (max-width: 760px) {
  body[data-product-shell] { min-width: 0; }
  .topbar { gap: 8px; padding-inline: 12px; flex-wrap: wrap; }
  .topbar .brand { display: grid; grid-template-columns: 25px auto; column-gap: 6px; row-gap: 2px; font-size: 20px; }
  .topbar .brand .environment-badge { grid-column: 1 / -1; justify-self: start; font-size: 8px; }
  .top-actions { gap: 4px; }
  .top-actions .credits-pill { min-height: 44px; }
  .top-actions .account-button, .top-actions .help-button { width: 44px; min-width: 44px; min-height: 44px; }
  .top-actions .refresh-button:not([hidden]) { display: grid; width: 44px; min-height: 44px; padding: 0; flex: 0 0 44px; }
}