/* 고객관리 화면과 해피콜/리콜 창의 모양. 클래스는 모두 .crm- 으로 시작한다 */
.crm { display: flex; flex-direction: column; min-height: 0; }
.crm > .tabs { flex: 1 1 0; min-height: 0; }
.crm-tabs > .tabs-body { display: flex; flex-direction: column; overflow: hidden; }
.crm-tabs > .tabs-body > * { flex: 1 1 0; min-height: 0; }

/* 탭 한 쪽: 위에 조건 줄, 아래에 높이를 채우는 표 */
.crm-page { display: flex; flex-direction: column; gap: 6px; min-height: 0; min-width: 0; height: 100%; }
.crm-bar { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-height: 26px; padding: 1px 6px; background: var(--head); border: 1px solid var(--line); white-space: nowrap; }
.crm-grow { flex: 1 1 0; min-height: 0; }
.crm-gap { margin-left: 8px; }
.crm-pt { cursor: pointer; }
.crm-pt:hover { color: var(--blue); text-decoration: underline; }
.crm-two { display: grid; gap: 6px; grid-template-rows: minmax(0, 1fr); min-height: 0; }
.crm-two > .panel > .panel-body { display: flex; flex-direction: column; }
.crm-two > .panel.flush .grid-wrap { border: 0; }
.crm-auto { grid-template-columns: 520px minmax(0, 1fr); }
.crm-noshow { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.crm-complaint { grid-template-columns: minmax(0, 1fr) 430px; }
.crm-sms { grid-template-columns: minmax(0, 1fr) 380px; }
.crm-sms > .col { min-height: 0; overflow: auto; }
.crm-cond { display: flex; flex-direction: column; gap: 4px; padding: 5px 6px; background: #f6f7fa; border: 1px solid var(--line); }
.crm-cond .row { min-height: 24px; }
.crm-preview { border: 1px solid var(--line-soft); background: #f6f7fa; padding: 5px 7px; min-height: 60px; white-space: pre-wrap; word-break: break-all; }

/* 입력 틀(이름표와 칸 두 열) */
.crm-form { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 5px 8px; align-items: center; }
.crm-phrases { display: flex; flex-wrap: wrap; gap: 2px; }

/* 리콜 표의 상태 고르기 */
select.crm-st { min-height: 20px; height: 20px; padding: 0 2px; font-size: 11px; }
select.crm-st.s-완료 { background: #e6f4ea; }
select.crm-st.s-보류 { background: var(--yellow); }
select.crm-st.s-취소 { color: var(--muted); }
.crm-bar > *, .crm-cond .row > * { flex: 0 0 auto; }
.crm-bar > .right { margin-left: auto; }
.crm-auto .panel:first-child table.grid td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 190px; }