.modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.35);
  align-items: center;
  justify-content: center;
}
.modal-box {
  width: 320px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  padding: 1.25rem;
}
.modal-title { font-family: Georgia, 'Times New Roman', serif; font-size: 1.1rem; margin-bottom: 0.5rem; text-align: left; }
.modal-message { color: var(--muted); font-size: 0.85rem; text-align: left; margin: 0 0 0.75rem; white-space: pre-line; }
.modal-input { margin: 0 0 0.75rem; }
.modal-actions { display: flex; justify-content: flex-end; gap: 0.5rem; }
.modal-actions button { width: auto; margin: 0; padding: 0.5rem 1rem; }
.modal-actions #modal-confirm.btn-danger { background: var(--accent); }
.modal-error { color: var(--accent); font-size: 0.85rem; text-align: left; margin: 0 0 0.75rem; }
.modal-list { list-style: none; margin: 0 0 1rem; padding: 0; max-height: 40vh; overflow-y: auto; text-align: left; }
.modal-list li { padding: 0.5rem 0; border-bottom: 1px solid var(--line); }
.modal-list li:last-child { border-bottom: none; }
.modal-list-name { display: block; color: var(--ink); font-size: 0.9rem; word-break: break-all; }
.modal-list-reason { display: block; color: var(--muted); font-size: 0.8rem; margin-top: 0.15rem; }
.modal-checkbox { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.9rem; font-size: 0.85rem; color: var(--muted); cursor: pointer; }
.modal-checkbox input { width: auto; display: inline-block; margin: 0; }