/* ============================================================
   장선생수학 신입생 상담 — 스타일 (원본 파란 팔레트 그대로)
   기존 앱과 충돌 방지를 위해 모든 규칙을 #consultation-root 하위로 스코프.
   기존 앱의 폰트(Noto Sans KR)가 없다면 아래 @import 주석을 해제하세요.
   ============================================================ */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap'); */

#consultation-root{
  /* 장선생수학 앱 토스 톤으로 통일 (sky-blue + Pretendard) */
  --bg:#f4f7fb;--white:#fff;--border:#eef2f6;
  --accent:#4f8ec0;--accent-light:#e8f1fa;
  --success:#3aa981;--danger:#e0586b;--warning:#e89c3c;
  --text:#2c3540;--text-sub:#5a6572;--text-muted:#8b95a1;
  --radius:14px;--radius-lg:18px;
  --font:'Pretendard',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;
  --shadow:0 2px 10px rgba(0,0,0,.04);
  --shadow-md:0 4px 20px rgba(0,0,0,.06);
  font-family:var(--font);color:var(--text);
}
#consultation-root *{box-sizing:border-box}

/* ── 상단 탭 (시트 보기 / 간략 보기 …) ── */
#consultation-root .cns-tabs{display:flex;gap:5px;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:4px;margin-bottom:9px;box-shadow:var(--shadow);overflow-x:auto}
#consultation-root .cns-tab{flex:1;min-width:64px;padding:7px 8px;border:none;background:transparent;border-radius:9px;font-size:12.5px;font-weight:700;font-family:var(--font);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s}
#consultation-root .cns-tab.active{background:var(--accent-light);color:var(--accent)}

/* ── 필터 칩 ── */
#consultation-root .cns-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
#consultation-root .cns-chip{font-size:12px;font-weight:600;padding:6px 13px;border-radius:20px;border:1.5px solid var(--border);background:var(--white);color:var(--text-sub);cursor:pointer;font-family:var(--font);transition:all .15s;white-space:nowrap}
#consultation-root .cns-chip.active{background:var(--text);border-color:var(--text);color:#fff}
#consultation-root .cns-chip-sub.active{background:var(--accent);border-color:var(--accent)}

/* ── 검색 + 편집/추가 ── */
#consultation-root .cns-toolbar{display:flex;gap:6px;margin:6px 0 10px}
#consultation-root .cns-search{flex:1;padding:8px 12px;background:var(--white);border:1.5px solid var(--border);border-radius:10px;font-size:13px;font-family:var(--font);color:var(--text);outline:none;transition:border-color .2s}
#consultation-root .cns-search:focus{border-color:var(--accent)}
#consultation-root .cns-tool-btn{padding:8px 12px;background:var(--white);border:1.5px solid var(--border);border-radius:10px;font-size:12.5px;font-weight:700;font-family:var(--font);color:var(--text-sub);cursor:pointer;white-space:nowrap;transition:all .15s}
#consultation-root .cns-tool-btn:hover{border-color:var(--accent);color:var(--accent)}
#consultation-root .cns-tool-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
#consultation-root .cns-tool-btn.primary:hover{background:#3f7bb0}

/* ── 시트(테이블) — 전체 학생 명단(.sr-table) 톤 ── */
#consultation-root .cns-sheet-wrap{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden}
#consultation-root .cns-sheet-scroll{overflow:auto;max-height:65vh;-webkit-overflow-scrolling:touch}
#consultation-root table.cns-sheet{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px;white-space:nowrap}
#consultation-root .cns-sheet th{position:sticky;top:0;z-index:2;background:#e8f1fa;color:#3b7bb5;font-weight:800;font-size:13px;text-align:left;padding:10px 12px;white-space:nowrap;border:1px solid #cdd8e2}
#consultation-root .cns-sheet td{padding:9px 12px;border:1px solid var(--border);white-space:nowrap;color:var(--text);font-weight:500}
/* 정렬 헤더 + 엑셀식 편집 셀 + 좌우 스크롤바 */
#consultation-root .cns-sheet th.cns-th-sort{cursor:pointer;user-select:none}
#consultation-root .cns-sheet th.cns-th-sort:hover{background:#d9e9f6}
#consultation-root .cns-sort-arrow{font-size:10px;margin-left:3px;color:var(--accent)}
#consultation-root .cns-sheet td.cns-ecell{cursor:cell;outline:none}
#consultation-root .cns-sheet td.cns-ecell:focus{outline:2.5px solid #2f80a8;outline-offset:-2px;background:#cfe6f7!important;color:#12405e;font-weight:700}
/* 읽기 모드: 셀 선택(포커스) + 긴 칸 말줄임 + 더블클릭 펼침 */
#consultation-root .cns-sheet td.cns-cell-open{cursor:cell;outline:none}
#consultation-root .cns-sheet td.cns-cell-open:not(.cns-fix2):not(.cns-fix3){max-width:240px;overflow:hidden;text-overflow:ellipsis}
#consultation-root .cns-sheet td.cns-cell-open:focus,#consultation-root .cns-sheet td.cns-idx:focus{outline:2.5px solid #2f80a8;outline-offset:-2px;background:#cfe6f7!important;color:#12405e;font-weight:700}
#consultation-root .cns-sheet tr:focus-within td{background:#eaf4fb!important}
#consultation-root .cns-sheet td.cns-expanded{max-width:420px!important;white-space:normal!important;word-break:break-word;overflow:visible;background:#fffef5;box-shadow:inset 0 0 0 2px var(--accent)}
#consultation-root .cns-sheet td.cns-ecell.editing{padding:0}
#consultation-root .cns-ecell-input{width:100%;min-width:82px;height:30px;border:none;font:inherit;font-size:13px;padding:0 8px;background:#fff;outline:2px solid var(--accent);outline-offset:-2px;-webkit-appearance:auto;appearance:auto}
#consultation-root .cns-sheet-bar{display:flex;align-items:center;gap:8px;margin:0 0 8px}
#consultation-root .cns-sheet-arrow{width:32px;height:32px;border:1px solid var(--border);background:var(--white);border-radius:9px;cursor:pointer;color:var(--text-sub);font-size:16px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center}
#consultation-root .cns-sheet-arrow:hover{border-color:var(--accent);color:var(--accent)}
#consultation-root .cns-sheet-hint{font-size:12px;color:var(--text-muted);font-weight:600}
#consultation-root .cns-tool-btn svg{vertical-align:-2px;margin-right:4px}
/* 편집 셀 안 네이티브 select는 화살표 그대로(팍 펼침) */
#consultation-root select.cns-ecell-input{-webkit-appearance:menulist;appearance:menulist;background-image:none;padding:0 4px}
/* 간략 보기 — 심플 리스트(이름/학교/학년 + 좌측 강조바) */
#consultation-root .cns-slim-list{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden}
#consultation-root .cns-slim-row{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--border);border-left:3px solid var(--accent);cursor:pointer;transition:background .12s}
#consultation-root .cns-slim-row:last-child{border-bottom:none}
#consultation-root .cns-slim-row:hover{background:var(--accent-light)}
#consultation-root .cns-slim-name{font-size:15px;font-weight:600;color:var(--text)}
#consultation-root .cns-slim-status{margin-left:auto;font-size:12px;color:var(--text-muted);font-weight:600}
#consultation-root .cns-sheet tbody tr{cursor:pointer;transition:background .12s}
#consultation-root .cns-sheet tbody tr:hover{background:#e8f1fa}
/* 왼쪽 3열 고정: # · 상담일 · 이름 (가로 스크롤해도 보임) */
#consultation-root .cns-sheet th:first-child,#consultation-root .cns-sheet td:first-child{position:sticky;left:0;z-index:1;width:40px;min-width:40px}
#consultation-root .cns-sheet td:first-child{background:var(--white)}
#consultation-root .cns-sheet th:first-child{z-index:3}
#consultation-root .cns-sheet td.cns-idx{color:var(--text-muted);text-align:center;width:40px;font-weight:800}
#consultation-root .cns-sheet .cns-fix2{position:sticky;left:40px;z-index:2;width:104px;min-width:104px;max-width:104px;overflow:hidden;text-overflow:ellipsis}
#consultation-root .cns-sheet .cns-fix3{position:sticky;left:144px;z-index:2;width:96px;min-width:96px;max-width:96px;overflow:hidden;text-overflow:ellipsis;box-shadow:2px 0 0 var(--border)}
#consultation-root .cns-sheet td.cns-fix2,#consultation-root .cns-sheet td.cns-fix3{background:var(--white)}
#consultation-root .cns-sheet thead th.cns-fix2,#consultation-root .cns-sheet thead th.cns-fix3{z-index:4;background:#e8f1fa}
/* 편집 모드: 시트 전체 색 변경(편집 상태 표시) */
#consultation-root .cns-sheet-wrap.cns-editing{outline:2px solid #f0c674;outline-offset:-2px}
#consultation-root .cns-sheet-wrap.cns-editing .cns-sheet td{background:#fff8e8}
#consultation-root .cns-sheet-wrap.cns-editing .cns-sheet td:first-child,#consultation-root .cns-sheet-wrap.cns-editing .cns-sheet td.cns-fix2,#consultation-root .cns-sheet-wrap.cns-editing .cns-sheet td.cns-fix3{background:#fff8e8}
#consultation-root .cns-sheet-wrap.cns-editing .cns-sheet td.cns-ecell:focus{background:var(--accent-light)}
#consultation-root .cns-sheet td.cns-muted{color:var(--text-muted)}
#consultation-root .cns-sheet th.cns-th-fav,#consultation-root .cns-sheet td.cns-fav-cell{text-align:center}
#consultation-root .cns-sheet th.cns-th-sp,#consultation-root .cns-sheet td.cns-sp-cell{text-align:center;width:52px}
#consultation-root .cns-sheet th.cns-th-fav{color:#f0a92c}
#consultation-root .cns-sheet th.cns-th-sp{color:#2c3540}
#consultation-root .cns-sheet-foot{text-align:center;padding:12px;color:var(--text-muted);font-size:12px}
#consultation-root .cns-sheet-empty{text-align:center;padding:40px 16px;color:var(--text-muted);font-size:13px}

/* 시트 안 인라인 상태 셀 */
#consultation-root .cns-cell-status{font-size:11px;padding:3px 20px 3px 8px;border-radius:12px;border:1px dashed var(--border);background:transparent;color:var(--text-muted);font-family:var(--font);font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239099bc' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;outline:none}
#consultation-root .cns-cell-status:focus{border-color:var(--accent)}
#consultation-root .cns-cell-fav{background:none;border:none;cursor:pointer;font-size:17px;line-height:1;padding:2px;color:var(--text-muted);transition:color .12s}
#consultation-root .cns-cell-fav.on{color:#f0a92c}
/* 특별관리 = 검은 별 */
#consultation-root .cns-sp-btn{background:none;border:none;cursor:pointer;font-size:17px;line-height:1;padding:2px;color:var(--text-muted);transition:color .12s}
#consultation-root .cns-sp-btn.on{color:#2c3540}
/* 편집 모드: 시트 셀 인라인 입력 + 편집 버튼 활성 */
#consultation-root .cns-tool-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
#consultation-root .cns-edit-input{width:100%;min-width:78px;border:1.5px solid var(--border);border-radius:8px;padding:5px 8px;font:inherit;font-size:13px;color:var(--text);background:#fff;outline:none;appearance:auto;-webkit-appearance:auto}
#consultation-root .cns-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
#consultation-root .cns-edit-hint{font-size:12px;color:var(--accent);font-weight:700;margin:0 0 8px 2px}

/* ── 상태 배지 ── */
#consultation-root .status-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}
#consultation-root .sb-상담{background:#e8f1fa;color:#3b7bb5}
#consultation-root .sb-테스트예정{background:#fff8e6;color:#d48c00}
#consultation-root .sb-테스트완료상담전{background:#fff3e0;color:#e65100}
#consultation-root .sb-테스트완료상담후{background:#f3e8ff;color:#7c3aed}
#consultation-root .sb-보류{background:#eef1f5;color:#6b7280}
#consultation-root .sb-테스트취소{background:#fdecec;color:#d0453e}
#consultation-root .sb-입학불가{background:#3a3f47;color:#fff}
#consultation-root .sb-검토중{background:#fdf1dc;color:#c67f10}
/* 편집 모드 삭제 버튼 열 */
#consultation-root .cns-sheet .cns-th-del{width:42px}
#consultation-root .cns-sheet td.cns-del-cell{text-align:center;padding:2px}
#consultation-root .cns-del-btn{border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:800;cursor:pointer;padding:4px 7px;border-radius:6px}
#consultation-root .cns-del-btn:hover{color:var(--danger);background:#fdecec}
#consultation-root .sb-신규등원{background:#e8faf4;color:#1ab97a}

/* ── 카드(간략 보기) ── */
#consultation-root .list-section{margin-bottom:22px}
#consultation-root .list-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#consultation-root .list-section-title{font-size:14px;font-weight:700}
#consultation-root .list-count{font-size:11px;font-weight:700;color:#fff;background:var(--accent);padding:2px 7px;border-radius:20px}
#consultation-root .list-empty{text-align:center;padding:16px;color:var(--text-muted);font-size:13px;background:var(--white);border-radius:var(--radius);border:1px solid var(--border)}

#consultation-root .student-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow)}
#consultation-root .sc-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
#consultation-root .sc-name{font-size:18px;font-weight:800;color:var(--text);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#consultation-root .new-badge{font-size:10px;font-weight:800;color:#fff;background:#ff4757;padding:2px 6px;border-radius:20px}
#consultation-root .sc-actions{display:flex;gap:5px;margin-left:auto;flex-shrink:0}
#consultation-root .sc-btn-edit{font-size:11px;color:var(--accent);background:var(--accent-light);border:1px solid #bcd6ea;padding:4px 9px;border-radius:14px;cursor:pointer;font-family:var(--font);font-weight:600}
#consultation-root .sc-btn-del{font-size:11px;color:var(--danger);background:#fff0f0;border:1px solid #ffcdd2;padding:4px 9px;border-radius:14px;cursor:pointer;font-family:var(--font);font-weight:600}
#consultation-root .quick-status{font-size:11px;padding:3px 22px 3px 8px;border-radius:12px;border:1px dashed var(--border);background:transparent;color:var(--text-muted);font-family:var(--font);font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239099bc' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;outline:none;max-width:150px}
#consultation-root .sc-info{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--text-sub);margin-bottom:8px}
#consultation-root .sc-info-row{display:flex;align-items:center;gap:4px}
#consultation-root .sc-info-label{font-size:11px;color:var(--text-muted);font-weight:600;min-width:48px}
#consultation-root .sc-notes{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:12.5px;color:var(--text-sub)}
#consultation-root .sc-notes-text{flex:1;white-space:pre-wrap;line-height:1.45}
#consultation-root .sc-fav{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:2px;color:var(--text-muted);transition:color .15s}
#consultation-root .sc-fav.on{color:#f0a92c}
#consultation-root .contact-row{display:flex;align-items:center;gap:6px;font-size:13px}
#consultation-root .contact-num{color:var(--text);font-weight:500}
#consultation-root .c-call,#consultation-root .c-sms{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:14px;text-decoration:none;border:none;cursor:pointer}
#consultation-root .c-call{background:#e8faf4;color:#1ab97a}
#consultation-root .c-sms{background:#e8f1fa;color:#3b7bb5}
#consultation-root .no-phone{color:var(--text-muted);font-size:12px}
#consultation-root .visit-badge{display:inline-block;font-size:11px;font-weight:700;color:#7c3aed;background:#f3e8ff;border:1px solid #d8b4fe;padding:3px 8px;border-radius:12px;margin-top:4px}
#consultation-root .sms-quick-btn{font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;border:none;cursor:pointer;font-family:var(--font);white-space:nowrap}
#consultation-root .sms-test-btn{background:#fff3e0;color:#e65100}
#consultation-root .sms-enroll-btn{background:#e8faf4;color:#1ab97a}
#consultation-root .test-date-highlight{display:flex;align-items:center;gap:10px;width:100%;background:#fff3cd;border:1.5px solid #f59e0b;border-radius:10px;padding:8px 14px;margin-top:8px;font-size:13px;font-weight:700;color:#996600}
#consultation-root .th-label{font-size:11px;font-weight:800;color:#996600;background:#ffe082;padding:2px 7px;border-radius:8px;white-space:nowrap;flex-shrink:0}
#consultation-root .enroll-highlight{display:flex;align-items:center;gap:10px;width:100%;background:#e8faf4;border:1.5px solid #1ab97a;border-radius:10px;padding:8px 14px;margin-top:8px;font-size:13px;font-weight:700;color:#0d7a52}
#consultation-root .eh-label{font-size:11px;font-weight:800;color:#0d7a52;background:#b2f0d8;padding:2px 7px;border-radius:8px;white-space:nowrap;flex-shrink:0}
#consultation-root .dday{display:inline-block;font-size:11px;font-weight:800;padding:1px 7px;border-radius:10px;margin-left:auto;flex-shrink:0}
#consultation-root .dday-today{background:#ffe2e2;color:#e53935}
#consultation-root .dday-soon{background:#fff3cd;color:#996600}
#consultation-root .dday-future{background:#e8f1fa;color:#3b7bb5}
#consultation-root .dday-past{background:#eceff5;color:#9099bc}
#consultation-root .student-card.today-test{background:linear-gradient(135deg,#ffeaf3 0%,#ffd4e6 100%);border:1.5px solid #ec4899}
#consultation-root .student-card.tomorrow-test{background:linear-gradient(135deg,#eef4ff 0%,#dbe7ff 100%);border:1.5px solid #3b7bb5}
#consultation-root .student-card.today-enroll{background:linear-gradient(135deg,#e8faf4 0%,#d0f5e8 100%);border:1.5px solid #1ab97a}

/* ── 폼(추가/수정) ── */
#consultation-root .card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 16px;margin-bottom:10px;box-shadow:var(--shadow)}
#consultation-root .card-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:14px;padding-left:10px;border-left:3px solid var(--accent)}
#consultation-root .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#consultation-root .form-grid.full{grid-template-columns:1fr}
#consultation-root .form-group{display:flex;flex-direction:column;gap:4px}
#consultation-root .form-group.span2{grid-column:span 2}
#consultation-root label{font-size:12px;font-weight:600;color:var(--text-sub)}
#consultation-root input[type=text],#consultation-root input[type=tel],#consultation-root input[type=date],#consultation-root select,#consultation-root textarea{background:var(--bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--font);padding:10px 12px;outline:none;width:100%;appearance:none;-webkit-appearance:none}
#consultation-root select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239099bc' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
#consultation-root input:focus,#consultation-root select:focus,#consultation-root textarea:focus{border-color:var(--accent);background:#fff}
#consultation-root textarea{resize:vertical;min-height:80px}
#consultation-root .class-info{background:var(--accent-light);border:1px solid #bcd6ea;border-radius:8px;padding:8px 12px;font-size:12px;color:var(--text-sub);line-height:1.9;margin-top:5px;display:none}
#consultation-root .class-info.show{display:block}
#consultation-root .edit-banner{display:none;background:#fff8e6;border:1.5px solid var(--warning);border-radius:var(--radius);padding:10px 14px;margin-bottom:10px;font-size:13px;font-weight:600;color:#996600;align-items:center;gap:8px}
#consultation-root .edit-banner.show{display:flex}
#consultation-root .edit-cancel-btn{font-size:11px;color:var(--danger);background:none;border:1px solid var(--danger);padding:4px 9px;border-radius:20px;cursor:pointer;font-family:var(--font);margin-left:auto}

/* ── 버튼 ── */
#consultation-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;transition:all .2s}
#consultation-root .btn-primary{background:var(--accent);color:#fff;width:100%;padding:14px;font-size:15px}
#consultation-root .btn-primary:hover{background:#3f7bb0}
#consultation-root .btn-warning{background:var(--warning);color:#fff;width:100%;padding:14px;font-size:15px}
#consultation-root .btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-sub);padding:9px 14px;font-size:13px}
#consultation-root .back-btn{display:inline-block;white-space:nowrap;width:auto;align-self:flex-start;font-size:12px;color:var(--accent);background:var(--accent-light);border:1.5px solid #bcd6ea;padding:6px 14px;border-radius:20px;cursor:pointer;font-family:var(--font);font-weight:600;margin-bottom:12px}

/* ── 달력 ── */
#consultation-root .cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
#consultation-root .cal-toolbar-title{font-size:14px;font-weight:700}
#consultation-root .cal-nav-btn{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:5px 12px;font-size:13px;cursor:pointer;font-family:var(--font);font-weight:600;color:var(--text-sub)}
#consultation-root .cal-day-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:8px;box-shadow:var(--shadow)}
#consultation-root .cal-day-card.cal-today{border:1.5px solid var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
#consultation-root .cal-day-card.cal-past{opacity:.55}
#consultation-root .cal-day-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#consultation-root .cal-day-name{font-size:14px;font-weight:700}
#consultation-root .cal-day-today{font-size:10px;font-weight:800;color:#fff;background:var(--accent);padding:2px 6px;border-radius:10px}
#consultation-root .cal-day-count{font-size:11px;font-weight:700;color:#fff;background:var(--accent);padding:2px 8px;border-radius:20px;margin-left:auto}
#consultation-root .cal-student-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}
#consultation-root .cal-student-item:last-child{border-bottom:none}
#consultation-root .cal-student-name{font-weight:700}
#consultation-root .cal-student-info{color:var(--text-muted);font-size:12px}
#consultation-root .cal-time{font-weight:700;color:#e65100;margin:0 2px}
#consultation-root .cal-section-label{font-size:11px;font-weight:700;color:var(--text-muted);margin:14px 2px 8px}
#consultation-root .cal-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}

/* ── 현황(통계) ── */
#consultation-root .stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:18px;box-shadow:var(--shadow)}
#consultation-root .stat-month{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:10px}
#consultation-root .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#consultation-root .stat-box{background:var(--bg);border-radius:var(--radius);padding:10px 6px;text-align:center;cursor:pointer;border:1.5px solid transparent}
#consultation-root .stat-box.stat-rate{background:var(--accent-light);cursor:default}
#consultation-root .stat-box.active{background:var(--accent-light);border-color:var(--accent)}
#consultation-root .stat-num{font-size:20px;font-weight:800;line-height:1.1}
#consultation-root .stat-rate .stat-num,#consultation-root .stat-box.active .stat-num{color:var(--accent)}
#consultation-root .stat-label{font-size:11px;color:var(--text-sub);font-weight:600;margin-top:3px}
#consultation-root .mini-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow);cursor:pointer}
#consultation-root .mini-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}
#consultation-root .mini-name{font-size:15px;font-weight:800}
#consultation-root .mini-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:#eef2ff;color:var(--accent)}
#consultation-root .mini-info{font-size:12.5px;color:var(--text-sub);line-height:1.5}
#consultation-root .mini-date{font-size:12px;color:var(--text-muted);margin-left:auto}

/* ── 모달(공통) ── */
#consultation-root .cns-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;align-items:center;justify-content:center;padding:20px 14px}
#consultation-root .cns-overlay.open{display:flex}
#consultation-root .modal-box{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.25);max-height:90vh;display:flex;flex-direction:column}
#consultation-root .modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}
#consultation-root .modal-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#consultation-root .modal-name{font-size:20px;font-weight:800}
#consultation-root .modal-close{font-size:17px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px 6px;border-radius:8px;font-family:var(--font)}
#consultation-root .modal-body{padding:16px 20px;overflow-y:auto;flex:1}
#consultation-root .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
#consultation-root .modal-item{display:flex;flex-direction:column;gap:2px}
#consultation-root .modal-item.full{grid-column:span 2}
#consultation-root .modal-item label{font-size:11px;color:var(--text-muted);font-weight:600}
#consultation-root .modal-item span{font-size:13px;font-weight:500}
/* 간략보기 → 전체화면 상세 */
#consultation-root .cns-detailview{margin-top:8px}
#consultation-root .cns-dv-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}
#consultation-root .cns-dv-name{font-size:20px;font-weight:800;color:var(--text)}
/* 전체화면 상세 = 섹션 카드(참고 디자인 톤) */
#consultation-root .cns-dv2{margin-top:6px}
#consultation-root .cns-dv2-head{margin:2px 2px 12px}
#consultation-root .cns-dv2-title{display:flex;align-items:center;gap:10px}
#consultation-root .cns-dv2-sub{margin-top:5px;font-size:13px;font-weight:600;color:var(--text-muted)}
#consultation-root .cns-dsec{padding:18px}
#consultation-root .cns-dsec .modal-grid{gap:14px 20px}
#consultation-root .cns-dsec .modal-item label{font-size:11.5px}
#consultation-root .cns-dsec .modal-item span{font-size:13.5px;font-weight:600;color:var(--text)}
#consultation-root .cns-dv-foot{display:flex;align-items:stretch;gap:10px;margin-top:6px}
#consultation-root .modal-divider{height:1px;background:var(--border);margin:10px 0;grid-column:span 2}
#consultation-root .modal-footer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--border);align-items:center}
#consultation-root .modal-viewonly{flex:1;font-size:12px;color:var(--text-muted);font-weight:600}
#consultation-root .btn-modal-edit{flex:1;padding:11px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer}
#consultation-root .btn-modal-delete{flex:1;padding:11px;background:#fff;color:var(--danger);border:1.5px solid var(--danger);border-radius:var(--radius);font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer}
#consultation-root .btn-modal-sms{flex:2;padding:11px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer}
#consultation-root .btn-modal-close{flex:1;padding:11px;background:#eef1f5;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer}
#consultation-root .cns-assign-btn{width:100%;margin:10px 0 4px;padding:13px;background:#15a06a;color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:800;font-family:var(--font);cursor:pointer}
#consultation-root .af-form{display:flex;flex-direction:column;gap:11px}
#consultation-root .af-row{display:flex;align-items:center;gap:10px}
#consultation-root .af-row>span{width:78px;flex:none;font-size:13px;font-weight:700;color:var(--text-muted)}
#consultation-root .af-in{flex:1;min-width:0;padding:10px 11px;border:1.5px solid var(--border);border-radius:10px;font-family:var(--font);font-size:14px;background:#fbfdff}
#consultation-root .af-in:focus{outline:none;border-color:var(--accent)}
#consultation-root .af-note{font-size:12px;color:var(--text-muted);line-height:1.5;background:#f2f6fb;border-radius:9px;padding:9px 11px;margin-top:2px}
/* 입학 문자 교육비 계산기 캘린더 */
#consultation-root .cns-cal-mode{display:flex;gap:6px;margin:4px 0 8px}
#consultation-root .cns-cal-mbtn{flex:1;padding:9px;border:1px solid var(--border);border-radius:9px;background:#fff;font:inherit;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer}
#consultation-root .cns-cal-mbtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
#consultation-root .cns-cal{border:1px solid var(--border);border-radius:10px;padding:9px;margin-bottom:8px}
#consultation-root .cns-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
#consultation-root .cns-cal-title{font-size:14px;font-weight:800}
#consultation-root .cns-cal-nav{border:none;background:#f2f4f6;border-radius:7px;width:30px;height:30px;font-size:17px;cursor:pointer;font-family:var(--font)}
#consultation-root .cns-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
#consultation-root .cns-cal-dow{text-align:center;font-size:11px;color:var(--text-muted);padding:2px 0}
#consultation-root .cns-cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12.5px;border-radius:8px;color:#c0c6cd}
#consultation-root .cns-cal-cell.empty{visibility:hidden}
#consultation-root .cns-cal-cell.cday{background:#eef6fb;color:#14496e;font-weight:700;cursor:pointer}
#consultation-root .cns-cal-cell.cday:active{transform:scale(.94)}
#consultation-root .cns-cal-cell.start{background:var(--accent);color:#fff}
#consultation-root .cns-cal-cell.excl{background:#fdecee;color:#e0586b;text-decoration:line-through}
#consultation-root .cns-cal-result{font-size:13px;font-weight:700;color:#14496e;background:#eef6fb;border-radius:9px;padding:10px 12px;margin-bottom:10px;text-align:center}

/* ── 문자 모달 ── */
#consultation-root .sms-modal-box{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:88vh;display:flex;flex-direction:column}
#consultation-root .sms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}
#consultation-root .sms-modal-title{font-size:16px;font-weight:800}
#consultation-root .sms-modal-body{padding:16px 20px;overflow-y:auto;flex:1}
#consultation-root .sms-to-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;background:var(--bg);border-radius:10px;padding:10px 14px}
#consultation-root .sms-to-name{font-size:14px;font-weight:700}
#consultation-root .sms-to-num{font-size:12px;color:var(--text-muted)}
#consultation-root .sms-range-hint{font-size:12px;color:var(--text-muted);margin-bottom:6px}
#consultation-root .sms-field{width:100%;padding:9px 12px;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-family:var(--font);outline:none;margin-bottom:10px;box-sizing:border-box}
#consultation-root .sms-textarea{width:100%;min-height:200px;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-family:var(--font);padding:12px;outline:none;resize:vertical;line-height:1.7}
#consultation-root .sms-char{font-size:11px;color:var(--text-muted);text-align:right;margin-top:4px}
#consultation-root .sms-modal-footer{display:flex;flex-direction:column;gap:8px;padding:12px 20px 20px;border-top:1px solid var(--border)}
#consultation-root .sms-btn-send{padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer}
#consultation-root .sms-btn-copy{padding:12px;background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer}
#consultation-root .sms-btn-close2{padding:11px;background:transparent;color:var(--text-muted);border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer}

/* ── 확인창 ── */
#consultation-root .confirm-box{background:#fff;border-radius:var(--radius-lg);padding:28px 24px;width:100%;max-width:320px;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}
#consultation-root .confirm-msg{font-size:15px;font-weight:600;margin-bottom:6px;line-height:1.5}
#consultation-root .confirm-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px}
#consultation-root .confirm-buttons{display:flex;gap:10px}
#consultation-root .confirm-btn-cancel{flex:1;padding:11px;background:#fff;color:var(--text-sub);border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer}
#consultation-root .confirm-btn-ok{flex:1;padding:11px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer}

/* ── 토스트 ── */
#consultation-root .cns-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--text);color:#fff;border-radius:30px;padding:10px 20px;font-size:13px;font-weight:600;font-family:var(--font);opacity:0;transition:all .25s;z-index:9999;white-space:nowrap;pointer-events:none}
#consultation-root .cns-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#consultation-root .cns-toast.success{background:var(--success)}
#consultation-root .cns-toast.error{background:var(--danger)}

@media(max-width:480px){
  #consultation-root .form-grid,#consultation-root .modal-grid{grid-template-columns:1fr}
  #consultation-root .form-group.span2,#consultation-root .modal-item.full{grid-column:span 1}
  /* 시트 보기: 모바일에선 고정열(sticky)을 전부 해제하고 일반 가로 스크롤 표로.
     → 고정열이 모바일(특히 iOS)에서 어긋나며 왼쪽에 빈칸/밀림 생기던 것 완전 제거. PC는 그대로 고정 유지 */
  #consultation-root table.cns-sheet{font-size:12px;width:auto;min-width:100%}
  #consultation-root .cns-sheet th,#consultation-root .cns-sheet td{padding:8px 8px}
  #consultation-root .cns-sheet-scroll{-webkit-overflow-scrolling:auto}
  #consultation-root .cns-sheet th:first-child,
  #consultation-root .cns-sheet td:first-child,
  #consultation-root .cns-sheet td.cns-idx,
  #consultation-root .cns-sheet .cns-fix2,
  #consultation-root .cns-sheet .cns-fix3{
    position:static !important;left:auto !important;box-shadow:none !important;z-index:auto !important}
  #consultation-root .cns-sheet td.cns-idx,#consultation-root .cns-sheet th:first-child{width:30px;min-width:30px}
  #consultation-root .cns-sheet .cns-fix2{width:auto;min-width:92px;max-width:none}
  #consultation-root .cns-sheet .cns-fix3{width:auto;min-width:78px;max-width:none}
}