.table td.black-color {
    color: #36454F !important;
  }
.table {
    width: 100%;
    border-collapse: collapse;
  }
  .table-condensed tr {
    transition: box-shadow 0.3s, transform 0.3s;
  }
  .table-condensed tr:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-8px);
    background-color: #d0ecff !important;
  }
  .table th, .table td {
    padding: 12px 16px;
    background: #fefefe;
  }

  .table th {
    font-weight: 600;
    background: #f5f5f5;
  }

  .filters {
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
  .statusFilter {
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
    align-items: right;
    padding: 6px 10px; 
    border-radius: 6px; 
    border: 1px solid #ccc;
    
  }

  .status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
  }
  .dot-green {
    background-color: #52c41a;
  }
  .dot-red {
    background-color: #ff4d4f;
  }
  .dot-blue {
    background-color: #1890ff;
  }
  /* Target Page styling */

     .status-badge {
      position: absolute;
      top: 15px;
      left: 15px;
      padding: 5px 10px;
      border-radius: 5px;
      font-weight: bold;
      font-size: 0.8rem;
      color: #fff;
    }
    .status-active { background-color: #198754; }
    .status-resolved { background-color: #6c757d; }
    .mark-resolved-btn {
      position: relative;
      top: 15px;
     
      font-size: 0.7rem;
    }
    .modal-header {
      background-color: #343a40;
      color: #fff;
    }
    .modal-title {
      font-weight: bold;
    }
    .modal-dialog {
      max-width: 600px;
    }
    #imagePreview {
      display: none;
      width: 100%;
      max-height: 200px;
      object-fit: contain;
      margin-top: 10px;
      border: 1px solid #dee2e6;
      border-radius: 5px;
    }
    #submitSpinner {
      display: none;
    }
    .is-invalid {
      border-color: #dc3545;
    }
    .card-img-top-custom {
      height: 220px;
      object-fit: cover;
      border-top: 5px solid #b30000;
    }
     .target-card-wrapper {
      margin-bottom: 2rem !important;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }