#stag-update-banner {
  box-sizing: border-box; position: fixed;
  top: calc(max(env(safe-area-inset-top, 0px), var(--native-safe-top, 0px)) + 76px);
  right: max(12px, env(safe-area-inset-right, 0px), var(--native-safe-right, 0px));
  z-index: 1150; display: grid; grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px 12px; align-items: center;
  width: min(410px, calc(100% - 24px - max(env(safe-area-inset-left, 0px), var(--native-safe-left, 0px)) - max(env(safe-area-inset-right, 0px), var(--native-safe-right, 0px))));
  padding: 14px; border: 1px solid #756437; border-radius: 14px;
  color: #eef4f5; background: #152128; box-shadow: 0 12px 32px #0005;
  font: 14px/1.45 system-ui, sans-serif;
}
#stag-update-banner.stag-update-inline {
  position: relative; top: auto; right: auto; z-index: auto;
  width: 100%; margin: 0 0 20px; box-shadow: none;
}
#stag-update-banner img { width: 40px; height: 40px; border-radius: 9px; }
#stag-update-banner span { display: grid; min-width: 0; }
#stag-update-banner small { color: #e2c788; font-size: 11px; font-weight: 700; }
#stag-update-banner b { font-size: 17px; overflow-wrap: anywhere; }
#stag-update-banner em { color: #b7c8d0; font-size: 12px; font-style: normal; }
#stag-update-banner button {
  min-height: 44px; min-width: 44px; padding: 10px 14px; border: 1px solid #407875;
  border-radius: 9px; color: #d8fffc; background: #163438; font: inherit;
  font-weight: 700; cursor: pointer;
}
#stag-update-banner .stag-update-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#stag-update-banner .stag-update-later { background: transparent; }
#stag-update-banner button:focus-visible { outline: 3px solid #8de2da; outline-offset: 2px; }