/* ─── 외부 API 호출 로그 페이지 ───
   드로어는 공통 drawer_* 클래스를 재사용하고,
   메타 정보는 rsv_info_table 패턴, 바디 미리보기는 고유 클래스를 사용한다.
   ============================================================ */

/* ── 테이블 행: 클릭 가능 ─── */

.eal_row_clickable {
  cursor: pointer;
}

/* ── 테이블 에러 텍스트 ─── */

.eal_error_text {
  color: var(--c-red-600);
}

.dark .eal_error_text {
  color: var(--c-red-400);
}

/* ── 필터 파트너코드 인풋 ─── */

.eal_filter_partner {
  max-width: 11.25rem;
}

/* ── 드로어 패널: wide 사이즈 ─── */

.eal_drawer {
  max-width: 52rem;
}

/* ── 바디 미리보기 (요청/응답) ─── */

.eal_body_section {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.eal_body_header {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.eal_body_label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--c-text-1);
}

.eal_body_copy_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  border-radius: var(--radius-md);
  background: none;
  color: var(--c-text-3);
  cursor: pointer;
  transition: color var(--duration-fast) var(--ease-default),
    background-color var(--duration-fast) var(--ease-default);
}

.eal_body_copy_btn:hover {
  color: var(--c-primary-600);
  background-color: var(--c-primary-50);
}

.dark .eal_body_copy_btn {
  color: var(--c-text-3);
}

.dark .eal_body_copy_btn:hover {
  color: var(--c-primary-400);
  background-color: var(--c-surface-2);
}

.eal_body_pre {
  background-color: var(--c-gray-50);
  border: 1px solid var(--c-line);
  border-radius: var(--radius-lg);
  padding: 0.75rem 1rem;
  font-size: 0.75rem;
  font-family: 'Menlo', 'Consolas', 'Monaco', monospace;
  line-height: 1.5;
  max-height: 16rem;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-all;
  color: var(--c-text-1);
  margin: 0;
}

.dark .eal_body_pre {
  background-color: var(--c-surface-2);
  border-color: var(--c-border);
}

.eal_body_empty {
  color: var(--c-text-4);
  font-style: italic;
}

/* ── info table 내 에러 텍스트 강조 ─── */

.eal_info_error {
  color: var(--c-red-600);
  word-break: break-all;
}

.dark .eal_info_error {
  color: var(--c-red-400);
}