.ui-dialog.work-order-note-create-dialog {
    width: 90% !important;
    max-width: 800px;
    min-width: 280px;
    box-sizing: border-box;
    padding: 10px;
    max-height: 90vh;
    overflow-y: auto;
  }
  @media (max-width: 480px) {
    .ui-dialog.work-order-note-create-dialog {
      width: 95% !important;
      min-width: 260px;
      padding: 5px;
    }
    .ui-dialog .ui-dialog-content {
      padding: 10px;
    }
    .work-order-note-form textarea {
      width: 100%;
      max-height: 150px;
    }
  }
  .note {
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
  }