/* "What's new" update-available popup (Portal 2.5.0) — additive, self-contained.
   Reuses the shared --pb-* theme custom properties (dark/light/girly) so it
   looks correct in every theme without any theme-specific overrides here. */

.update-popup-overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:10050;
  background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  padding:16px;box-sizing:border-box;
}

.update-popup-dialog{
  background:var(--pb-surface,#111827);
  border:1px solid var(--pb-border,rgba(42,147,193,0.25));
  border-radius:16px;
  width:100%;max-width:420px;max-height:min(80vh,600px);
  overflow-y:auto;box-sizing:border-box;
  padding:24px;
  position:relative;
  box-shadow:0 24px 80px rgba(0,0,0,0.5);
  outline:none;
}

.update-popup-close{
  position:absolute;top:12px;right:12px;
  width:28px;height:28px;border-radius:8px;
  background:transparent;border:none;cursor:pointer;
  color:var(--pb-text-muted,#7d8fa3);
  font-size:20px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  font-family:inherit;
}
.update-popup-close:hover{background:var(--pb-surface-2,rgba(255,255,255,0.06));color:var(--pb-text,#e6edf3)}
.update-popup-close:focus-visible{outline:2px solid var(--pb-blue,#2a93c1);outline-offset:2px}

.update-popup-title{
  font-family:'Oswald',sans-serif;
  font-size:18px;font-weight:700;
  color:var(--pb-text,#e6edf3);
  margin:0 28px 14px 0;
  letter-spacing:0.02em;
}

.update-popup-body{margin-bottom:20px}

.update-popup-summary{
  font-size:13px;line-height:1.5;
  color:var(--pb-text-muted,#7d8fa3);
  margin:0 0 12px 0;
}

.update-popup-highlights{
  margin:0;padding:0 0 0 18px;list-style:disc;
}
.update-popup-highlights li{
  font-size:13px;line-height:1.6;
  color:var(--pb-text,#e6edf3);
  margin-bottom:6px;
}
.update-popup-highlights li:last-child{margin-bottom:0}

.update-popup-footer{display:flex;justify-content:flex-end}

.update-popup-gotit-btn{
  padding:10px 24px;
  background:linear-gradient(135deg,var(--pb-blue,#2a93c1),var(--pb-blue-dark,#1a6a8f));
  border:none;border-radius:10px;
  color:#fff;font-weight:700;font-size:13px;
  cursor:pointer;font-family:inherit;
  transition:opacity .2s;
}
.update-popup-gotit-btn:hover{opacity:0.85}
.update-popup-gotit-btn:focus-visible{outline:2px solid var(--pb-blue,#2a93c1);outline-offset:2px}

/* Mobile-safe: full-width-ish sheet, avoid overflow on small screens */
@media (max-width:480px){
  .update-popup-overlay{padding:12px;align-items:flex-end}
  .update-popup-dialog{max-width:100%;max-height:75vh;border-radius:16px 16px 0 0;padding:20px}
}