/* CX1: the Cancel demo window and the tray's Cancel link */
    .modal-cancel-demo .cancel-demo-label {
      margin: 14px 0 8px;
      font-weight: 600;
      font-size: 0.9rem;
      color: var(--text);
    }

    .modal-cancel-demo .choice-row {
      margin-bottom: 8px;
    }

    .modal-cancel-demo textarea {
      width: 100%;
    }

    .modal-cancel-demo .cancel-demo-callback {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 14px;
      margin-top: 12px;
    }

    .modal-cancel-demo .cancel-demo-callback .check-row,
    .modal-cancel-demo #cancel-demo-text-wrap {
      margin: 0;
    }

    .modal-cancel-demo #cancel-demo-text-wrap {
      margin-top: 12px;
    }

    .modal-cancel-demo .cancel-demo-callback input[type="date"] {
      width: auto;
      margin: 0;
    }

    .modal-cancel-demo .cancel-demo-effect {
      margin: 14px 0 0;
      font-size: 0.85rem;
      color: var(--muted);
    }

    .modal-cancel-demo .cancel-demo-effect:empty {
      display: none;
    }

    .modal-cancel-demo .btn-danger:disabled {
      opacity: 0.5;
      cursor: default;
    }

    .cal-tray-actions .cal-tray-cancel {
      margin-left: auto;
      color: var(--muted);
      font-size: 0.82rem;
    }

    .cal-tray-actions .cal-tray-cancel:hover {
      color: var(--danger);
    }