#nutriscope-install-panel {
  box-sizing: border-box;
  width: 100%;
  max-width: 470px;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid #dcd6f3;
  border-radius: 16px;
  background: #ffffffd9;
  color: #34344f;
  font-family: system-ui, sans-serif;
}
#nutriscope-install-panel .nutriscope-install-content { display: flex; align-items: center; gap: 10px; }
#nutriscope-install-panel img { flex: none; width: 40px; height: 40px; border-radius: 10px; }
#nutriscope-install-panel .nutriscope-install-content > div { flex: 1; min-width: 0; }
#nutriscope-install-panel h2 { margin: 0 0 3px; font-size: 13px; font-weight: 750; line-height: 1.4; }
#nutriscope-install-panel p { margin: 0; font-size: 11px; color: #66617b; line-height: 1.5; }
#nutriscope-install-button { flex: none; border: 0; border-radius: 10px; background: #3426a6; color: #fff; padding: 10px 12px; min-height: 44px; font: 700 12px/1.4 system-ui, sans-serif; cursor: pointer; }
#nutriscope-install-button:hover { background: #4939bb; }
#nutriscope-install-button:focus-visible { outline: 3px solid #a99be7; outline-offset: 3px; }
#nutriscope-install-button:disabled { cursor: wait; opacity: .7; }
#nutriscope-install-help:not([hidden]) { display: block; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e8e3f6; }
@media (max-width: 480px) {
  #nutriscope-install-panel .nutriscope-install-content { flex-wrap: wrap; }
  #nutriscope-install-button { width: 100%; }
}