/* Central do Aplicativo - banner de instalação / notificações */
#appcenter-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 99999;
  max-width: 460px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #fff;
  color: #1f2937;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .22);
  font: 14px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  animation: appcenter-in .25s ease-out;
}
#appcenter-banner .appcenter-body { display: flex; flex-direction: column; gap: 4px; }
#appcenter-banner strong { font-size: 15px; }
#appcenter-banner span { color: #4b5563; }
#appcenter-banner .appcenter-actions { display: flex; gap: 8px; justify-content: flex-end; }
#appcenter-banner button {
  appearance: none;
  border: 0;
  border-radius: 8px;
  padding: 9px 16px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
#appcenter-banner .appcenter-primary { background: var(--appcenter-color, #0d6efd); color: #fff; }
#appcenter-banner .appcenter-secondary { background: #eef0f3; color: #374151; }
@keyframes appcenter-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { #appcenter-banner { animation: none; } }
@media (prefers-color-scheme: dark) {
  #appcenter-banner { background: #1f2430; color: #f3f4f6; border-color: rgba(255, 255, 255, .1); }
  #appcenter-banner span { color: #cbd2dc; }
  #appcenter-banner .appcenter-secondary { background: #2d3342; color: #e5e7eb; }
}