/* 레슨 시간표 — 요일×시간 격자 */

.lt-controls {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lt-controls .inp {
    width: 150px;
}

.lt-legend {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    font-size: 12px;
    color: var(--t2);
}

/* 필터 칩(반종류 토글 + 전체) */
/* 종목 탭(수영·GX·구기…) — 페이지 최상위 언더라인 탭. 종목 마스터에서 동적 생성 */
.lt-sections { display: flex; gap: 22px; border-bottom: 1px solid var(--bd); margin: 2px 0 14px; padding: 0 2px; }
.lt-section { appearance: none; background: none; border: none; cursor: pointer; padding: 9px 2px;
    font-size: 15px; font-weight: 600; color: var(--t3); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.lt-section:hover { color: var(--t1); }
.lt-section.on { color: var(--t1); border-bottom-color: var(--brand); }
.lt-sections-act { margin-left: auto; display: flex; align-items: center; gap: 8px; }

/* 연령 필터 — 종목 탭과 수업 칩 사이 단계. 색은 수업 칩이 쓰므로 여기는 중립 */
.lt-ages {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--bd);
    border-radius: 999px;
    background: var(--surface);
}
.lt-age {
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--t3);
}
.lt-age:hover { color: var(--t1); }
.lt-age.on { background: var(--bg3); color: var(--t1); }

.lt-fchip {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.lt-fchip[hidden] { display: none; }

.lt-fchip:not(.on) {
    background: var(--surface);
    color: var(--t3);
    border-color: var(--bd);
}

.lt-fchip.lt-all.on {
    background: var(--t1);
    color: var(--surface);
    border-color: var(--t1);
}

/* 반종류 필터칩 ON — 색은 --ctype(반종류 마스터에서 동적 주입) */
.lt-fchip.on {
    background: color-mix(in srgb, var(--ctype, var(--t1)) 15%, var(--surface));
    color: color-mix(in srgb, var(--ctype, var(--t1)) 78%, #000);
    border-color: color-mix(in srgb, var(--ctype, var(--t1)) 40%, var(--surface));
}

/* 수강생 검색 입력 */
.lt-search { position: relative; display: inline-flex; align-items: center; }
.lt-search > svg { position: absolute; left: 9px; width: 15px; height: 15px; color: var(--t3); pointer-events: none; }
.lt-search .inp { width: 180px; padding-left: 30px; padding-right: 26px; }
.lt-search-x { position: absolute; right: 6px; border: none; background: none; color: var(--t3);
    font-size: 16px; line-height: 1; cursor: pointer; padding: 2px 4px; border-radius: 4px; }
.lt-search-x:hover { color: var(--t1); background: var(--bg2); }

/* '내 수업만' 토글 */
.lt-mine {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 12px;
    border-radius: 999px;
    border: 1px solid var(--bd);
    background: var(--surface);
    color: var(--t2);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.lt-mine::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--brand) 55%, var(--t3));
}
.lt-mine:hover { border-color: var(--bd2); color: var(--t1); }
.lt-mine.on {
    background: color-mix(in srgb, var(--brand) 16%, var(--surface));
    border-color: color-mix(in srgb, var(--brand) 45%, transparent);
    color: var(--brand);
}
.lt-mine.on::before { background: var(--brand); }

.lt-legend-sep {
    width: 1px;
    height: 14px;
    background: var(--bd);
    margin: 0 4px;
}

/* 반종류 색 — 확정 팔레트(놀이자모/정규/마스터즈/성인소그룹). 정규=보라(구 접영색) */
.lt-adult_small { background: color-mix(in srgb, #d6336c 15%, var(--surface)); color: #b02a5b; border-color: color-mix(in srgb, #d6336c 40%, var(--surface)); }
.lt-play        { background: color-mix(in srgb, #2f9e44 15%, var(--surface)); color: #26833a; border-color: color-mix(in srgb, #2f9e44 40%, var(--surface)); }
.lt-regular     { background: color-mix(in srgb, #8b8e95 15%, var(--surface)); color: #4b4f56; border-color: color-mix(in srgb, #8b8e95 40%, var(--surface)); }
.lt-masters     { background: color-mix(in srgb, #e8590c 15%, var(--surface)); color: #c24a0a; border-color: color-mix(in srgb, #e8590c 40%, var(--surface)); }
.lt-adult_group { background: color-mix(in srgb, #1c6fd6 15%, var(--surface)); color: #1657b0; border-color: color-mix(in srgb, #1c6fd6 40%, var(--surface)); }
.lt-free        { background: color-mix(in srgb, #2F9D27 15%, var(--surface)); color: #206b18; border-color: color-mix(in srgb, #2F9D27 40%, var(--surface)); }
.lt-aqua        { background: color-mix(in srgb, #b7791f 15%, var(--surface)); color: #8f5e14; border-color: color-mix(in srgb, #b7791f 40%, var(--surface)); }
.lt-basketball  { background: color-mix(in srgb, #ea580c 15%, var(--surface)); color: #b8430a; border-color: color-mix(in srgb, #ea580c 40%, var(--surface)); }
.lt-inline      { background: color-mix(in srgb, #0891b2 15%, var(--surface)); color: #0a6c7d; border-color: color-mix(in srgb, #0891b2 40%, var(--surface)); }
.lt-badminton   { background: color-mix(in srgb, #7c3aed 15%, var(--surface)); color: #5a35c9; border-color: color-mix(in srgb, #7c3aed 40%, var(--surface)); }
.lt-etc         { background: var(--bg2); color: var(--t2); border-color: var(--bd); }

/* 격자 */
.lt-wrap {
    overflow-x: auto;
}

.lt-grid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 760px;
}

.lt-grid th,
.lt-grid td {
    border: 1px solid var(--bd);
    vertical-align: top;
}

.lt-grid thead th {
    background: var(--bg2);
    color: var(--t1);
    font-weight: 600;
    padding: 8px 6px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 1;
}

.lt-th-time,
.lt-time {
    width: 64px;
    text-align: center;
}

.lt-time {
    background: var(--bg2);
    color: var(--t2);
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 600;
    padding: 8px 4px;
}

.lt-cell {
    padding: 4px;
    min-height: 48px;
}

/* 셀 내 반 블록 */
.lt-class {
    border: 1px solid var(--bd);
    border-left-width: 3px;
    border-radius: var(--r2);
    margin-bottom: 6px;
    overflow: hidden;
    background: var(--surface);
}

.lt-class:last-child {
    margin-bottom: 0;
}

/* 반종류 색 토큰(--ctype): 테두리·헤더·결제완료 배정줄 배경에 재사용 */
.lt-class.lt-adult_small { --ctype: #d6336c; }
.lt-class.lt-play        { --ctype: #2f9e44; }
.lt-class.lt-regular     { --ctype: #8b8e95; }
.lt-class.lt-masters     { --ctype: #e8590c; }
.lt-class.lt-etc         { --ctype: var(--bd); }
.lt-class               { border-left-color: var(--ctype, var(--bd)); }

/* 반 헤더: 반종류(색) + 강사(강조) + 정원 */
.lt-class-hd {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 7px;
    border-bottom: 1px solid var(--bd);
    font-size: 11px;
}

.lt-class-hd .lt-type {
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 10px;
}

.lt-class .lt-class-hd { background: color-mix(in srgb, var(--ctype) 16%, var(--surface)); }

.lt-class .lt-type {
    color: var(--t1);
    background: color-mix(in srgb, var(--ctype) 32%, var(--surface));
    border-color: color-mix(in srgb, var(--ctype) 55%, transparent);
}

.lt-class-hd .lt-staff {
    font-weight: 700;
    color: var(--t1);
    font-size: 12px;
}

.lt-class-hd .lt-cap {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--t2);
}

/* 인원(정원) 아이콘 — 주간 칩·상세 카드 공용 */
.lt-seat { flex: none; fill: currentColor; opacity: .7; }

.lt-class-hd .lt-cap.full {
    color: var(--red);
}

/* 배정 목록 */
.lt-enrolls {
    padding: 0;
}

/* 배정 줄(회원별 구분선 — 실선 + 교차 줄무늬로 강조) */
.lt-enroll {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border-bottom: 1px solid var(--bd);
    font-size: 12px;
    line-height: 1.45;
    color: var(--t1);
}

/* 배정 줄 배경: 전 상태 담백 배경으로 통일(이상록 카드 스타일). 미납은 우측 '미납' 태그로만 구분, 홀딩만 좌측 스트라이프 유지 */
.lt-enrolls .lt-enroll           { background: var(--surface); }
.lt-enrolls .lt-enroll.lt-unpaid { background: color-mix(in srgb, var(--red) 13%, var(--surface));
    box-shadow: inset 3px 0 0 var(--red); }
.lt-enrolls .lt-enroll.lt-hold   { background: color-mix(in srgb, #3DB7CC 16%, var(--surface));
    box-shadow: inset 3px 0 0 #3DB7CC; }
.lt-enrolls .lt-enroll.lt-trial  { background: color-mix(in srgb, #47C83E 16%, var(--surface));
    box-shadow: inset 3px 0 0 #47C83E; }
.lt-enrolls .lt-enroll.lt-empty  { background: transparent; }

/* 체험/보강 날짜 배지(주간 칩) */
.lt-edate { font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: var(--t2);
    background: var(--bg2); border-radius: 4px; padding: 0 4px; margin-left: 2px; }

/* 명단표(팝오버) — 체험/홀딩 행 색 + 날짜 */
.lt-rt-row.lt-trial  { background: color-mix(in srgb, #47C83E 14%, var(--surface)); box-shadow: inset 3px 0 0 #47C83E; }
.lt-rt-row.lt-hold   { background: color-mix(in srgb, #3DB7CC 14%, var(--surface)); box-shadow: inset 3px 0 0 #3DB7CC; }
.lt-rt-row.lt-unpaid { background: color-mix(in srgb, var(--red) 11%, var(--surface)); box-shadow: inset 3px 0 0 var(--red); }
.lt-rt-date { font-family: var(--font-mono); font-weight: 700; color: var(--t2); }
.lt-rt-note { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 배정 후 포커스 강조 */
@keyframes lt-flash-kf { 0% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 60%, transparent); }
    100% { box-shadow: 0 0 0 3px transparent; } }
.lt-flash { animation: lt-flash-kf 1.1s ease-out; }
@media (prefers-reduced-motion: reduce) { .lt-flash { animation: none; } }

.lt-enroll:last-child {
    border-bottom: none;
}

.lt-eno {
    min-width: 16px;
    text-align: center;
    font-weight: 600;
    border-radius: 3px;
    background: color-mix(in srgb, var(--t3) 16%, transparent);
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--t2);
}

.lt-ename {
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lt-eno, .lt-emeta, .lt-edate, .lt-kind, .lt-plusdot, .lt-level { flex: none; }

.lt-emeta {
    font-size: 11px;
    color: var(--t3);
    white-space: nowrap;
}

.lt-note {
    font-size: 11px;
    color: var(--amber);
}

.lt-espacer {
    flex: 1;
}

/* 미납 줄도 이름은 정상 강조(흐리지 않음). 구분은 우측 '미납' 태그 */
.lt-unpaid .lt-ename {
    color: inherit;
}

.lt-guest .lt-ename {
    font-style: italic;
}

.lt-empty {
    color: var(--t3);
    font-size: 11px;
}

.lt-kind {
    font-size: 10px;
    font-weight: 700;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
}

.lt-kind-makeup  { background: var(--amber); color: #fff; }
.lt-kind-trial   { background: #47C83E; color: #fff; }
.lt-kind-holding { background: #3DB7CC; color: #fff; }

/* 배정 취소 × */
.lt-enroll {
    position: relative;
}

.lt-x {
    margin-left: auto;
    border: none;
    background: none;
    color: var(--t3);
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    padding: 0 2px;
    opacity: 0;
    transition: opacity .12s;
}

.lt-enroll:hover .lt-x {
    opacity: 1;
}

.lt-x:hover {
    color: var(--red);
}

/* 납부 토글 (₩) */
.lt-pay {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 0 2px;
    color: var(--t3);
    opacity: .5;
}

.lt-enroll:hover .lt-pay {
    opacity: 1;
}

.lt-pay.on {
    color: var(--green);
    opacity: 1;
}

/* 반 액션(배정/설정) */
.lt-class-act {
    display: flex;
    gap: 6px;
    padding: 4px 7px;
    border-top: 1px solid var(--bd);
    background: var(--bg);
}

.lt-mini {
    border: none;
    background: none;
    color: var(--t2);
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 4px;
    border-radius: 4px;
}

.lt-mini:hover {
    background: var(--bg2);
    color: var(--brand);
}

/* 강좌 개설 모달 — 섹션 구분 라벨 */
.lt-fsec {
    font-size: 11px;
    font-weight: 700;
    color: var(--t3);
    letter-spacing: .02em;
    margin: 14px 0 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--bd);
}

.lt-fsec:first-child {
    margin-top: 0;
}

.flabel-hint {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: var(--t3);
}

/* 배정 대상 토글 */
.lt-etoggle {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
}

/* 회원 검색 결과(모달 내부 목록) */
.lt-mresults {
    margin-top: 12px;
    max-height: 48vh;
    overflow-y: auto;
    border: 1px solid var(--bd);
    border-radius: var(--r2);
}

.lt-mresults .tbl {
    margin: 0;
}

.lt-mresults .tbl thead th {
    position: sticky;
    top: 0;
    background: var(--bg2);
    z-index: 1;
}

.lt-mresults .tbl tbody tr {
    cursor: pointer;
}

.lt-mresults .tbl tbody tr:hover {
    background: var(--bg2);
}

/* 출석부 */
.lt-att-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.lt-att-hint {
    font-size: 12px;
    color: var(--t3);
}

.lt-att-wrap,
.lt-att-wrap-inner {
    overflow-x: auto;
    max-height: 52vh;
}

.lt-att {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.lt-att th,
.lt-att td {
    border: 1px solid var(--bd);
    padding: 6px 8px;
    text-align: center;
    white-space: nowrap;
}

.lt-att thead th {
    background: var(--bg2);
    position: sticky;
    top: 0;
    font-family: var(--font-mono);
    font-weight: 600;
}

.lt-att-name {
    text-align: left !important;
    font-weight: 600;
    color: var(--t1);
    position: sticky;
    left: 0;
    background: var(--surface);
}

.lt-att-cell {
    cursor: pointer;
    font-weight: 700;
    user-select: none;
}

.lt-att-cell.lt-att-p {
    background: color-mix(in srgb, var(--green) 20%, var(--surface));
    color: var(--green);
}

.lt-att-cell.lt-att-a {
    background: color-mix(in srgb, var(--red) 18%, var(--surface));
    color: var(--red);
}

/* 지점 미선택 차단 */
.lt-nocenter .lt-sections,
.lt-nocenter .lt-toolbar,
.lt-nocenter .lt-legend {
    display: none;
}

.lt-nocenter-box {
    padding: 8px 16px 20px;
}

/* 빈 상태 */
.lt-grid-empty {
    padding: 48px 16px;
    text-align: center;
    color: var(--t3);
    font-size: 13px;
}

/* ═══════════════ 캘린더(일/주/월/목록) ═══════════════ */
.lt-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.lt-tabs {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    background: var(--bg2);
    border: 1px solid var(--bd);
    border-radius: var(--r2);
}

.lt-tab {
    border: none;
    background: none;
    color: var(--t2);
    font-size: 13px;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: calc(var(--r2) - 2px);
    cursor: pointer;
}

.lt-tab:hover {
    color: var(--t1);
}

.lt-tab.on {
    background: var(--surface);
    color: var(--brand);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

.lt-nav {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lt-nav .inp {
    width: 148px;
}

.lt-cal-main {
    min-width: 0;
}

/* 카드 헤더 시간(목록·상세모달) */
.lt-class-hd .lt-ctime {
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: 11px;
    color: var(--t1);
}

/* 월간 격자 */
.lt-view {
    min-width: 0;
}

.lt-month {
    border: 1px solid var(--bd);
    border-radius: var(--r2);
    overflow: hidden;
}

.lt-mhead {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background: var(--bg2);
}

.lt-mhd {
    text-align: center;
    padding: 8px 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--t2);
    border-left: 1px solid var(--bd);
}

.lt-mhd:first-child { border-left: none; }
.lt-mhd.sun { color: var(--red); }
.lt-mhd.sat { color: var(--blue); }

.lt-mbody {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: minmax(96px, 1fr);
}

.lt-mday {
    border-left: 1px solid var(--bd);
    border-top: 1px solid var(--bd);
    padding: 4px 4px 6px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.lt-mday:nth-child(7n + 1) {
    border-left: none;
}

.lt-mday.out {
    background: var(--bg);
}

.lt-mdno {
    align-self: flex-start;
    font-size: 12px;
    font-weight: 600;
    color: var(--t2);
    font-family: var(--font-mono);
    padding: 0 4px;
    line-height: 18px;
}

.lt-mday.out .lt-mdno {
    color: var(--t3);
    opacity: .6;
}

.lt-mday.sun .lt-mdno { color: var(--red); }
.lt-mday.sat .lt-mdno { color: var(--blue); }

.lt-mday.today .lt-mdno {
    background: var(--brand);
    color: #fff;
    border-radius: 999px;
}

.lt-mchips {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.lt-mchip {
    font-size: 10.5px;
    line-height: 1.5;
    padding: 1px 5px;
    border-radius: 4px;
    border: 1px solid var(--bd);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.lt-mchip:hover {
    filter: brightness(0.96);
    border-color: color-mix(in srgb, var(--t2) 28%, transparent);
}

.lt-mchip b {
    font-family: var(--font-mono);
    font-weight: 700;
}

.lt-mchip em {
    font-style: normal;
    font-weight: 700;
    margin-left: 1px;
}

/* 월간 특이사항 우선 셀 — 반복분은 요약, 날짜 고유정보(휴관/대체·체험/보강/홀딩)는 배지 */
.lt-mday.has { cursor: pointer; }
.lt-mday.has:hover { background: color-mix(in srgb, var(--brand) 6%, var(--surface)); }
.lt-mday.off { background: color-mix(in srgb, var(--t3) 10%, var(--surface)); }
.lt-msum { font-size: 10.5px; color: var(--t3); font-family: var(--font-mono); }
.lt-mtags { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 1px; }
.lt-mtag,
.lt-mbadge { font-size: 9.5px; font-weight: 700; line-height: 16px; padding: 0 5px;
    border-radius: 3px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lt-mtag.off       { color: var(--t2);    background: color-mix(in srgb, var(--t3) 22%, var(--surface)); }
.lt-mtag.makeupday { color: var(--amber); background: color-mix(in srgb, var(--amber) 16%, var(--surface)); }
.lt-mbadge.trial   { color: var(--blue);  background: color-mix(in srgb, var(--blue) 13%, var(--surface)); }
.lt-mbadge.makeup  { color: var(--amber); background: color-mix(in srgb, var(--amber) 14%, var(--surface)); }
.lt-mbadge.holding { color: var(--t2);    background: color-mix(in srgb, var(--t2) 13%, var(--surface)); }

/* 목록 — 한 요일의 반 카드를 다열 그리드로 */
.lt-daylist {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
}

.lt-daylist .lt-class {
    margin-bottom: 0;
}

.lt-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.lt-lhd {
    font-size: 13px;
    font-weight: 700;
    color: var(--t2);
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--bd);
}

/* 목록 탭: 상단 센터 요일 탭바(양옆 prev/next 아이콘 버튼) + 한 요일 카드 */
.lt-list1 { display: flex; flex-direction: column; gap: 14px; padding: 16px; }
.lt-lnavbar { display: flex; align-items: center; justify-content: center; gap: 8px; }
.lt-ltabs { display: inline-flex; gap: 2px; padding: 3px; background: var(--bg2);
    border: 1px solid var(--bd); border-radius: var(--r2); }
.lt-ltab { border: none; background: none; font: inherit; font-size: 14px; font-weight: 600;
    color: var(--t2); min-width: 46px; padding: 7px 14px; border-radius: calc(var(--r2) - 2px); cursor: pointer; }
.lt-ltab:hover { color: var(--t1); }
.lt-ltab.on { background: var(--surface); color: var(--brand); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.lt-lnav { flex: none; display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border: 1px solid var(--bd); background: var(--surface);
    border-radius: var(--r2); color: var(--t2); cursor: pointer; }
.lt-lnav:hover { border-color: var(--bd2); color: var(--t1); background: var(--bg2); }
.lt-lnav[disabled] { opacity: .35; cursor: default; pointer-events: none; }
.lt-lnav svg { width: 18px; height: 18px; }
.lt-lsub { text-align: center; font-size: 13px; font-weight: 600; color: var(--t3); }

/* 목록 탭 — 시간 아젠다(좌 시간눈금 · 우 그 시간의 반 칩). 칩 클릭 → 명단 팝오버(data-cls). */
.lt-agenda { border: 1px solid var(--bd); border-radius: var(--r2); overflow: hidden; }
.lt-arow { display: grid; grid-template-columns: 60px 1fr; border-bottom: 1px solid var(--bd); }
.lt-arow:last-child { border-bottom: none; }
.lt-atime { display: flex; align-items: center; justify-content: center; text-align: center;
    font-family: var(--font-mono); font-weight: 700; font-size: 13px;
    color: var(--t2); border-right: 1px solid var(--bd); background: var(--bg2); }
.lt-achips { padding: 9px 10px; display: flex; flex-wrap: wrap; gap: 5px; align-content: flex-start; }
.lt-achips .lt-mstaff { font-size: 12px; padding: 3px 9px; }
/* 명단 보기 ON — 반=행 테이블(컬럼 헤더 + 비고). 회원목록 줄바꿈, 가로스크롤 없음. */
.lt-ltable { border: 1px solid var(--bd); border-radius: var(--r2); overflow: hidden; }
.lt-lt-head, .lt-lt-row { display: grid; grid-template-columns: 52px 78px 92px 46px minmax(0, 2.2fr) minmax(0, 1.1fr); }
.lt-lt-head { background: var(--bg2); border-bottom: 1px solid var(--bd); font-size: 11px; font-weight: 700; color: var(--t3); }
.lt-lt-head > div { padding: 8px; }
.lt-lt-head > div:first-child, .lt-lt-head > div:nth-child(4) { text-align: center; }
.lt-lt-row { border-bottom: 1px solid color-mix(in srgb, var(--bd) 55%, transparent); align-items: center; cursor: pointer; font-size: 12px; }
.lt-lt-row:last-child { border-bottom: none; }
.lt-lt-row.tstart { border-top: 1px solid var(--bd); }
.lt-lt-row:hover { background: var(--bg2); }
.lt-lt-row.lt-dim { opacity: .35; }
.lt-lt-row > div { padding: 8px; min-width: 0; }
.lt-lt-time { text-align: center; font-family: var(--font-mono); font-weight: 700; color: var(--t2); }
.lt-lt-staff { font-weight: 600; }
.lt-lt-prog .lt-mstaff { font-size: 11px; }
.lt-lt-cnt { text-align: center; font-weight: 600; }
.lt-lt-mem { display: flex; flex-wrap: wrap; gap: 4px; }
.lt-lt-note { color: var(--t2); border-left: 1px solid color-mix(in srgb, var(--bd) 55%, transparent); overflow-wrap: anywhere; font-size: 11px; }
.lt-lt-dash { color: var(--t3); }

/* 팝오버/상세 공용 명단 표 — 컬럼 헤더(No·이름·성별·나이·레벨·비고·결제) */
.lt-rt { min-width: 0; }
/* 단일 클래스 팝오버 — 표가 안 잘리게 폭 확대(가로스크롤 방지) */
#classPop:not(.lt-pop-md) { width: 440px; }
.lt-rt-head, .lt-rt-row { display: grid; grid-template-columns: 26px minmax(58px, 1fr) 36px 46px minmax(70px, 1.3fr) 54px; align-items: center; }
.lt-rt.has-lvl .lt-rt-head, .lt-rt.has-lvl .lt-rt-row { grid-template-columns: 26px minmax(54px, 1fr) 36px 42px 50px minmax(60px, 1.2fr) 54px; }
.lt-rt.has-tk .lt-rt-head, .lt-rt.has-tk .lt-rt-row {
    grid-template-columns: 26px minmax(56px, 1fr) 34px 42px minmax(74px, 1.1fr) minmax(66px, 1.2fr) 52px;
}
.lt-rt.has-lvl.has-tk .lt-rt-head, .lt-rt.has-lvl.has-tk .lt-rt-row {
    grid-template-columns: 26px minmax(52px, 1fr) 34px 40px 46px minmax(70px, 1fr) minmax(60px, 1.1fr) 52px;
}
.lt-rt-tk { min-width: 0; display: flex; align-items: center; gap: 3px; }
.lt-tkwon {
    flex: none;
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--t3);
    white-space: nowrap;
}
.lt-tkchip {
    display: inline-block;
    max-width: 100%;
    padding: 0 4px;
    border: 1px solid var(--bd);
    border-radius: 3px;
    background: var(--bg2);
    color: var(--t2);
    font-size: 10.5px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.lt-rt-head { background: var(--bg2); border-bottom: 1px solid var(--bd); color: var(--t3); font-size: 10.5px; font-weight: 700; }
.lt-rt-head > span { padding: 5px 5px; }
.lt-rt-head > span:nth-child(1), .lt-rt-head > span:nth-child(3) { text-align: center; }
.lt-rt-row { border-bottom: 1px solid color-mix(in srgb, var(--bd) 55%, transparent); font-size: 12px; }
.lt-rt-row:last-child { border-bottom: none; }
.lt-rt-row.lt-unpaid { background: color-mix(in srgb, var(--red) 5%, var(--surface)); }
.lt-rt-row > span { padding: 6px 5px; min-width: 0; }
.lt-rt-no { text-align: center; font-family: var(--font-mono); color: var(--t3); }
.lt-rt-nm { font-weight: 600; color: var(--t1); }
.lt-rt-nm.lt-mlink { cursor: pointer; }
.lt-rt-nm.lt-mlink:hover { text-decoration: underline; }
.lt-rt-nm.lt-guest { font-style: italic; }

/* 이관해 왔지만 아직 누구인지 확정되지 않은 사람. 1회성 손님(기울임)과 구분한다.
   기울임만으로는 3,036명이 묻힌다. 눌러야 할 이름이라는 걸 보이게 한다. */
.lt-rt-nm.lt-review,
.lt-ename.lt-review,
.lt-mc-nm.lt-review {
    font-style: normal;
    color: #8a5300;
    cursor: pointer;
    text-decoration: underline dotted;
    text-underline-offset: 2px;
}

.lt-rt-nm.lt-review:hover,
.lt-ename.lt-review:hover,
.lt-mc-nm.lt-review:hover { text-decoration: underline solid; }

.lt-revtag {
    margin-left: 5px;
    padding: 0 5px;
    font-size: 9.5px;
    font-weight: 700;
    line-height: 15px;
    border-radius: 4px;
    white-space: nowrap;
    background: color-mix(in srgb, #f0a202 20%, var(--surface));
    color: #8a5300;
}

.lt-enroll.lt-needrev,
.lt-mc.lt-needrev { background: color-mix(in srgb, #f0a202 7%, var(--surface)); }
.lt-rt-g { text-align: center; font-weight: 700; font-size: 11px; }
.lt-rt-g.lt-g-m { color: #1657b0; }
.lt-rt-g.lt-g-f { color: #b02a5b; }
.lt-rt-age { font-family: var(--font-mono); color: var(--t2); font-size: 11px; }
.lt-rt-age.lt-age-paper { color: var(--t3); border-bottom: 1px dotted var(--bd2); cursor: help; }
.lt-rt-lvl { text-align: center; }
.lt-rt-note { color: var(--t2); font-size: 11px; overflow-wrap: anywhere; }
.lt-rt-pay { display: flex; align-items: center; justify-content: center; gap: 3px; }
.lt-rt-paid { font-size: 9.5px; color: var(--t3); }
.lt-rt-row:hover .lt-x { opacity: 1; }
@media (hover: none) {
    .lt-rt-pay .lt-x { position: relative; flex: none; width: 20px; height: 20px; padding: 0; margin-left: 0;
        font-size: 16px; color: var(--red); opacity: 1; }
    .lt-rt-pay .lt-x::after { content: ""; position: absolute; inset: -8px; }
}
.lt-rt-empty { padding: 16px; text-align: center; color: var(--t3); font-size: 12px; }
.lt-mc { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; padding: 2px 7px;
    background: var(--surface); border: 1px solid var(--bd); border-radius: 6px; }
.lt-mc-nm { font-weight: 600; color: var(--t1); }
.lt-mc.lt-guest .lt-mc-nm { font-style: italic; }
.lt-mc-g { font-size: 9.5px; font-weight: 800; padding: 0 4px; border-radius: 4px; }
.lt-mc-g.lt-g-m { background: color-mix(in srgb, #1c6fd6 16%, var(--surface)); color: #1657b0; }
.lt-mc-g.lt-g-f { background: color-mix(in srgb, #d6336c 16%, var(--surface)); color: #b02a5b; }
.lt-mc-age { font-family: var(--font-mono); font-size: 10.5px; color: var(--t3); }
.lt-plusdot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); margin-left: 5px; vertical-align: middle; flex: none; }

/* ── 수강생 찾기 모달(Ctrl+F) ── */
.lt-mf-search { display: flex; align-items: center; gap: 8px; border: 1px solid var(--bd2); border-radius: 8px; padding: 0 11px; margin-bottom: 12px; }
.lt-mf-search svg { color: var(--t3); flex: none; }
.lt-mf-search input { flex: 1; border: 0; background: transparent; color: var(--t1); font: inherit; font-size: 15px; padding: 11px 0; outline: none; }
.lt-mf-list { height: 52vh; overflow-y: auto; }
.lt-mf-empty { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; color: var(--t3); font-size: 13px; }
.lt-mf-row { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; background: transparent; border: 0; border-top: 1px solid var(--bd); padding: 12px 6px; cursor: pointer; font: inherit; }
.lt-mf-row:first-child { border-top: 0; }
.lt-mf-row:hover { background: var(--bg2); }
.lt-mf-nm { font-size: 14px; font-weight: 700; color: var(--t1); }
.lt-mf-g { font-size: 10.5px; font-weight: 800; padding: 1px 6px; border-radius: 5px; }
.lt-mf-g.lt-g-m { background: color-mix(in srgb, #1c6fd6 16%, var(--surface)); color: #1657b0; }
.lt-mf-g.lt-g-f { background: color-mix(in srgb, #d6336c 16%, var(--surface)); color: #b02a5b; }
.lt-mf-age { font-family: var(--font-mono); font-size: 11.5px; color: var(--t3); }
.lt-mf-cnt { margin-left: auto; font-size: 12px; color: var(--t2); }
.lt-mf-arrow { color: var(--t3); font-size: 17px; line-height: 1; }
.lt-mf-back { display: inline-flex; align-items: center; background: transparent; border: 0; color: var(--blue); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 4px 2px; margin-bottom: 8px; }
.lt-mf-mhd { font-size: 15px; font-weight: 800; color: var(--t1); margin-bottom: 10px; }
.lt-mf-mhd span { font-weight: 500; color: var(--t3); font-size: 13px; }
.lt-mf-card { border: 1px solid var(--bd); border-radius: 10px; margin-bottom: 12px; overflow: hidden; }
.lt-mf-card:last-child { margin-bottom: 4px; }
.lt-mf-chd { display: flex; align-items: center; gap: 9px; padding: 9px 12px; background: var(--bg2); border-bottom: 1px solid var(--bd); }
.lt-mf-ct { font-size: 11px; font-weight: 700; color: var(--t2); background: var(--bg3); border: 1px solid var(--bd2); border-radius: 5px; padding: 1px 7px; flex: none; }
.lt-mf-cstaff { font-size: 14px; font-weight: 700; color: var(--t1); }
.lt-mf-cwhen { font-size: 12.5px; color: var(--t2); }
.lt-mf-ccap { font-size: 12px; color: var(--t3); margin-left: auto; white-space: nowrap; }
.lt-mf-un { color: var(--red); font-weight: 700; }
.lt-mf-go { flex: none; }
.lt-mf-card .lt-rt { padding: 6px 10px 8px; }
.lt-mf-match { background: color-mix(in srgb, #1c6fd6 12%, var(--surface)); border-radius: 6px; }

/* 특정 날짜 배정(주간/목록 템플릿에서 임시 배지로 구분) */
.lt-temps {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 5px 7px;
    border-top: 1px dashed var(--bd);
}

.lt-temp {
    font-size: 10.5px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    border: 1px dashed color-mix(in srgb, var(--amber) 55%, transparent);
    color: var(--amber);
    background: color-mix(in srgb, var(--amber) 12%, var(--surface));
}

/* 수업 상세(수강생 목록) 팝오버 */
.lt-pop {
    position: fixed;
    z-index: 120;
    width: 300px;
    max-width: calc(100vw - 16px);
    max-height: 72vh;
    overflow-y: auto;
    background: var(--surface);
    border: 1px solid var(--bd);
    border-radius: var(--r2);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    padding: 10px;
}

.lt-pop-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.lt-pop-hd span {
    font-size: 13px;
    font-weight: 700;
    color: var(--t1);
}

.lt-pop-x {
    border: none;
    background: none;
    color: var(--t3);
    cursor: pointer;
    padding: 2px;
    border-radius: 4px;
    line-height: 0;
}

.lt-pop-x:hover {
    background: var(--bg2);
    color: var(--t1);
}

.lt-detail .lt-class {
    margin-bottom: 8px;
    border-left-width: 4px;
}
.lt-detail .lt-class:last-child {
    margin-bottom: 0;
}

/* 날짜 팝오버 2패널(좌 수업목록 · 우 선택 반 상세) — 좌·우 각자 가장 긴 값에 맞춰 동적 폭 */
.lt-pop.lt-pop-md { width: max-content; min-width: 480px; max-width: calc(100vw - 24px); padding: 0; }
.lt-pop-md .lt-pop-hd { margin: 0; padding: 10px 12px; border-bottom: 1px solid var(--bd); }
.lt-dp { display: grid; grid-template-columns: max-content minmax(300px, max-content);
    height: 360px; max-height: calc(80vh - 46px); }
.lt-dp-list { border-right: 1px solid var(--bd); overflow-y: auto; overflow-x: hidden; min-height: 0; }
.lt-dp-detail { padding: 0; overflow: hidden; min-height: 0; }
/* 우측 상세를 패널 높이에 꽉 채움: 로스터가 남는 공간(스크롤), 액션은 하단 고정 */
.lt-dp-detail .lt-class { display: flex; flex-direction: column; height: 100%; margin: 0; }
.lt-dp-detail .lt-enrolls { flex: 1; overflow-y: auto; min-height: 0; }
.lt-dp-detail .lt-class-act { flex: none; }
/* 시안 B + 영역 일체화: 우측 상세를 좌측 목록처럼 영역에 꽉 채움(플로팅 카드·여백 제거), 헤더는 풀폭 반종류 컬러 바 */
.lt-dp-detail .lt-class { border: 0; border-radius: 0; }
.lt-dp-detail .lt-class .lt-class-hd {
    background: color-mix(in srgb, var(--ctype) 13%, var(--surface));
    border-bottom-color: color-mix(in srgb, var(--ctype) 30%, var(--bd));
    padding: 9px 14px;
}
.lt-dp-detail .lt-class .lt-ctime,
.lt-dp-detail .lt-class .lt-type {
    font-size: 12.5px; font-weight: 700;
    color: color-mix(in srgb, var(--ctype) 60%, var(--t1));
    background: transparent; border: 0; border-radius: 0; padding: 0;
}
.lt-dp-detail .lt-enroll { padding-left: 14px; padding-right: 14px; }
.lt-dp-detail .lt-class-act { padding-left: 14px; padding-right: 14px; }
.lt-dp-item { box-sizing: border-box; display: flex; align-items: center; gap: 6px; width: 100%; text-align: left;
    cursor: pointer; padding: 8px 10px; background: none; border: none; border-bottom: 1px solid var(--bd);
    border-left: 3px solid var(--ctype, transparent); font: inherit; }
.lt-dp-item:hover { background: var(--bg2); }
.lt-dp-item.on { background: color-mix(in srgb, var(--ctype) 12%, var(--surface)); }
.lt-dp-item.lt-adult_small { --ctype: #d6336c; }
.lt-dp-item.lt-play        { --ctype: #2f9e44; }
.lt-dp-item.lt-regular     { --ctype: #8b8e95; }
.lt-dp-item.lt-masters     { --ctype: #e8590c; }
.lt-dp-item.lt-etc         { --ctype: var(--bd); }
.lt-dp-time { flex: none; min-width: 32px; font-family: var(--font-mono); font-weight: 700; font-size: 12px; color: var(--t1); }
.lt-dp-type { flex: none; white-space: nowrap; font-size: 12px; font-weight: 600; color: var(--t1); }
.lt-dp-sp { flex: 1; min-width: 12px; }
.lt-dp-unpaid { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--red); }
.lt-dp-cap { flex: none; font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--t2); }
.lt-dp-cap.full { color: var(--red); }
@media (max-width: 560px) {
    .lt-pop.lt-pop-md { width: auto; min-width: 0; max-width: calc(100vw - 16px); }
    .lt-rt-head, .lt-rt-row { grid-template-columns: 20px minmax(44px, 1fr) 26px 36px minmax(44px, 1.2fr) 54px; }
    .lt-rt.has-lvl .lt-rt-head, .lt-rt.has-lvl .lt-rt-row { grid-template-columns: 20px minmax(44px, 1fr) 26px 36px 36px minmax(40px, 1.1fr) 54px; }
    .lt-rt.has-tk .lt-rt-head, .lt-rt.has-tk .lt-rt-row { grid-template-columns: 20px minmax(44px, 1fr) 26px 36px minmax(48px, 1fr) minmax(40px, 1fr) 54px; }
    .lt-rt.has-lvl.has-tk .lt-rt-head, .lt-rt.has-lvl.has-tk .lt-rt-row { grid-template-columns: 20px minmax(44px, 1fr) 26px 36px 36px minmax(48px, 1fr) minmax(40px, 1fr) 54px; }
    .lt-rt-head > span, .lt-rt-row > span { padding-left: 2px; padding-right: 2px; }
    .lt-dp { grid-template-columns: 1fr; height: auto; }
    .lt-dp-list { border-right: none; border-bottom: 1px solid var(--bd); max-height: 30vh; }
    .lt-dp-detail { overflow-y: auto; max-height: 46vh; }
    .lt-dp-detail .lt-class { height: auto; }
    .lt-dp-detail .lt-enrolls { flex: none; overflow: visible; }
}

/* ═══════════════ 주간 하위 레이아웃(격자/강사열/강사밴드) ═══════════════ */
.lt-wkbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-bottom: 12px; }
.lt-wktabs { display: inline-flex; gap: 2px; padding: 2px; background: var(--bg2); border: 1px solid var(--bd); border-radius: var(--r2); }
.lt-wktab { border: none; background: none; color: var(--t2); font-size: 12.5px; font-weight: 600; padding: 5px 13px; border-radius: calc(var(--r2) - 2px); cursor: pointer; }
.lt-wktab:hover { color: var(--t1); }
.lt-wktab.on { background: var(--surface); color: var(--brand); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.lt-wkctrl { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.lt-wklabel { font-size: 12px; color: var(--t3); font-weight: 600; }

/* 강사 포커스 칩(격자) */
.lt-ichip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 11px; border-radius: 999px;
    border: 1px solid var(--bd); background: var(--surface); font-size: 12px; font-weight: 600; color: var(--t2); cursor: pointer; }
.lt-ichip:hover { border-color: var(--bd2); }
.lt-ichip.on { color: #fff; border-color: transparent; }
.lt-idot { width: 9px; height: 9px; border-radius: 50%; flex: none; }

/* 카드 overflow:hidden이 sticky 헤더를 가둬 스크롤을 못 따라오게 함 → 시간표 카드만 해제 */
.lt-cal-main { overflow: visible; }

/* 회원 이름 링크(클릭 시 회원 정보) */
.lt-mlink { cursor: pointer; }
.lt-mlink:hover { text-decoration: underline; }

/* ── 주간 격자(lt-wk2): 시간=행 왼쪽 고정 거터 + 요일=상단 sticky 헤더 ── */
.lt-wk2 { border: 1px solid var(--bd); border-radius: var(--r2); background: var(--surface); }
.lt-wk2-head,
.lt-wk2-row { display: grid; grid-template-columns: 54px repeat(7, minmax(0, 1fr)); }
/* .content의 padding-top(18px/모바일14px)을 음수 top+동일 padding으로 상쇄 → 헤더 위 칩 새는 현상 제거 */
.lt-wk2-head { position: sticky; top: -18px; z-index: 4; background: var(--bg2);
    padding-top: 18px; border-bottom: 1px solid var(--bd); border-radius: var(--r2) var(--r2) 0 0; }
@media (max-width: 820px) { .lt-wk2-head { top: -14px; padding-top: 14px; } }
.lt-wk2-head > div { padding: 9px 6px; text-align: center; font-size: 12px; font-weight: 700; color: var(--t1); }
.lt-wk2-corner { position: sticky; left: 0; z-index: 1; background: var(--bg2);
    color: var(--brand); font-family: var(--font-mono); border-right: 1px solid var(--bd); }
.lt-wk2-dh.sat { color: var(--blue); }
.lt-wk2-dh.sun { color: var(--red); }
.lt-wk2-row { border-top: 1px solid var(--bd); }
.lt-wk2-head + .lt-wk2-row { border-top: none; }
.lt-wk2-time { position: sticky; left: 0; z-index: 1; background: var(--bg2);
    display: flex; align-items: flex-start; justify-content: center; padding-top: 8px;
    font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--t2);
    border-right: 1px solid var(--bd); }
.lt-wk2-cell { padding: 5px 3px; min-height: 46px; border-right: 1px solid var(--bd);
    display: flex; flex-direction: column; gap: 4px; }
.lt-wk2-cell:last-child { border-right: none; }
/* 빈 칸: 편성 권한이 있을 때만 누를 수 있고, 눌러야 알 수 있게 hover에서만 드러낸다 */
.lt-wk2-cell.openable { cursor: pointer; }
.lt-wk2-cell.openable:hover { background: color-mix(in srgb, var(--brand) 8%, transparent); }
.lt-wk2-cell.openable:hover::after {
    content: "＋ 반";
    display: block;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: var(--brand);
    line-height: 36px;
}

/* 주간 편성 칩 — 좌: 강사 이름(크게) / 우: 반종류·정원·미납(스택). 색은 반종류로 구분 */
.lt-wkchip { display: flex; flex-direction: column; padding: 5px 9px; margin-bottom: 4px;
    background: color-mix(in srgb, var(--ctype, transparent) 18%, var(--surface));
    border: 1px solid color-mix(in srgb, var(--ctype) 45%, var(--bd));
    border-left: 4px solid var(--ctype, var(--bd));
    border-radius: 0; line-height: 1.25; cursor: pointer; overflow: hidden; }
.lt-wkchip:last-child { margin-bottom: 0; }
.lt-wkchip:hover { filter: brightness(0.97); border-color: color-mix(in srgb, var(--ctype) 70%, var(--bd)); }
/* 헤더 행(강사 좌 · 인원/미납 우) */
.lt-wkc-hd { display: flex; flex-direction: row; align-items: center; gap: 8px; width: 100%; }
/* 명단(수강생 목록) — '명단 보기' ON일 때만. 폭 100%(칩 좌우/하단 패딩 상쇄), 상단 구분선만 */
.lt-wkc-roster { margin: 5px -9px -5px; background: var(--surface); overflow: hidden;
    border-top: 1px solid color-mix(in srgb, var(--ctype) 38%, var(--bd)); }
.lt-wkc-roster .lt-enroll { font-size: 11px; padding: 3px 5px; gap: 3px; }
.lt-wkc-roster .lt-eno { min-width: 14px; }
.lt-wkc-roster .lt-espacer { display: none; }
.lt-wkchip { container: lt-chip / inline-size; }
.lt-wkc-roster .lt-esfx { min-width: 0; margin-left: -3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
@container lt-chip (max-width: 159px) { .lt-wkc-roster .lt-esfx { display: none; } }
.lt-wkc-roster .lt-emeta { flex: 0 1000 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lt-wkc-roster .lt-kind { margin-left: auto; }
.lt-wkc-roster .lt-level { margin-left: 0; padding: 1px 3px; }
.lt-wkc-roster .lt-x { position: absolute; top: 0; right: 0; bottom: 0; padding: 0 5px; background: inherit; pointer-events: none; }
.lt-wkc-roster .lt-enroll:hover .lt-x { pointer-events: auto; }
/* 미납 라벨(시안 A) — 배정 줄 오른쪽. hover 시에도 유지(취소 × 옆에 표시) */
.lt-updot { flex: none; font-size: 9.5px; font-weight: 800; color: var(--red); background: color-mix(in srgb, var(--red) 12%, transparent); border-radius: 5px; padding: 1px 5px; white-space: nowrap; margin-right: 2px; }
/* 반종류별 배경 — 진하게(채도 상향) */
.lt-wkchip.lt-adult_small { --ctype: #d6336c; background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }
.lt-wkchip.lt-play        { --ctype: #2f9e44; background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }
.lt-wkchip.lt-regular     { --ctype: #8b8e95; background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }
.lt-wkchip.lt-masters     { --ctype: #e8590c; background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }
.lt-wkchip.lt-etc         { --ctype: var(--bd); }
/* 수강생 검색 — 매칭 반 강조 / 비매칭 흐림 */
.lt-wkchip.lt-hit { box-shadow: 0 0 0 2px var(--brand), 0 2px 8px color-mix(in srgb, var(--brand) 30%, transparent); }
.lt-wkchip.lt-dim { opacity: .32; filter: saturate(.5); }

/* 강사 이름 — 크게, 왼쪽, 두 줄 세로 중앙 */
.lt-wkc-staff { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 14.5px; font-weight: 800; letter-spacing: -.01em; color: var(--t1); }

/* 부가정보 — 오른쪽 스택(위: 인원 / 아래: 미납). 미납 없어도 높이 유지 + 세로 가운데 정렬 */
.lt-wkc-meta { flex: none; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 2px; min-height: 30px; }
.lt-wkc-cap { display: inline-flex; align-items: center; gap: 2px;
    font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; color: var(--t2); }
.lt-wkc-cap.full { color: var(--red); }
.lt-wkc-unpaid { font-size: 9.5px; font-weight: 700; color: var(--red);
    background: color-mix(in srgb, var(--red) 15%, var(--surface));
    border-radius: 4px; padding: 1px 5px; white-space: nowrap; }

/* 팝오버 액션 라인 — 인원을 맨 오른쪽에 */
.lt-pop-act { display: flex; align-items: center; }
.lt-pop-cap { margin-left: auto; display: inline-flex; align-items: center; gap: 3px;
    font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--t2); }
.lt-pop-cap .lt-seat { opacity: .7; }
.lt-pop-cap.full { color: var(--red); }

/* B · 강사=열: 요일 탭 */
.lt-daytabs { display: inline-flex; gap: 2px; padding: 3px; background: var(--bg2); border: 1px solid var(--bd); border-radius: var(--r2); }
.lt-daytab { border: none; background: none; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--t2);
    padding: 4px 12px; border-radius: 5px; cursor: pointer; }
.lt-daytab.on { background: var(--surface); color: var(--brand); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }

/* B · 강사=열 격자 */
.lt-staffgrid { display: grid; gap: 1px; background: var(--bd); border: 1px solid var(--bd);
    border-radius: var(--r2); overflow: hidden; min-width: 640px; }
.lt-sg-corner, .lt-sg-time { background: var(--bg2); }
.lt-sg-time { font-family: var(--font-mono); font-size: 11.5px; font-weight: 600; color: var(--t3);
    display: flex; align-items: center; justify-content: center; padding: 6px 0; }
.lt-sg-ihd { padding: 8px 10px; background: color-mix(in srgb, var(--ihd) 12%, var(--surface));
    border-bottom: 2px solid var(--ihd); }
.lt-sg-ihd .nm { font-weight: 700; font-size: 13px; color: var(--t1); }
.lt-sg-cell { background: var(--surface); padding: 5px; display: flex; flex-direction: column; gap: 3px;
    min-height: 44px; cursor: pointer; }
.lt-sg-cell.empty { cursor: default; background: var(--bg); }
.lt-sg-cell:not(.empty):hover { background: var(--bg2); }
.lt-sg-ct { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 700;
    color: color-mix(in srgb, var(--ct) 55%, var(--t2)); }
.lt-sg-cap { margin-left: auto; font-family: var(--font-mono); color: var(--t3); font-weight: 600; }
.lt-sgm { font-size: 11.5px; padding: 2px 7px; border-radius: 5px; display: flex; align-items: center; gap: 5px;
    border: 1px solid transparent; }
.lt-sgm .nm { font-weight: 600; }
.lt-sgm .g { color: var(--t3); font-size: 10px; }
.lt-sgm.paid { background: var(--ct); color: #1f2937; }
.lt-sgm.paid .nm { color: #1f2937; }
.lt-sgm.paid .g { color: #374151; }
.lt-sgm.unpaid { background: var(--surface); border-color: var(--bd); color: var(--t2); }
.lt-sgm.lt-hold { background: #66ccff; color: #0b4a63; }
.lt-sgm.lt-hold .nm, .lt-sgm.lt-hold .g { color: #0b4a63; }
.lt-sg-blank { font-size: 11px; color: var(--t3); padding: 2px 4px; }

/* C · 강사=행 밴드 */
.lt-bandgrid { display: grid; grid-template-columns: 116px repeat(7, minmax(112px, 1fr)); gap: 6px; min-width: 960px; }
.lt-bd-hd { font-size: 12px; font-weight: 700; color: var(--t2); text-align: center; padding: 6px 0; }
.lt-bd-hd.sat { color: var(--blue); }
.lt-bd-hd.sun { color: var(--red); }
.lt-daytab.sat { color: var(--blue); }
.lt-daytab.sun { color: var(--red); }
.lt-bd-inst { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid var(--bd);
    border-left: 4px solid var(--irail); border-radius: var(--r2); background: var(--surface); font-weight: 700; font-size: 13px; }
.lt-bd-av { width: 23px; height: 23px; border-radius: 50%; display: grid; place-items: center; color: #fff;
    font-size: 11px; font-weight: 700; flex: none; }
.lt-bd-cell { border: 1px solid var(--bd); border-radius: var(--r2); background: var(--surface); padding: 5px;
    display: flex; flex-direction: column; gap: 4px; min-height: 46px; }
.lt-bd-cell.empty { background: var(--bg); border-style: dashed; }
.lt-sess { display: flex; align-items: center; gap: 6px; font-size: 11px; padding: 3px 7px; border-radius: 5px;
    border-left: 3px solid var(--ct, var(--bd2)); background: color-mix(in srgb, var(--ct) 20%, var(--surface)); cursor: pointer; }
.lt-sess:hover { filter: brightness(0.97); }
.lt-sess .tm { font-family: var(--font-mono); font-weight: 700; color: var(--t1); }
.lt-sess .ty { color: var(--t2); }
.lt-sess .cn { margin-left: auto; font-family: var(--font-mono); color: var(--t3); }

/* ═══════════════ 회원 정보 모달(회원 상세 임베드) ═══════════════ */
.mi-modal { width: 1200px; max-width: calc(100vw - 40px); height: 86vh; display: flex; flex-direction: column; }
.mi-modal .m-hd { flex: none; }
.m-hd-act { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.mi-frame-wrap { flex: 1; min-height: 0; background: var(--bg); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; overflow: hidden; }
.mi-frame { width: 100%; height: 100%; border: 0; display: block; }

/* ── 성인 단체수업 신규 반종류 + 레벨 태그(V47) ── */
.lt-class.lt-adult_group, .lt-wkchip.lt-adult_group, .lt-dp-item.lt-adult_group { --ctype: #1c6fd6; }
.lt-class.lt-free,        .lt-wkchip.lt-free,        .lt-dp-item.lt-free        { --ctype: #2F9D27; }
.lt-class.lt-aqua,        .lt-wkchip.lt-aqua,        .lt-dp-item.lt-aqua        { --ctype: #b7791f; }
.lt-class.lt-basketball,  .lt-wkchip.lt-basketball,  .lt-dp-item.lt-basketball  { --ctype: #ea580c; }
.lt-class.lt-inline,      .lt-wkchip.lt-inline,      .lt-dp-item.lt-inline      { --ctype: #0891b2; }
.lt-class.lt-badminton,   .lt-wkchip.lt-badminton,   .lt-dp-item.lt-badminton   { --ctype: #7c3aed; }
.lt-wkchip.lt-adult_group { background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }
.lt-wkchip.lt-free        { background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }
.lt-wkchip.lt-aqua        { background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }
.lt-wkchip.lt-basketball,
.lt-wkchip.lt-inline,
.lt-wkchip.lt-badminton   { background: color-mix(in srgb, var(--ctype) 18%, var(--surface)); }

.lt-level { flex: none; font-size: 9.5px; font-weight: 800; color: #fff; border-radius: 5px; padding: 1px 5px; margin-left: 2px; }
.lt-level-beginner     { background: #4a90d9; }
.lt-level-intermediate { background: #e6a417; }
.lt-level-advanced     { background: #e5484d; }

/* ── 월간: 그날 강사 이름 칩(밀도 요약 대체) ── */
.lt-mstaffs { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 2px; }
/* 월간 요약 셀 — 반종류 카운트 + 인원/미납 */
.lt-msum { display: flex; flex-direction: column; gap: 4px; margin-top: 3px; }
.lt-msum.lt-dim { opacity: .32; }
.lt-mstaff { --ctype: #8b8e95; font-size: 11.5px; font-weight: 700;
    color: color-mix(in srgb, var(--ctype) 68%, var(--t1));
    background: color-mix(in srgb, var(--ctype) 15%, var(--surface)); border-radius: 6px; padding: 1px 7px; cursor: pointer; }
.lt-mstaff:hover { background: color-mix(in srgb, var(--ctype) 30%, var(--surface)); }
.lt-mstaff.lt-adult_small { --ctype: #d6336c; }
.lt-mstaff.lt-play        { --ctype: #2f9e44; }
.lt-mstaff.lt-regular     { --ctype: #8b8e95; }
.lt-mstaff.lt-masters     { --ctype: #e8590c; }
.lt-mstaff.lt-adult_group { --ctype: #1c6fd6; }
.lt-mstaff.lt-free        { --ctype: #2F9D27; }
.lt-mstaff.lt-aqua        { --ctype: #b7791f; }
.lt-mstaff.lt-basketball  { --ctype: #ea580c; }
.lt-mstaff.lt-inline      { --ctype: #0891b2; }
.lt-mstaff.lt-badminton   { --ctype: #7c3aed; }
.lt-mstaff.lt-etc         { --ctype: var(--bd); }

/* 월간 강사칩 — 수강생 검색 하이라이트 */
.lt-mstaff.lt-hit { background: var(--brand); color: #fff; box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 30%, transparent); }
.lt-mstaff.lt-dim { opacity: .32; }

/* ═══════════ 반 편성 모드 ═══════════
   접수 건에서 넘어와 시간표 위에서 자리를 고른다. 명단·미납은 접고 강사명과 남은 자리만 남긴다. */
.as-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    border: 1px solid var(--brand); background: color-mix(in srgb, var(--brand) 7%, var(--surface));
    padding: 9px 12px; margin-bottom: 10px; }
.as-bar[hidden] { display: none; }
.as-who { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.as-tag { font-size: 11px; font-weight: 700; color: var(--brand);
    border: 1px solid var(--brand); padding: 2px 6px; }
.as-who b { font-weight: 700; color: var(--t1); }
.as-scope { font-size: 12px; color: var(--t3); }
.as-want { flex: 1; min-width: 0; font-size: 12px; color: var(--t2); }
.as-lb { font-size: 11px; color: var(--t3); margin-right: 6px; }

/* 종목·연령·달은 신청 건에 묶여 바뀌지 않는다. 수업 필터는 남긴다 — 상담에서 바꾸는 게 그거다 */
.as-mode .lt-sections, .as-mode .lt-ages, .as-mode .lt-mine { display: none; }

.as-chip-cell { cursor: pointer; }
.as-chip-cell .as-rm { font-size: 11px; font-weight: 700; color: var(--t3);
    font-variant-numeric: tabular-nums; }
/* 수업 색도 초록이라 테두리만으로는 고른 칸이 안 갈린다. 채워서 명암으로 가른다. */
.as-chip-cell.as-on { background-color: var(--brand); border-color: var(--brand); }
.as-chip-cell.as-on .lt-wkc-staff, .as-chip-cell.as-on .as-rm { color: #fff; }
.as-chip-cell.as-on .as-ck { display: inline-flex; }
.as-ck { display: none; width: 11px; height: 11px; flex: none; margin-right: 4px;
    color: #fff; vertical-align: -1px; }
.as-chip-cell.as-off, .as-chip-cell.as-out { opacity: .38; cursor: not-allowed; }
/* 희망한 칸 — 인원 왼쪽에 글자로 붙인다. 고른 칸에서는 빼고 체크가 대신 말한다. */
.as-wl { flex: none; margin-right: 5px; font-size: 10px; font-weight: 700;
    color: var(--red); white-space: nowrap; letter-spacing: -.02em; }

/* 격자 위에 떠 있는 바. 아래로 비치는 틈이 생기면 격자가 잘린 것처럼 보이므로
   편성 모드에서는 본문 아래 여백을 걷고 독이 바닥에 딱 붙게 둔다. */
.as-mode .content { padding-bottom: 0; }
.as-mode .lt-cal-main { margin-bottom: 0; }
.as-dock { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    position: sticky; bottom: 0; z-index: 5; margin-top: 0;
    border: 1px solid var(--bd); border-top-color: var(--brand); border-top-width: 2px;
    background: var(--surface); padding: 10px 12px;
    box-shadow: 0 -8px 20px rgba(0, 0, 0, .10); }
.as-dock[hidden] { display: none; }
.as-dock-l { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.as-dock-r { display: flex; align-items: center; gap: 8px; flex: none; }
.as-picked { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.as-none { font-size: 12px; color: var(--t3); }
.as-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 12px;
    border: 1px solid var(--bd); background: var(--bg2); padding: 3px 4px 3px 7px; }
.as-chip b { font-weight: 700; color: var(--t1); }
.as-chip .as-t { font-variant-numeric: tabular-nums; color: var(--t1); }
.as-chip .as-s { color: var(--t3); }
.as-x { border: none; background: none; color: var(--t3); cursor: pointer;
    font-size: 15px; line-height: 1; padding: 0 3px; }
.as-x:hover { color: var(--red); }
.as-sum { font-size: 12.5px; color: var(--t2); }
.as-sum b { font-weight: 700; color: var(--t1); }
.as-warn { color: var(--red); font-weight: 600; }
.as-diff { display: block; font-size: 11px; color: var(--amber); }

/* 반 상세의 요금. 정원 칩 왼쪽에 붙어 한 줄에 들어간다 */
.lt-price {
    flex: none;
    margin-left: auto;
    padding: 1px 7px;
    border: 1px solid var(--bd);
    border-radius: 20px;
    background: var(--bg2);
    color: var(--t2);
    font-family: var(--font-mono);
    font-size: 10.5px;
    line-height: 1.5;
    white-space: nowrap;
}
.lt-price.none {
    border-color: color-mix(in srgb, var(--red) 40%, var(--bd));
    background: color-mix(in srgb, var(--red) 10%, var(--surface));
    color: var(--red);
    font-family: inherit;
}
/* 팝오버 액션 줄에서는 정원 칩이 오른쪽 끝을 잡으므로 요금이 밀어내지 않게 둔다 */
.lt-pop-act .lt-price { margin-left: auto; margin-right: 4px; }
.lt-class-hd .lt-cap { margin-left: 4px; }

.lt-cal-main { container: lt-cal / inline-size; }
.lt-wkdays { display: none; }
@container lt-cal (max-width: 860px) {
    .lt-wkdays { display: block; position: sticky; top: -18px; z-index: 5;
        padding: 18px 8px 8px; background: var(--bg2); }
    .lt-wkdays-in { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; padding: 3px;
        background: var(--bg2); border: 1px solid var(--bd); border-radius: var(--r2); }
    .lt-wkday { min-width: 0; min-height: 40px; padding: 0; border: none; background: none;
        border-radius: calc(var(--r2) - 2px); font: inherit; font-size: 14px; font-weight: 600;
        color: var(--t2); cursor: pointer; }
    .lt-wkday:hover { color: var(--t1); }
    .lt-wkday.sat { color: var(--blue); }
    .lt-wkday.sun { color: var(--red); }
    .lt-wkday.none { opacity: .45; }
    .lt-wkday.on { opacity: 1; background: var(--surface); color: var(--brand);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
    .lt-wkparts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 6px; }
    .lt-wkpart { display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 40px;
        padding: 0 6px; border: 1px solid var(--bd); border-radius: var(--r2); background: var(--surface);
        font: inherit; color: var(--t2); white-space: nowrap; cursor: pointer; }
    .lt-wkpart b { font-size: 13px; font-weight: 700; }
    .lt-wkpart-r { font-size: 12px; font-variant-numeric: tabular-nums; color: var(--t3); }
    .lt-wkpart.on { border-color: var(--brand); color: var(--brand);
        background: color-mix(in srgb, var(--brand) 8%, var(--surface)); }
    .lt-wkpart.on .lt-wkpart-r { color: inherit; }
    .lt-wkpart.none { opacity: .45; cursor: default; }
    .lt-wk2-head { display: none; }
    .lt-wk2-row { grid-template-columns: 54px minmax(0, 1fr); }
    .lt-wk2-cell:not(.on) { display: none; }
    .lt-wk2-cell.on { border-right: none; }
    .lt-list1 { padding: 12px; }
    .lt-lnav { display: none; }
    .lt-ltabs { display: flex; flex: 1 1 auto; min-width: 0; }
    .lt-ltab { flex: 1 1 0; min-width: 0; min-height: 40px; padding: 0; }
    .lt-lt-head { display: none; }
    .lt-lt-row { grid-template-columns: 48px minmax(0, 1fr) auto auto;
        grid-template-areas: "time staff prog cnt" "time mem mem mem" "time note note note"; }
    .lt-lt-time { grid-area: time; align-self: start; }
    .lt-lt-staff { grid-area: staff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
    .lt-lt-prog { grid-area: prog; padding-left: 0; padding-right: 0; }
    .lt-lt-cnt { grid-area: cnt; white-space: nowrap; }
    .lt-lt-cnt::after { content: "명"; font-weight: 500; color: var(--t3); }
    .lt-lt-mem { grid-area: mem; padding-top: 0; }
    .lt-lt-note { grid-area: note; padding-top: 0; border-left: none; }
    .lt-lt-note:empty { display: none; }
}
.lt-ftoggle { display: none; }
@media (max-width: 820px) {
    .lt-wkdays { top: -14px; padding-top: 14px; }
    .lt-toolbar { gap: 8px 10px; }
    .lt-ftoggle { display: inline-flex; align-items: center; gap: 6px; min-height: 37px; padding: 0 12px; margin-left: auto;
        border: 1px solid var(--bd); border-radius: var(--r2); background: var(--surface);
        font: inherit; font-size: 13px; font-weight: 600; color: var(--t2); cursor: pointer; }
    .lt-ftoggle svg { width: 14px; height: 14px; flex: none; }
    .lt-ftoggle[aria-expanded="true"] { border-color: var(--brand); color: var(--brand); }
    .lt-fcnt { display: inline-block; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--brand);
        color: #fff; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }
    .lt-fcnt[hidden] { display: none; }
    .lt-search { flex: 1 1 100%; }
    .lt-search .inp { width: 100%; }
    .lt-legend:not(.open) { display: none; }
}

.lt-trialhint { margin-top: 6px; font-size: 11.5px; color: var(--t3); }
.lt-paytoggle { margin-top: 10px; }
.lt-paytoggle[hidden] { display: none; }