@import '../../style/index';

.@{prefix-cls}-wgxw {
    &-content {
        max-height: 580px;
        padding: 10px 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px;
        overflow: auto;

        &-item {
            padding: 10px;
            display: flex;
            flex-direction: column;
            height: 263px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid #364e60;
            border-radius: 6px;
            &--active {
                border: 1px solid #55fff5;
            }
            &-img {
                height: 155px;
                margin-bottom: 8px;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            &-info1 {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 4px;
                & > span:nth-child(1) {
                    color: var(--info-color);
                    font-size: 16px;
                }
            }
            &-info2 {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 4px;
                & > span {
                    color: var(--info-color);
                }
                & > div {
                    color: var(--info-color);
                }
            }
            &-info3 {
                display: flex;
                gap: 8px;
                align-items: center;
                color: var(--info-color);
            }
            &-TO_BE_RESOLVED,
            &-PENDING {
                color: #faad14;
            }
            &-TO_BE_AUDITED {
                color: #faad14;
            }
            &-FAILED {
                color: #ff4d4f;
            }
            &-PASSED {
                color: #52c41a;
            }
            &-IGNORED {
                color: #999999;
            }
        }
    }
    .searchContent {
        &.blue {
            .ant-select-selector {
                background-color: rgba(0, 139, 237, 0.1);
                border: 1px solid #1464a6;
                color: white;
            }
        }
    }
}
.selectPopupClassName.blue {
    background-color: RGBA(30, 92, 147, 0.5);
    .ant-select-item {
        color: white;
    }
    .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
        background-color: RGBA(30, 92, 147, 0.5);
    }
    .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
        background: RGBA(30, 92, 147, 1);
    }
    .ant-empty-description,
    .ant-select-dropdown-empty {
        color: #74bbf4;
    }
}
