/* 상담 기록 카드 */
[data-app="consult-log"]{ display:flex; flex-direction:column; gap:10px; }
[data-app="consult-log"] p{ margin:0; }
[data-app="consult-log"] .cl-warn{ padding:6px 10px; border-radius:8px; background:#FDECEC; color:#9F1C1C; font-size:12.5px; font-weight:700; line-height:1.5; }
/* 칸 배치: 좁으면 약속 → 새 기록 → 찾기 → 목록 / 넓으면 왼쪽(약속·찾기·목록) · 오른쪽(넣기 칸) */
[data-app="consult-log"] .cl-main{ display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"prom" "tog" "form" "bar" "list"; gap:10px; align-items:start; }
[data-app="consult-log"] .cl-prom{ grid-area:prom; }
[data-app="consult-log"] .cl-tog{ grid-area:tog; }
[data-app="consult-log"] .cl-form{ grid-area:form; display:none; }
[data-app="consult-log"] .cl-form.is-open{ display:flex; }
[data-app="consult-log"] .cl-bar{ grid-area:bar; }
[data-app="consult-log"] .cl-listw{ grid-area:list; min-width:0; }
@media (min-width:860px){
  [data-app="consult-log"] .cl-main{ grid-template-columns:minmax(0,1fr) 320px; grid-template-rows:auto auto 1fr; grid-template-areas:"prom form" "bar form" "list form"; }
  [data-app="consult-log"] .cl-tog{ display:none; }
  [data-app="consult-log"] .cl-form{ display:flex; position:sticky; top:10px; }
  [data-app="consult-log"] .cl-cancel{ display:none; }
  [data-app="consult-log"] .cl-form.is-edit .cl-cancel{ display:inline-flex; }
}
/* 오늘·지난 약속 */
[data-app="consult-log"] .cl-prom{ padding:10px; border:1.5px solid #F2D9A0; border-radius:12px; background:#FFFCF3; min-width:0; }
[data-app="consult-log"] .cl-ph{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:14px; }
[data-app="consult-log"] .cl-pcount i{ display:inline-block; margin-right:4px; padding:0 7px; border-radius:999px; font-style:normal; font-size:12px; font-weight:800; line-height:1.7; }
[data-app="consult-log"] .cl-pcount i.late{ background:#B42318; color:#fff; }
[data-app="consult-log"] .cl-pcount i.today{ background:#F2C94C; color:#3D2E00; }
[data-app="consult-log"] .cl-psoon{ margin-left:auto; font-size:12px; color:#6B717B; }
[data-app="consult-log"] .cl-plist{ list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }
[data-app="consult-log"] .cl-pi{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; align-items:start; padding:6px 8px; border-radius:10px; background:#fff; border:1px solid #EFE3C2; border-left:4px solid #F2C94C; }
[data-app="consult-log"] .cl-pi.late{ border-color:#F1B4AE; border-left-color:#B42318; background:#FFF8F7; }
[data-app="consult-log"] .cl-pi.late .cl-pwhen{ color:#B42318; }
[data-app="consult-log"] .cl-pi.today .cl-pwhen{ color:#7A5B00; }
[data-app="consult-log"] .cl-pbody{ min-width:0; font-size:13.5px; line-height:1.45; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-ptodo{ color:#3B4049; }
[data-app="consult-log"] .cl-ptel{ font-size:12.5px; color:#4B5059; white-space:nowrap; }
[data-app="consult-log"] .cl-pnone{ margin-top:6px; font-size:13px; color:#555B64; }
[data-app="consult-log"] .cl-done{ display:inline-flex; flex-direction:column; align-items:center; justify-content:center; min-width:40px; min-height:40px; font-size:11px; font-weight:700; color:#555B64; cursor:pointer; }
[data-app="consult-log"] .cl-done input{ width:20px; height:20px; margin:0; accent-color:#0D7A43; cursor:pointer; }
/* 넣기 칸 */
[data-app="consult-log"] .cl-tog{ width:100%; }
[data-app="consult-log"] .cl-form{ flex-direction:column; gap:8px; min-width:0; padding:10px; border:1.5px solid #E3E5E9; border-radius:12px; background:#FAFBFC; }
[data-app="consult-log"] .cl-form.is-edit{ border-color:#2563EB; background:#F7FAFF; }
[data-app="consult-log"] .cl-fk{ font-size:14px; font-weight:800; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-g2{ display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; }
[data-app="consult-log"] .cl-g2w{ grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
[data-app="consult-log"] .cl-l{ display:flex; flex-direction:column; gap:3px; min-width:0; font-size:12.5px; font-weight:700; color:#4B5059; }
[data-app="consult-log"] .cl-l .ndt-in{ font-weight:400; }
[data-app="consult-log"] .cl-fb{ min-height:76px; }
[data-app="consult-log"] .cl-known{ padding:5px 9px; border-radius:8px; background:#EEF3FE; color:#1D3F8F; font-size:12.5px; line-height:1.5; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-seg{ display:flex; border:1px solid #D9DCE1; border-radius:9px; overflow:hidden; }
[data-app="consult-log"] .cl-seg button{ flex:1 1 0; min-width:0; min-height:40px; padding:0 4px; border:0; background:#fff; color:#3B4049; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
[data-app="consult-log"] .cl-seg button + button{ border-left:1px solid #D9DCE1; }
[data-app="consult-log"] .cl-seg button[aria-pressed="true"]{ background:#1A1A1A; color:#fff; }
[data-app="consult-log"] .cl-picks, [data-app="consult-log"] .cl-quick{ display:flex; flex-wrap:wrap; gap:4px; margin-top:-3px; }
[data-app="consult-log"] .cl-pick, [data-app="consult-log"] .cl-quick button{ min-height:32px; padding:0 10px; border:1px solid #D9DCE1; border-radius:999px; background:#fff; color:#3B4049; font-size:12.5px; font-weight:700; white-space:nowrap; cursor:pointer; }
[data-app="consult-log"] .cl-pick[aria-pressed="true"]{ border-color:#2563EB; background:#EEF3FE; color:#1D4ED8; }
[data-app="consult-log"] .cl-ferr{ font-size:12.5px; font-weight:700; color:#B42318; }
[data-app="consult-log"] .cl-ferr:empty{ display:none; }
[data-app="consult-log"] .cl-save{ flex:1 1 140px; }
/* 찾기 줄 */
[data-app="consult-log"] .cl-bar{ display:flex; flex-direction:column; gap:6px; min-width:0; }
[data-app="consult-log"] .cl-chip{ min-height:32px; padding:0 12px; border:1px solid #D9DCE1; border-radius:999px; background:#fff; color:#3B4049; font-size:13px; font-weight:700; white-space:nowrap; cursor:pointer; }
[data-app="consult-log"] .cl-chip[aria-pressed="true"]{ border-color:#1A1A1A; background:#1A1A1A; color:#fff; }
[data-app="consult-log"] .cl-csv{ margin-left:auto; }
/* 고객 이력 머리 */
[data-app="consult-log"] .cl-cust{ display:flex; flex-direction:column; gap:6px; margin-bottom:8px; padding:10px; border:1.5px solid #C9D6F2; border-radius:12px; background:#F7FAFF; }
[data-app="consult-log"] .cl-ct{ font-size:15px; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-cs{ font-size:12.5px; color:#4B5059; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-info{ margin-bottom:6px; font-size:12.5px; color:#6B717B; }
[data-app="consult-log"] .cl-info:empty{ display:none; }
[data-app="consult-log"] .cl-exnote{ margin-bottom:6px; padding:6px 10px; border-radius:8px; background:#FFF8E1; color:#7A5B00; font-size:12.5px; line-height:1.6; }
[data-app="consult-log"] .cl-exdel{ min-height:32px; margin-left:2px; padding:0 10px; border:1px solid #E2C766; border-radius:8px; background:#fff; color:#5C4300; font-size:12.5px; font-weight:700; cursor:pointer; }
/* 카드 */
[data-app="consult-log"] .cl-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
[data-app="consult-log"] .cl-card{ display:flex; flex-direction:column; gap:5px; padding:9px 11px; border:1px solid #E3E5E9; border-radius:12px; background:#fff; min-width:0; }
[data-app="consult-log"] .cl-card.is-edit{ outline:2px solid #2563EB; outline-offset:1px; }
[data-app="consult-log"] .cl-card.cl-flash{ animation:clFlash 1.3s ease-out; }
@keyframes clFlash{ 0%{ background:#FFF3C4; } 100%{ background:#fff; } }
[data-app="consult-log"] .cl-ch{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:13px; }
[data-app="consult-log"] .cl-date{ font-weight:700; color:#4B5059; font-variant-numeric:tabular-nums; }
[data-app="consult-log"] .cl-chb{ padding:0 7px; border-radius:6px; font-size:11.5px; font-weight:800; line-height:1.7; background:#EEF2FA; color:#314B86; }
[data-app="consult-log"] .cl-chb.ch-1{ background:#E5F4EC; color:#0D6638; }
[data-app="consult-log"] .cl-chb.ch-2{ background:#F3ECFB; color:#5B2C8F; }
[data-app="consult-log"] .cl-chb.ch-3{ background:#FFF1E0; color:#8A4B00; }
[data-app="consult-log"] .cl-namebtn{ min-height:32px; padding:0 4px; border:0; border-radius:6px; background:transparent; color:#1A1A1A; font-size:15px; font-weight:800; text-decoration:underline; text-decoration-color:#B9BEC7; text-underline-offset:3px; cursor:pointer; overflow-wrap:anywhere; text-align:left; }
[data-app="consult-log"] .cl-namebtn:hover{ color:#1D4ED8; text-decoration-color:currentColor; }
[data-app="consult-log"] .cl-known .cl-namebtn, [data-app="consult-log"] .cl-pbody .cl-namebtn{ font-size:inherit; min-height:32px; }
[data-app="consult-log"] .cl-tel{ color:#4B5059; white-space:nowrap; font-variant-numeric:tabular-nums; }
[data-app="consult-log"] .cl-tel a, [data-app="consult-log"] .cl-ptel a, [data-app="consult-log"] .cl-ct a{ color:inherit; text-decoration:none; border-bottom:1px dotted #9AA0A9; }
[data-app="consult-log"] .cl-cnt{ padding:0 7px; border-radius:6px; background:#F1F3F6; font-size:11.5px; font-weight:700; color:#4B5059; }
[data-app="consult-log"] .cl-ex{ padding:0 6px; border-radius:6px; background:#FFF1C2; color:#7A5B00; font-size:11px; font-weight:800; }
[data-app="consult-log"] .cl-body{ font-size:13.5px; line-height:1.6; color:#2B2F36; white-space:pre-wrap; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-res{ font-size:13px; color:#3B4049; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-res i{ display:inline-block; margin-right:4px; padding:0 6px; border-radius:6px; background:#F1F3F6; font-style:normal; font-size:11.5px; font-weight:800; color:#555B64; }
[data-app="consult-log"] .cl-next{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px; align-items:center; padding:2px 8px 2px 2px; border-radius:9px; background:#F4F6F9; font-size:13px; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-next.late{ background:#FDECEC; color:#9F1C1C; }
[data-app="consult-log"] .cl-next.today{ background:#FFF4CC; color:#5C4300; }
[data-app="consult-log"] .cl-next.soon{ background:#EEF3FE; color:#1D3F8F; }
[data-app="consult-log"] .cl-next.done{ color:#6B717B; }
[data-app="consult-log"] .cl-next.done p{ text-decoration:line-through; }
[data-app="consult-log"] .cl-acts{ display:flex; gap:6px; justify-content:flex-end; }
[data-app="consult-log"] .cl-acts .cl-del.ndt-arm{ width:auto !important; white-space:nowrap; }
[data-app="consult-log"] .cl-none{ padding:14px; border:1.5px dashed #D3D6DC; border-radius:12px; text-align:center; font-size:13px; color:#555B64; }
[data-app="consult-log"] .cl-tail{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding-top:8px; border-top:1px solid #EEF0F3; }
[data-app="consult-log"] .cl-msg{ font-size:12.5px; font-weight:700; color:#0D7A43; overflow-wrap:anywhere; }
[data-app="consult-log"] .cl-msg:empty{ display:none; }
[data-app="consult-log"] .cl-priv{ flex:1 1 100%; line-height:1.5; }
@media print{
  [data-app="consult-log"] .cl-tog, [data-app="consult-log"] .cl-form, [data-app="consult-log"] .cl-bar, [data-app="consult-log"] .cl-acts, [data-app="consult-log"] .cl-tail, [data-app="consult-log"] .cl-exnote, [data-app="consult-log"] .cl-cust .ndt-row{ display:none !important; }
  [data-app="consult-log"] .cl-main{ grid-template-columns:1fr !important; grid-template-areas:"prom" "list" !important; }
}