/* Styles of list/templates/list/delete_query.html, moved out of its inline <style>. */

  /* === Brandish, subtle modal styling === */
  .ws-modal {
	background: #ffffff;
	border-radius: 16px;
	border: 1px solid rgba(0,0,0,.06);
	box-shadow: 0 18px 48px rgba(0,0,0,.20);
	overflow: hidden;
  }

  .ws-modal__header {
	background: linear-gradient(135deg, #fea64d15 0%, #ffb97715 40%, #ffddb515 100%);
	border-bottom: 1px solid rgba(0,0,0,.06);
	padding: .9rem 1rem;
  }

  .ws-modal__header .modal-title {
	font-weight: 800;
	letter-spacing: .2px;
	color: #0b0d10;
  }

  .ws-modal__close {
	filter: none;
  }

  .ws-modal__body {
	padding: 1rem 1rem 0.5rem;
  }

  .ws-modal__hint {
	color: #555;
	font-size: .95rem;
  }

  .ws-modal__name {
	font-weight: 700;
	color: #111;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 10px;
	padding: .5rem .75rem;
  }

  .ws-modal__footer {
	border-top: 1px solid rgba(0,0,0,.06);
	padding: .75rem 1rem 1rem;
	display: flex;
	gap: .5rem;
	justify-content: flex-end;
  }

  .btn-outline-secondary {
	border-color: #d6d6d6;
	color: #333;
	background: #fff;
  }
  .btn-outline-secondary:hover {
	background: #f3f3f3;
	border-color: #cfcfcf;
	color: #111;
  }

  .btn-danger {
	background: #e63946;
	border: none;
	font-weight: 700;
  }
  .btn-danger:hover {
	background: #c92a36;
  }