@import "../../styles/variables";


.bizexaminer-api-credentials-table {

}

.bizexaminer-ac-table__table {
    border-collapse: collapse;
    width: 100%;

    th, td {
        padding: $gap $gap-large;

        font-size: 0.8125rem;
        text-align: left;
        border-bottom: 1px solid $table-border;

        > a:only-child {
            display: block;
        }

        //a {
        //    &:hover,
        //    &:focus {
        //        color: $studio-woocommerce-purple-70;
        //    }
        //}
    }

    th {
        padding: $gap-smaller $gap-large;
        background-color: #f8f9fa;
        font-weight: bold;
        white-space: nowrap;

        .components-button.is-button {
            height: auto;
            width: 100%;
            padding: $gap-smaller $gap-large $gap-smaller 0;
            vertical-align: middle;
            line-height: 1;
            border: none;
            background: transparent !important;
            box-shadow: none !important;
            align-items: center;

            // @todo Add interactive styles
            &:hover {
                box-shadow: none !important;
            }

            &:active {
                box-shadow: none !important;
            }
        }
    }

    tr:hover,
    tr:focus-within {
        background-color: $gray-200;

        td,
        th {
            background: transparent;
        }
    }

    tr.is-invalid {
        td.is-invalid {
            background-color: $error-light;
        }

        .bizexaminer-input {
            &.is-invalid input, input[aria-invalid="true"] {
                border-color: $error;
            }
        }
    }
}