.portfolio-update-reminder { margin:0 0 18px; }
.portfolio-update-reminder[hidden], .portfolio-update-reminder [hidden] { display:none; }
.portfolio-update-reminder-callout { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:18px; border:1px solid var(--border); border-inline-start:4px solid var(--primary); border-radius:var(--radius-md); background:var(--surface-soft); color:var(--text); }
.portfolio-update-reminder-copy { flex:1 1 320px; min-width:0; }
.portfolio-update-reminder-copy h2 { margin:0 0 8px; font-size:1.08rem; line-height:1.4; }
.portfolio-update-reminder-copy p { margin:0; color:var(--muted); line-height:1.5; }
.portfolio-update-reminder-actions { display:flex; flex-wrap:wrap; gap:10px; }
.portfolio-update-reminder-actions .button { min-height:44px; white-space:normal; }
.portfolio-update-reminder-status { margin:10px 0; line-height:1.5; color:var(--muted); overflow-wrap:anywhere; }
.portfolio-update-reminder-status.is-error { color:var(--text); }
.portfolio-update-reminder-status.is-silent { position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) {
  .portfolio-update-reminder-callout { padding:14px; gap:12px; }
  .portfolio-update-reminder-copy { flex-basis:100%; }
  .portfolio-update-reminder-actions { width:100%; }
  .portfolio-update-reminder-actions .button { flex:1 1 180px; }
}