.detail-task-container {
    padding: 20px;
  }
  
  .mat-card {
    margin: 20px 0;
    border-radius: 4px;
    border: 1px solid #ccc;
  }
  
  .mat-card-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
  }
  
  .mat-card-title {
    font-size: 20px;
    font-weight: bold;
  }
  
  .mat-card-subtitle {
    font-size: 14px;
    color: #666;
  }
  
  .mat-card-content {
    padding: 20px;
  }
  
  h3 {
    margin-top: 20px;
    font-size: 18px;
  }
  
  table {
    width: 100%;
    margin-top: 10px;
  }
  
  th.mat-header-cell {
    background-color: #f5f5f5;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
  }
  
  td.mat-cell {
    padding: 10px;
    border-bottom: 1px solid #ddd;
  }
  
  tr:hover {
    background-color: rgba(219, 219, 219, 0.5);
  }
  
  .task-actions {
    display: flex;
    justify-content: flex-end;
    padding: 10px 20px;
  }