.maranto-update {
  box-sizing: border-box;
  width: min(420px, calc(100vw - 32px));
  margin: auto;
  padding: 28px 25px 24px;
  border: 1px solid #e0e6f0;
  border-radius: 24px;
  background: #fff;
  color: #142741;
  font-family: 'Vazirmatn', sans-serif;
  text-align: center;
  box-shadow: 0 24px 70px #07163233;
}
.maranto-update::backdrop { background: #091b3e80; backdrop-filter: blur(3px); }
.maranto-update-symbol { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 15px; border-radius: 18px; background: #dce7f7; color: #385c88; font: 42px/1 sans-serif; }
.maranto-update h2 { margin: 0; font-size: 19px; font-weight: 800; }
.maranto-update p { margin: 12px 0 20px; color: #52657f; font-size: 13px; line-height: 1.9; }
.maranto-update .maranto-update-message:empty { display: none; }
.maranto-update-actions { display: flex; gap: 10px; }
.maranto-update button { min-height: 45px; padding: 10px 16px; border: 0; border-radius: 12px; font: 700 13px 'Vazirmatn', sans-serif; cursor: pointer; }
.maranto-update-apply { flex: 1; background: #0b1f4b; color: #fff; }
.maranto-update-later { background: #edf1f7; color: #52657f; }
.maranto-update button:disabled { opacity: .65; cursor: wait; }
.maranto-update button:focus-visible { outline: 3px solid #1e8bff; outline-offset: 3px; }