/* ============================================================
   M3 Components — 앱 컴포넌트 (Tabulator 스킨 제외)
   Tabulator 스킨은 grid_skin.css 단일 소유(2026-07-29 이관).
   ============================================================ */

/* ── 스큐어모픽 칩 버튼 (print_setup 등) ── */
.att-chip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--md-sys-color-outline-variant);
  background: linear-gradient(180deg, var(--md-sys-color-surface-container-lowest, #fff) 0%, var(--md-sys-color-surface-container-low) 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 1px 2px rgba(0,0,0,.08);
  min-height: 30px;
  padding: 0 10px;
  transition: all 0.14s ease;
  white-space: nowrap;
  cursor: pointer;
}
.att-chip-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 6px 12px rgba(0,0,0,.10);
}
.att-chip-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0,0,0,.10) inset;
}
.att-chip-btn[data-selected="true"] {
  color: var(--md-sys-color-on-primary);
  border-color: var(--md-sys-color-primary);
  background: linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-primary) 80%, white) 0%, var(--md-sys-color-primary) 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,0.28) inset, 0 4px 10px color-mix(in srgb, var(--md-sys-color-primary) 32%, transparent);
}

/* ── 매물장 출력 설정 (print_setup) ── */
.print-setup-header {
  background: linear-gradient(180deg, var(--md-sys-color-surface-container-low) 0%, var(--md-sys-color-surface-container) 100%);
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}