.modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.modal[hidden] { display: none !important; }
.modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.65); }
.modal__panel {
  position: relative;
  z-index: 1;
  width: min(420px, 92vw);
  max-height: 90vh;
  overflow: auto;
  background: var(--panel-bg);
  border: 1px solid var(--panel-border);
  border-radius: 6px;
  padding: 16px 20px;
}
.modal__actions { display: flex; gap: .75rem; justify-content: flex-end; margin-top: 1rem; }
body.modal-open { overflow: hidden; }
.form-stack .field { margin-bottom: .75rem; }
.form-stack .field label { display: block; margin-bottom: .25rem; font-size: 12px; color: var(--text-muted); }
.form-stack .field input,
.form-stack .field select,
.form-stack .field textarea { width: 100%; max-width: none; }