/* Scoped so this prompt also works on pages outside the refreshed template. */
#tibiuAppUpdate {
  box-sizing: border-box; width: min(440px, calc(100% - 32px)); max-width: none;
  margin: auto; padding: 24px; border: 1px solid #e5e7eb; border-radius: 12px;
  background: #fff; color: #171a1c; box-shadow: 0 16px 48px rgb(0 0 0 / 14%);
  font-family: var(--ui-font, "Microsoft YaHei", sans-serif); text-align: left;
}
#tibiuAppUpdate::backdrop { background: rgb(0 0 0 / 38%); }
#tibiuAppUpdate h2 { margin: 0 0 10px; font-size: 18px; line-height: 1.5; font-weight: 600; color: #171a1c; }
#tibiuAppUpdate p { margin: 0; font-size: 14px; line-height: 1.7; color: #636b74; }
#tibiuAppUpdate .tibiu-update-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
#tibiuAppUpdate button { box-sizing: border-box; min-height: 40px; padding: 9px 16px; border: 1px solid #dde1e6; border-radius: 6px; background: #fff; color: #30353a; font: inherit; font-size: 14px; line-height: 20px; cursor: pointer; }
#tibiuAppUpdate button[data-update-now] { background: #1677ff; border-color: #1677ff; color: #fff; }
#tibiuAppUpdate button:hover:not(:disabled) { filter: brightness(.96); }
#tibiuAppUpdate button:focus-visible { outline: 2px solid #1677ff !important; outline-offset: 3px; }
#tibiuAppUpdate button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 719px) {
  #tibiuAppUpdate { margin: auto 12px 12px; width: calc(100% - 24px); padding: 20px; }
  #tibiuAppUpdate .tibiu-update-actions button { flex: 1; }
}