/* JSON row-editor widget styles — extracted from
   common/widgets/{array_of_objects,key_value,array}_json_widget.html.
   Hover-bg uses the --wv-n50 neutral (theme + dark-mode aware); the destructive
   affordance uses --bs-danger so it always reads danger-red. */

.aojson-table,
.kvjson-table,
.ajson-table {
    margin-bottom: 0.5rem;
}

.aojson-row:hover,
.kvjson-row:hover,
.ajson-row:hover {
    background-color: var(--wv-n50, #f8f9fa);
}

.aojson-index,
.ajson-index {
    font-weight: 500;
    vertical-align: middle;
}

.kvjson-remove,
.ajson-remove {
    padding: 0.25rem 0.5rem;
}

.kvjson-remove:hover,
.ajson-remove:hover {
    /* stylelint-disable-next-line declaration-no-important -- override Bootstrap .btn hover color so the destructive-action affordance always reads danger-red */
    color: var(--bs-danger, #dc3545) !important;
}