/* WKPA Table Styles */
tr .wkpa-content {
    max-height: 60px; /* Adjust as needed */
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
}

tr.expanded .wkpa-content {
    max-height: 1000px; /* Adjust to a value larger than any expected content */
}

.wkpa-toggle-row td {
    text-align: center;
    padding: 5px;
    border-top: 1px solid #ddd;
}

.wkpa-toggle-view {
    cursor: pointer;
    color: #0073aa;
    text-decoration: underline;
}

/* Responsive Table Styles */
@media screen and (max-width: 782px) {
    #wkpa_table {
        display: block;
        width: 100%;
    }

    #wkpa_table thead {
        display: none;
    }

    #wkpa_table tbody, #wkpa_table tr, #wkpa_table td {
        display: block;
        width: 100%;
    }

    #wkpa_table tr {
        margin-bottom: 15px;
    }

    #wkpa_table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }

    #wkpa_table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 45%;
        padding-left: 15px;
        font-weight: bold;
        text-align: left;
    }
}