/* ===== Modal shell (scoped) ===== */
.ms-modal{ position:fixed; inset:0; z-index:1000; display:grid; place-items:center;
  background:rgba(0,0,0,.55); opacity:0; pointer-events:none; transition:opacity .25s ease; }
.ms-modal[aria-hidden='false']{ opacity:1; pointer-events:auto; }
.ms-modal__overlay{ position:absolute; inset:0; }

.ms-modal__sheet{
  width:min(92vw, 500px); max-height:92vh; overflow:auto;
  background:var(--panel, rgba(255,255,255,.06));
  border:1px solid var(--border, rgba(255,255,255,.12));
  border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,.45);
  backdrop-filter:blur(30px) saturate(120%);
  padding:30px 30px;
  transform:translateY(8px) scale(.98); opacity:0;
  transition:transform .25s ease, opacity .25s ease;
}
.ms-modal[aria-hidden='false'] .ms-modal__sheet{ transform:none; opacity:1; }
.ms-modal__close{
  position:absolute; top:10px; right:10px; width:40px; height:40px;
  border-radius:12px; border:1px solid var(--border, rgba(255,255,255,.12));
  background:var(--panel, rgba(255,255,255,.06)); color:#fff; cursor:pointer;
}
@media (max-width:560px){
  .ms-modal__sheet{ width:100vw; max-height:82vh; border-radius:16px 16px 0 0; }
}