.json-tbl-input {
    border-color: var(--phoenix-emphasis-bg) !important;
    box-shadow: 0 0 0 0 !important;
}

/*.json-tbl-input:focus {*/
/*    border: var(--phoenix-border-width) solid var(--phoenix-border-color) !important;*/
/*    border-radius: 0.1rem !important;*/
/*}*/

.json-tbl {
    border-radius: 0.3rem;
    background: var(--phoenix-navbar-vertical-bg-color);
}

.json-tbl-header {
    background: rgb(var(--phoenix-secondary-light-rgb), 0.4);
}

/*.json-tbl-input-edit {*/
/*    border-color: var(--phoenix-emphasis-bg) !important;*/
/*    box-shadow: 0 0 0 0 !important;*/
/*}*/

.json-tbl-input-edit:focus {
    border: var(--phoenix-border-width) solid var(--phoenix-border-color) !important;
    border-radius: 0.1rem !important;
}

/*.json-tbl-row .json-delete{*/
/*    display: none;*/
/*}*/

/*.json-tbl-row:hover .json-delete{*/
/*    display: inline;*/
/*}*/

/* Add Pair Button Alignment Fix */
.btn-customapp-secondary.d-flex {
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
}

.btn-customapp-secondary .btn-icon-padding {
    display: flex;
    align-items: center;
    margin: 0;
}

/* Ensure modal KPI table Add Pair button is properly centered */
#add-kpi-modal-container .kpi-rating-json .btn-customapp-secondary {
    align-items: center;
    justify-content: flex-start;
    gap: 0.375rem;
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

#add-kpi-modal-container .kpi-rating-json .btn-customapp-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
}