.overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.32);
  display:flex; align-items:center; justify-content:center; padding:16px; z-index:50;
}
.overlay[hidden]{ display:none !important; }
.modal{
  width:90%; max-width:440px; background:var(--card); color:var(--text);
  border-radius:20px; padding:16px; box-shadow:var(--shadow);
}
.modal-title{ margin:0 0 8px; font-size:18px; font-weight:800; }
.modal-date{ margin:0 0 10px; color:var(--muted); font-size:14px; }
.modal-actions{ display:flex; gap:10px; }
.modal-actions .button{ width:auto; flex:1; font-size:16px; padding:12px 14px; }