/* Results share the workspace surface; dividers separate values without cards. */
#jsonPathResults {
    background: transparent;
    border-bottom-color: #293241;
}

#jsonPathResults .results-header {
    min-height: 40px;
    padding: 4px 16px;
    border-bottom-color: #293241;
}

#jsonPathResults .results-heading { gap: 10px; }

#jsonPathResultsCount {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #99a6ba;
}

#copyAllResults,
#jsonPathResults .results-close {
    min-height: 32px;
    border: 1px solid transparent;
    background: transparent;
    color: #aebbd0;
}

#copyAllResults { min-width: 70px; padding-inline: 8px; }
#jsonPathResults .results-close { width: 32px; }

#copyAllResults:hover,
#jsonPathResults .results-close:hover {
    background: #ffffff08;
    color: #edf2ff;
}

#jsonPathResultsList { padding: 0 16px; }
#jsonPathResultsList .results-list { display: block; padding: 0; }

#jsonPathResultsList .result-item {
    margin: 0;
    padding: 8px 0;
    column-gap: 12px;
    row-gap: 0;
    border: 0;
    border-bottom: 1px solid #ffffff0c;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: background .15s;
}

#jsonPathResultsList .result-item:last-child { border-bottom-color: transparent; }

#jsonPathResultsList .result-item:hover,
#jsonPathResultsList .result-item:focus-within {
    background: #ffffff03;
    border-color: #ffffff0c;
}

#jsonPathResultsList .result-item.active {
    background: #818cf80a;
    border-color: #ffffff0c;
    box-shadow: none;
}

#jsonPathResultsList .result-summary { gap: 4px 9px; }

#jsonPathResultsList .result-value {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
}

#jsonPathResultsList .result-type {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #8f9bb0;
    font-size: 10px;
}

#jsonPathResultsList .result-detail { color: #8f9bb0; }
#jsonPathResultsList .result-actions { gap: 2px; }

#jsonPathResultsList .result-action {
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 7px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #a4b0c4;
}

#jsonPathResultsList .result-action:hover {
    background: #ffffff0a;
    border-color: transparent;
    color: #edf2ff;
}

#jsonPathResultsList .result-path-copy {
    min-height: 24px;
    color: #8f9eb5;
}

#jsonPathResultsList .result-path-copy code { font-size: 10px; }
#jsonPathResultsList .result-path-copy svg { opacity: .7; }

#jsonPathResults .results-footer {
    padding: 6px 16px;
    border-color: #293241;
}

/* Opacity keeps actions in the tab order and prevents layout shifts. */
@media (hover: hover) and (pointer: fine) {
    #jsonPathResultsList .result-actions,
    #jsonPathResultsList .result-path-copy svg {
        opacity: 0;
        transition: opacity .15s;
    }

    #jsonPathResultsList .result-item:hover .result-actions,
    #jsonPathResultsList .result-item:focus-within .result-actions,
    #jsonPathResultsList .result-item:hover .result-path-copy svg,
    #jsonPathResultsList .result-item:focus-within .result-path-copy svg { opacity: 1; }
}

@media (max-width: 600px) {
    #jsonPathResults .results-header,
    #jsonPathResults .results-footer { padding-inline: 12px; }
    #jsonPathResultsList { padding-inline: 12px; }
    #jsonPathResultsList .result-item { column-gap: 6px; }
    #jsonPathResultsList .result-path-copy { min-height: 32px; }
}

@media (any-pointer: coarse) {
    #jsonPathResultsList .result-actions,
    #jsonPathResultsList .result-path-copy svg { opacity: 1; }
    #jsonPathResultsList .result-path-copy { min-height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    #jsonPathResultsList .result-item,
    #jsonPathResultsList .result-actions,
    #jsonPathResultsList .result-path-copy svg { transition: none; }
}