@layer components {
  .pwa-install { padding: 8px 12px; font-size: .85rem; white-space: nowrap; }
  .pwa-hint { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; background: var(--tint); color: var(--ink); border-top: 1px solid var(--line); font-size: .9rem; }
  .pwa-hint button { flex-shrink: 0; padding: 8px 12px; }
  .pwa-offline { padding: 12px 20px; margin: 0; background: var(--warm); color: var(--ink); font-size: .9rem; }
  .pwa-offline a { color: var(--accent); text-decoration: underline; }
}