.response-meta { padding: var(--spacing-md) var(--spacing-lg); background-color: var(--bg-card); border-bottom: 1px solid var(--border-color); display: flex; align-items: center; gap: var(--spacing-lg); flex-wrap: wrap; }
.meta-item { font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary); }
.meta-item span { color: var(--text-primary); font-weight: 500; }
.response-actions { margin-left: auto; display: flex; gap: var(--spacing-sm); }
.btn-action { padding: var(--spacing-sm) var(--spacing-md); background-color: var(--bg-elevated); border: 1px solid var(--border-color); color: var(--text-secondary); font-family: var(--font-mono); font-size: 12px; cursor: pointer; border-radius: var(--radius-sm); transition: all 0.15s; display: flex; align-items: center; gap: var(--spacing-sm); }
.btn-action:hover { border-color: var(--accent); color: var(--accent); }

.response-search { padding: var(--spacing-sm) var(--spacing-lg); background-color: var(--bg-card); border-bottom: 1px solid var(--border-color); display: flex; align-items: center; gap: var(--spacing-sm); }
.response-search input { flex: 1; background-color: var(--bg-elevated); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 7px 10px; color: var(--text-primary); font-family: var(--font-mono); font-size: 12px; outline: none; }
.response-search input:focus { border-color: var(--accent); }
.response-search .match-count { font-family: var(--font-mono); font-size: 11px; color: var(--text-muted); white-space: nowrap; }

.json-viewer { font-family: var(--font-mono); font-size: 12px; line-height: 1.7; white-space: pre-wrap; word-break: break-word; }
.json-key { color: #7EE787; }
.json-string { color: #A5D6FF; }
.json-number { color: #79C0FF; }
.json-boolean, .json-null { color: #FF7B72; }
.json-bracket { color: #E6EDF3; }
mark.search-hit { background-color: rgba(0, 217, 255, 0.35); color: inherit; border-radius: 2px; }

.headers-table { width: 100%; border-collapse: collapse; }
.headers-table th, .headers-table td { text-align: left; padding: var(--spacing-md); font-family: var(--font-mono); font-size: 12px; border-bottom: 1px solid var(--border-color); }
.headers-table th { color: var(--text-secondary); font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; }
.headers-table td { color: var(--text-primary); }
.headers-table td:first-child { color: var(--accent); width: 40%; }
.raw-response { font-family: var(--font-mono); font-size: 12px; line-height: 1.7; white-space: pre-wrap; word-break: break-word; color: var(--text-primary); }

.test-result-row { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-md); border-bottom: 1px solid var(--border-color); }
.test-result-row .tr-desc { flex: 1; font-family: var(--font-mono); font-size: 12px; }
.test-result-row .tr-detail { font-size: 11px; color: var(--text-muted); margin-top: 2px; }