/* Isolated invitation surface; existing shell, dialogs and toast owners are untouched. */
#lmeAppSuggestion {
  position: fixed;
  z-index: 1040;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  width: min(360px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid var(--md3-outline-variant, #49454f);
  border-radius: 24px;
  background: var(--md3-surface-high, #2b2930);
  color: var(--md3-on-surface, #e6e0e9);
  box-shadow: 0 8px 28px #0004;
  font: 14px/1.45 system-ui, sans-serif;
  text-align: left;
  animation: lme-app-suggestion-enter 180ms ease-out;
}
#lmeAppSuggestion .lme-app-suggestion-copy { padding-right: 24px; }
#lmeAppSuggestion strong { display: block; font-size: 17px; font-weight: 600; }
#lmeAppSuggestion p { margin: 6px 0 18px; color: var(--md3-on-surface-variant, #cac4d0); }
#lmeAppSuggestion button, #lmeAppSuggestion a {
  box-sizing: border-box; font: inherit; cursor: pointer;
  min-height: 44px; border: 0; border-radius: 24px;
  background: transparent; color: var(--md3-primary, #d0bcff);
  text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 14px; touch-action: manipulation;
}
#lmeAppSuggestion .lme-app-suggestion-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
#lmeAppSuggestion .lme-app-suggestion-download { background: var(--md3-primary, #d0bcff) !important; color: var(--md3-on-primary, #381e72) !important; font-weight: 600; }
#lmeAppSuggestion .lme-app-suggestion-never { font-size: 12px; background: transparent !important; border: 0 !important; padding: 10px 0 0; min-height: 36px; color: var(--md3-on-surface-variant, #cac4d0); }
#lmeAppSuggestion .lme-app-suggestion-close { position: absolute; right: 8px; top: 8px; width: 44px; padding: 0; font-size: 24px; color: var(--md3-on-surface-variant, #cac4d0); }
#lmeAppSuggestion :is(a, button):focus-visible { outline: 2px solid var(--md3-primary, #d0bcff); outline-offset: 3px; }
#lmeAppSuggestion :is(a, button):hover { filter: brightness(1.1); }
@keyframes lme-app-suggestion-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) {
  #lmeAppSuggestion { right: 16px; left: 16px; width: auto; bottom: max(20px, env(safe-area-inset-bottom)); padding: 18px; border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) { #lmeAppSuggestion { animation: none; } }