.mat-menu-card {
  padding: 10px 15px 5px;

  .kanban-statuses-label {
    width: 100%;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
  }
}

.wrapper-menu-kanban {
  padding-top: 15px;
}

.mat-menu-item-wrapper {
  display: grid;
  grid-template-areas:
    'nameText nameInput'
    'statusText statusInput'
    'statusOrderno ordernoInput'
    'colorText colorInput';
  grid-template-columns: min-content auto;
  grid-template-rows: min-content min-content min-content;

  .kanban-statuses-color {
    grid-area: colorText;
    font-weight: bold;
    white-space: nowrap;
  }

  .kanban-statuses-name {
    grid-area: nameText;
    font-weight: bold;
    white-space: nowrap;
  }

  .kanban-statuses-status {
    grid-area: statusText;
    font-weight: bold;
    white-space: nowrap;
  }

  .wrapper-input-kanban-name {
    grid-area: nameInput;
    max-width: 220px;
    padding-left: 3px;
  }

  .kanban-statuses-orderno {
    grid-area: statusOrderno;
    font-weight: bold;
    white-space: nowrap;
  }

  .wrapper-input-kanban-status {
    grid-area: statusInput;
    padding-left: 3px;
  }

  .wrapper-input-kanban-color {
    display: flex;
    grid-area: colorInput;
    flex-direction: column;
    justify-content: center;

    padding-left: 3px;
  }

  .wrapper-input-kanban-orderno {
    grid-area: ordernoInput;
    padding-left: 3px;
  }
}