.task-inspection-detail {
  padding: 5px;
  background-color: transparent;
  min-height: 100vh;

  .info-card {
    margin-bottom: 24px;
    background-color: transparent;
    border: none;

    .ant-card-body {
      color: #fff;
    }

    .ant-form-item-label > label {
      color: rgba(255, 255, 255, 0.85);
    }

   .ant-input,
    .ant-picker {
      background-color: rgba(255, 255, 255, 0.04);
      border-color: rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.85);

      &:hover,
      &:focus {
        border-color: #1890ff;
      }
    }

    .ant-picker {
      .ant-picker-input > input {
        color: rgba(255, 255, 255, 0.85);
      }

      .ant-picker-suffix,
      .ant-picker-separator {
        color: rgba(255, 255, 255, 0.45);
      }

      .ant-picker-clear {
        background: #1a1a27;
        color: rgba(255, 255, 255, 0.45);
      }
    }

    .ant-input-textarea {
      .ant-input {
        min-height: 80px;
      }
    }

    .ant-picker-suffix {
      color: rgba(255, 255, 255, 0.45);
    }
  }

  

  .inspection-card {
    background-color: transparent;
    border: none;
   
   .category-tabs {
      display: flex;
      margin-bottom: 16px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      padding-bottom: 16px;

      .category-tab {
        padding: 8px 16px;
        cursor: pointer;
        position: relative;
        transition: all 0.3s;

        &:hover {
          color: #1890ff;
        }

        &.active {
          color: #1890ff;

          &::after {
            content: '';
            position: absolute;
            bottom: -16px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #1890ff;
          }
        }

        .category-label {
          color: rgba(255, 255, 255, 0.85);
        }

        .category-count {
          margin-left: 4px;
          color: rgba(255, 255, 255, 0.45);
        }

        &:hover .category-label,
        &.active .category-label {
          color: #1890ff;
        }
      }
    }

    .table-info {
      margin-bottom: 16px;

      .total-info {
        color: rgba(255, 255, 255, 0.65);
      }
    }

    .inspection-table {
      .ant-table {
        background-color: transparent;
        color: #fff;

        .ant-table-thead > tr > th {
          background-color: rgba(255, 255, 255, 0.04);
          color: rgba(255, 255, 255, 0.85);
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .ant-table-tbody > tr > td {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          color: rgba(255, 255, 255, 0.65);
        }

        .ant-table-tbody > tr:hover > td {
          background-color: rgba(255, 255, 255, 0.08);
        }
      }
    }
  }
}