/* ═══ 버튼 (freepasserp 동일 규격) ═══ */

.btn,
.inline-button,
.btn-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  min-width: var(--btn-min-width);
  min-height: var(--btn-height);
  height: var(--btn-height);
  padding: 0 var(--btn-padding-x);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-base);
  line-height: 1;
  border: var(--btn-border-width) solid var(--border-soft);
  border-radius: var(--radius-ui);
  background: var(--surface-base);
  color: var(--text-main);
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: -0.01em;
  transition: background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal);
}

.btn:hover,
.inline-button:hover {
  background: var(--interactive-hover-bg);
  border-color: var(--interactive-hover-border);
}

.btn:active,
.inline-button:active {
  background: var(--interactive-active-bg);
  border-color: var(--interactive-active-border);
}

.btn:disabled,
.inline-button:disabled {
  color: var(--text-muted);
  background: var(--surface-subtle);
  border-color: var(--border-soft);
  cursor: default;
}

/* ── 아이콘 전용 버튼 ── */
.btn-icon-only {
  min-width: var(--btn-height);
  width: var(--btn-height);
  padding: 0;
}

/* ── 톤 변형 ── */
.btn-tone-neutral {
  color: var(--text-main);
  background: var(--surface-base);
  border-color: var(--border-main);
}

.btn-tone-save {
  color: #166534;
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.btn-tone-save:hover {
  background: #dcfce7;
  border-color: #86efac;
}

.btn-danger {
  color: #b42318;
  background: #fef2f2;
  border-color: #fecaca;
}

.btn-danger:hover {
  background: #fee4e2;
  border-color: #fda29b;
}

/* ── 패널헤드 아이콘 버튼 ── */
.panel-head-actions .inline-button.btn-icon-only {
  background: transparent;
  border-color: transparent;
  color: var(--text-subtle);
  border-radius: var(--radius-xs);
}

.panel-head-actions .inline-button.btn-icon-only:hover {
  background: var(--interactive-hover-bg);
  border-color: transparent;
  color: var(--text-main);
}

.panel-head-actions .inline-button.btn-icon-only.btn-danger {
  color: var(--text-subtle);
}

.panel-head-actions .inline-button.btn-icon-only.btn-danger:hover {
  background: #fce8e6;
  color: #d93025;
}