/* head_btns.css — 머리 줄 아이콘 단추 셋(필드·레이아웃·필터)과 행 높이 아이콘 단추 (2.202.0 · 링고 10-02 밤).
   ⚠ 세 단추 크기·모양을 한 자리에서 맞춘다 — 머리줄 규칙(.panel-head.tight .panel-actions button 등)보다 높은 자리. */
.panel-head .panel-actions button.head-ic, button.head-ic, button.ghost.funnel.head-ic {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 30px; height: 28px; padding: 0 .4rem; line-height: 1; --ic-size: 16px;
}
button.head-ic .chip { margin-left: 4px; padding: 0 5px; font-size: .7rem; }
/* 행 높이 — 아이콘 넷(글자 없음) */
.seg-switch.rowh-seg button { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 28px; padding: 0 .4rem; --ic-size: 18px; }

/* 보기 방식 — 이름 + 작은 글 두 줄 (베이직 · 어드밴스드) */
.seg-switch button.view-opt { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.15; padding: .2rem .7rem; }
.seg-switch button.view-opt small { font-size: .68rem; font-weight: 400; color: var(--muted); }

/* ⭐ 버그(링고 10-02 밤 「혼돈 그 자체」): 목록 | 시트 단추 묶음이 시트로 바꾸면 머리 줄 오른쪽 끝으로 갔다 —
   머리 줄이 space-between 이라 가운데 자식(.shot-mode)이 오른쪽 .panel-actions(시트 보기에서 숨김)가 빠지면 끝으로 밀렸다.
   목록/시트를 바꿔도 단추 자리가 안 움직이게: 왼쪽부터 쌓고(제목 → 목록|시트) 오른쪽 묶음만 auto 로 밀어 둔다. */
.panel-head:has(> .shot-mode) { justify-content: flex-start; }
.panel-head:has(> .shot-mode) > .panel-actions { margin-left: auto; }

/* 2.206.0 · 「+ 필터」 단추(table_frame.js filterBar) — 깔때기와 글 사이 */
.add-cond { display: inline-flex; align-items: center; gap: .25rem; }
.add-cond .ic { width: 15px; height: 15px; }

/* 2.207.0 · 레이아웃 단추 셋 아이콘(head_btns.js layoutIconBtn) — 머리 줄 단추와 같은 크기 · 줄 안에서 붙여 세운다 */
.viewbar button.layout-ic + button.layout-ic { margin-left: 2px; }
/* 2.207.0 · 「파이프라인 템플릿 없음」 글 + [적용] 단추(detail.js templateLine) */
.tpl-slot .tpl-none-word { margin-right: .4rem; }