:root{
  --teal:#296178; --teal-d:#1d4a5c; --beige:#E6DDDA; --bluegray:#6F8FB9;
  --ink:#2b2b2b; --muted:#7a8593; --line:#e6e8ec; --bg:#f4f6f8; --card:#fff;
  --ok:#2e9e5b; --warn:#e0913a; --danger:#d4574e; --accent:#296178;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}
a{color:var(--teal);text-decoration:none}

/* ── 布局 ── */
.layout{display:flex;min-height:100vh}
.sidebar{width:210px;background:var(--teal);color:#dbe7ec;display:flex;flex-direction:column;
  position:fixed;top:0;bottom:0;left:0;z-index:20}
.brand{padding:20px 18px;font-size:19px;font-weight:700;color:#fff;letter-spacing:1px}
.brand span{display:block;font-size:11px;font-weight:400;color:#9fc0cd;letter-spacing:3px;margin-top:2px}
.sidebar nav{flex:1;padding:6px 10px;display:flex;flex-direction:column;gap:2px}
.sidebar nav a{color:#cfe0e7;padding:10px 14px;border-radius:8px;font-size:14px;transition:.15s}
.sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.sidebar nav a.active{background:#fff;color:var(--teal);font-weight:600}
.userbox{padding:14px 18px;border-top:1px solid rgba(255,255,255,.12)}
.uname{font-weight:600;color:#fff}
.urole{font-size:12px;color:#9fc0cd;margin-bottom:8px}
.logout{display:inline-block;color:#cfe0e7;font-size:12px;border:1px solid rgba(255,255,255,.25);
  padding:4px 12px;border-radius:6px}
.logout:hover{background:rgba(255,255,255,.1);color:#fff}

.content{flex:1;margin-left:210px;display:flex;flex-direction:column;min-width:0}
.topbar{display:flex;align-items:center;gap:14px;padding:16px 26px;background:var(--card);
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.topbar h1{font-size:19px;margin:0;flex:1}
.topbar .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.menubtn{display:none;font-size:22px;cursor:pointer}
.page{padding:24px 26px;max-width:1180px}

/* ── 卡片 / 统计 ── */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.stat .num{font-size:30px;font-weight:700;color:var(--teal)}
.stat .lbl{color:var(--muted);font-size:13px;margin-top:2px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:20px}
.panel h2{margin:0 0 14px;font-size:16px}

/* ── 按钮 ── */
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:#fff;border:none;
  padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--teal-d)}
.btn:disabled{opacity:.62;cursor:not-allowed}
.btn:disabled:hover{background:var(--teal)}
.btn.ghost{background:#fff;color:var(--teal);border:1px solid var(--teal)}
.btn.sm{padding:5px 10px;font-size:12px}
.btn.danger{background:var(--danger)}
.btn.gray{background:#eef1f4;color:#555}

/* ── 表格 ── */
table.grid{width:100%;border-collapse:collapse;background:var(--card);border-radius:12px;overflow:hidden}
.grid th{background:#f3f5f7;text-align:left;padding:11px 12px;font-size:12px;color:var(--muted);
  font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap}
.grid td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.grid tr:last-child td{border-bottom:none}
.grid tr:hover td{background:#fafbfc}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.tablewrap>.grid{min-width:860px}

/* ── 标签 / 状态 ── */
.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}
.t-在读,.t-已完成{background:#e3f4ea;color:#2e7d4f}
.t-咨询中,.t-待上课{background:#e7eefaff;color:#3a6abf}
.t-已结束{background:#eceff2;color:#7a8593}
.t-已退费,.t-请假{background:#fdecea;color:#c0493f}
.t-调课{background:#fbf2e0;color:#b07a25}
.inline-status-form{margin:0}
.status-select{border:0;border-radius:20px;padding:3px 22px 3px 9px;font:600 12px inherit;
  max-width:94px;cursor:pointer;appearance:auto}

/* ── 表单 ── */
form.vform{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px;max-width:760px}
form.vform .full{grid-column:1/-1}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px;font-weight:600}
.field input,.field select,.field textarea{width:100%;padding:9px 11px;border:1px solid #d4d9e0;
  border-radius:8px;font-size:14px;font-family:inherit;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(41,97,120,.12)}
.field textarea{min-height:80px;resize:vertical}
.formbar{display:flex;gap:10px;margin-top:8px}

/* ── 多选标签(chips) ── */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer;user-select:none}
.chip input{position:absolute;opacity:0;width:0;height:0}
.chip span{display:inline-block;padding:7px 14px;border:1px solid #d4d9e0;border-radius:20px;
  font-size:13px;background:#fff;color:#555;transition:.12s;line-height:1}
.chip input:checked + span{background:var(--teal);color:#fff;border-color:var(--teal)}
.chip:hover span{border-color:var(--teal)}
.chip-busy{display:inline-block;padding:7px 14px;border:1px dashed #d9b3b0;border-radius:20px;
  font-size:13px;background:#fbeeec;color:#b06a63;line-height:1;cursor:not-allowed}
.chip.star span{border-color:#e0913a;background:#fff7ea;color:#a8651a}
.chip.star input:checked + span{background:#296178;color:#fff;border-color:#296178}
.roomrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.roomrow label{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted)}
.roomrow input{padding:6px 8px;border:1px solid #d4d9e0;border-radius:6px;font-size:13px}
.chip-search{width:100%;max-width:320px;padding:8px 11px;border:1px solid #d4d9e0;border-radius:8px;
  font-size:14px;margin-bottom:8px;display:block}
.chips.scroll{max-height:160px;overflow-y:auto;padding:8px;border:1px solid #eef0f3;border-radius:8px;background:#fafbfc}

/* ── 搜索式下拉多选 ── */
.combo{position:relative;border:1px solid #d4d9e0;border-radius:8px;padding:6px 8px;background:#fff}
.combo-tags{display:flex;flex-wrap:wrap;gap:6px}
.combo-tags:empty{display:none}
.combo-tag{background:var(--teal);color:#fff;border-radius:16px;padding:3px 6px 3px 11px;font-size:13px;
  display:inline-flex;align-items:center;gap:6px;margin-bottom:4px}
.combo-tag b{cursor:pointer;font-weight:700;font-size:15px;line-height:1;opacity:.85}
.combo-tag b:hover{opacity:1}
.combo-input{border:none;outline:none;padding:6px 4px;font-size:14px;width:100%;font-family:inherit;background:transparent}
.combo-list{position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border:1px solid #d4d9e0;
  border-radius:10px;margin-top:4px;max-height:220px;overflow-y:auto;box-shadow:0 10px 28px rgba(0,0,0,.14);display:none}
.combo-list.show{display:block}
.combo-opt{display:flex;align-items:center;gap:9px;padding:9px 13px;cursor:pointer;font-size:14px;border-bottom:1px solid #f3f5f7}
.combo-opt:last-child{border-bottom:none}
.combo-opt:hover{background:#f3f6f8}
.combo-opt input{margin:0;width:16px;height:16px;accent-color:var(--teal)}

/* ── 重复排课 ── */
.repeat-box{border:1px dashed #d4d9e0;border-radius:10px;padding:14px;background:#fafbfc}
.repeat-box .wd{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.repeat-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cal{background:#fff;border:1px solid #e6e8ec;border-radius:10px;padding:12px;max-width:360px}
.cal-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cal-head button{border:none;background:#eef1f4;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:16px;line-height:1}
.cal-head button:hover{background:#e1e6ea}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-wd{text-align:center;font-size:12px;color:var(--muted);padding:3px 0}
.cal-day{text-align:center;padding:7px 0;border-radius:7px;cursor:pointer;font-size:13px;border:1px solid transparent;user-select:none}
.cal-day:hover{background:#eef3f6}
.cal-day.on{background:var(--teal);color:#fff;font-weight:600}
.cal-day.conflict{background:#fff1f0;border-color:#e19a94;color:#a33d35;font-weight:700}
.cal-day.on.conflict{background:#c85d55;color:#fff;border-color:#b64d45}
.cal-day.disabled{background:#eef0f1;color:#9ca8ad;border-color:#d7dde0;cursor:not-allowed;text-decoration:line-through}
.occ-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #eceef1;border-radius:8px;margin-bottom:6px;background:#fff;flex-wrap:wrap}
.occ-row.conflict{border-color:#e8b0aa;background:#fff8f7;flex-wrap:wrap}
.occ-conflict-text{flex:1 1 100%;font-size:12px;color:#ad463e;margin-left:100px}
.occ-date{min-width:92px;font-size:13px;font-weight:600;color:#3a4a5a}
.occ-t{width:78px;padding:5px 8px;border:1px solid #d4d9e0;border-radius:6px;font-size:13px}
.occ-mini{width:104px;padding:5px 8px;border:1px solid #d4d9e0;border-radius:6px;font-size:12px}
.occ-subj{width:132px}.occ-teacher{width:112px}.occ-room{width:96px}
.occ-add{padding:4px 8px;font-size:11px}
.occ-x{margin-left:auto;cursor:pointer;color:#c0493f;font-weight:700;font-size:18px;line-height:1;padding:0 4px}
.auto-study-row{margin-top:12px;padding:10px;border:1px dashed #cbd7df;border-radius:10px;background:#f8fbfc;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.auto-study-row label{font-size:13px;color:#4a5a67;margin:0}
.auto-study-row input:not([type="checkbox"]){width:118px;padding:7px 9px}
.auto-study-row small{color:var(--muted);font-size:12px}
.auto-study-toggle{background:#fff}

/* ── 颜色选择 ── */
.swatches{display:flex;flex-wrap:wrap;gap:8px}
.swatch{width:30px;height:30px;border-radius:8px;cursor:pointer;position:relative;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.swatch input{position:absolute;opacity:0;width:0;height:0}
.swatch:has(input:checked){border-color:#296178;box-shadow:0 0 0 2px #fff,0 0 0 4px #296178}
.dot{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}

/* ── 筛选条 ── */
.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.filterbar input,.filterbar select{padding:8px 11px;border:1px solid #d4d9e0;border-radius:8px;font-size:14px}
.bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 14px;
  background:#fff8f7;border:1px solid #f0d3d0;border-radius:10px;padding:9px 11px}
.bulkbar form{margin:0}.bulkbar span{color:#8a6662;font-size:12px}
.student-first-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:#eef7f8;
  border:1px solid #d5e7eb;border-radius:12px;padding:12px 14px;margin-bottom:16px}
.student-first-bar label{font-size:12px;color:var(--muted);font-weight:600}
.student-first-bar input{display:block;margin-top:5px;padding:8px 10px;border:1px solid #cbd7dc;
  border-radius:8px;background:#fff;font:inherit;min-width:220px}
.student-first-bar span{color:var(--teal);font-size:13px;font-weight:700}
.student-availability-box{background:#f7fbfc;border:1px solid #d8e8ed;border-radius:12px;padding:12px 14px}
.student-availability-box label{display:block;margin-bottom:7px}
.student-availability-status{font-size:13px;color:var(--muted);line-height:1.45}
.student-availability-status.ok{color:#257a50;font-weight:700}
.student-availability-status.warn{color:#b34a42;font-weight:700}
.student-upcoming{margin-top:9px;display:grid;gap:6px}
.student-upcoming small{color:var(--muted)}
.student-upcoming-title{font-size:12px;color:var(--teal);font-weight:700}
.student-upcoming-item{font-size:12px;color:#51646b;background:#fff;border:1px solid #e2edf0;border-radius:8px;padding:6px 8px}
.form-note{display:block;margin-top:7px;color:var(--muted);font-size:12px}
.form-note.warn{color:#a66a18}

/* ── 课表周历 ── */
.weeknav{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.weeknav .lbl{font-weight:600;font-size:15px}
.student-picker{position:relative;width:310px}
.student-picker-search{width:100%;padding:9px 12px;border:1px solid #cbd7dc;border-radius:9px;
  background:#fff;font-size:14px;font-family:inherit;outline:none}
.student-picker-search:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(41,97,120,.12)}
.student-picker-list{display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:40;
  max-height:360px;overflow-y:auto;background:#fff;border:1px solid #d4dfe3;border-radius:10px;
  box-shadow:0 12px 30px rgba(20,45,55,.18)}
.student-picker.open .student-picker-list{display:block}
.student-picker-group-title{position:sticky;top:0;background:#eaf1f3;color:#46616b;
  padding:6px 11px;font-size:12px;font-weight:700;z-index:1}
.student-picker-option{display:block;width:100%;border:0;border-bottom:1px solid #edf1f2;background:#fff;
  padding:9px 12px;text-align:left;font-family:inherit;font-size:13px;cursor:pointer;color:#26383f}
.student-picker-option:hover,.student-picker-option.current{background:#f0f7f9;color:var(--teal)}
.student-picker-option.current{font-weight:700}
.tt-sub{color:var(--muted);margin:-6px 0 16px;font-size:13px}
.calendar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.calendar{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;
  border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:26px}
.calendar th,.calendar td{border:1px solid #eceef1;padding:0;text-align:center;vertical-align:top}
.calendar thead.teacher th{background:var(--beige);color:var(--bluegray)}
.calendar thead.student th{background:var(--teal);color:#fff}
.calendar thead th{padding:8px 4px;font-size:13px;font-weight:600}
.calendar thead .datecell{font-size:12px;font-weight:500;padding:4px;background:#f0f3f7;color:#4a5b73}
.calendar thead.student .datecell{background:#dbe9f3;color:#2f5496}
.calendar .slotname{width:88px;background:#fafbfc;font-size:12px;color:#566;padding:6px;font-weight:600}
.calendar .slotname small{display:block;color:#9aa3ad;font-weight:400;font-size:10px}
.calendar td.day{height:46px;padding:3px}
.calendar td.wknd{background:#fcfcfa}
.lesson{position:relative;border-radius:7px;padding:5px 34px 5px 6px;margin:2px 0;font-size:12px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer}
.lesson:hover{box-shadow:0 4px 12px rgba(32,70,82,.16);transform:translateY(-1px);z-index:4}
.lesson:focus{outline:2px solid rgba(41,97,120,.35);outline-offset:1px}
.lesson-delete-form{position:absolute;right:4px;top:4px;margin:0}
.lesson-delete-btn{border:0;border-radius:8px;background:rgba(255,255,255,.82);color:#9b3a34;
  padding:1px 5px;font:700 10px inherit;line-height:1.5;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.lesson-delete-btn:hover{background:#ffe8e5}
.calendar td.day .cell-extra{display:none}
.calendar td.day.cell-expanded .cell-extra,.calendar td.day:hover .cell-extra{display:block}
.cell-more{width:100%;border:1px dashed #9db6c0;background:#f2f7f8;color:var(--teal);
  border-radius:6px;padding:3px 4px;margin-top:2px;font:600 11px inherit;cursor:pointer}
.cell-more:hover{background:#e6f0f3}
.cell-expanded .cell-more,.month-expanded .month-more{background:#e6f0f3;border-style:solid}
.lesson .t{font-weight:400;font-size:11px;opacity:.85;display:block}
.lesson .tch{font-weight:400;font-size:10px;opacity:.7;display:block}
.lesson.done{filter:saturate(.55);opacity:.82}
/* 班型配色（对齐样本） */
.lv-tzs{background:#FFADAD;color:#5a1d1d}
.lv-tz1{background:#FFBF80;color:#5a3410}
.lv-tz2{background:#98D7B6;color:#16402d}
.lv-tz3{background:#F2C7FF;color:#4a1a55}
.lv-tz4{background:#ADD8E6;color:#143b47}
.lv-ielts{background:#FFD966;color:#5a4310}
.lv-toefl{background:#CCF5E4;color:#16402d}
.lv-ref{background:#FFB3BA;color:#5a1d23}
.lv-g9{background:#B7E8B0;color:#1d4318}
.lv-vip{background:#C8A4E8;color:#3a1a55}
.lv-leave{background:#f9e3e3;color:#8f3f3f;border:2px solid #d96b6b}
.lv-blocked{background:#f3dddd;color:#9a3f3f;border:1px dashed #c97979}
.lv-default{background:#e7eefa;color:#3a4a6b}
/* 科目配色（对齐暑期雅思课表） */
.sub-speak{background:#E8915A;color:#fff}
.sub-listen{background:#5C9E6F;color:#fff}
.sub-write{background:#3E7CB1;color:#fff}
.sub-read{background:#E6B23A;color:#4a3410}
.sub-study{background:#eceff2;color:#566}
.sub-mock{background:#C0493F;color:#fff}
.lesson .code{display:block;font-weight:400;font-size:10px;opacity:.75}
.lesson .stu{display:block;font-weight:600;font-size:11px;margin-top:1px}
.lesson .room{display:block;font-weight:400;font-size:10px;opacity:.8}
.lesson .leave-note{display:block;width:max-content;max-width:100%;margin-top:3px;border-radius:9px;
  padding:1px 6px;background:rgba(255,255,255,.78);color:#a43732;font-size:10px;font-weight:700}
.lesson .progress{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:9px;
  background:rgba(255,255,255,.72);color:#344b55;font-size:10px;font-weight:700}
.schedule-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-5px 0 12px}
.schedule-summary{display:grid;grid-template-columns:repeat(2,minmax(120px,180px));gap:10px;margin:-4px 0 14px}
.schedule-summary>div{background:#fff;border:1px solid #dce6ea;border-radius:12px;padding:10px 12px}
.schedule-summary span{display:block;color:#71838a;font-size:12px;margin-bottom:2px}
.schedule-summary b{font-size:22px;color:var(--teal)}
.state-badge{display:inline-block;width:max-content;border-radius:10px;padding:1px 6px;
  font-size:10px;font-weight:700;line-height:1.45;white-space:nowrap}
.lesson>.state-badge{margin-top:3px}
.state-pending{background:#e8eef7;color:#41648b;border:1px solid #bdcce0}
.state-done{background:#e3f3e9;color:#27764a;border:1px solid #add5bc}
.state-leave{background:#fde7e5;color:#b1423a;border:1px solid #e6a49f}
.state-change{background:#fff0d7;color:#a66a18;border:1px solid #e8c489}
.holiday-pill{display:inline-block;border-radius:10px;padding:1px 6px;background:#eef0f1;color:#7b858a;
  border:1px solid #d6dde0;font-size:10px;font-weight:700;line-height:1.45;white-space:nowrap}
.holidayrow td{background:#f6f7f8!important}
.holidaycell{text-align:left!important;padding:7px 9px!important;color:#7b858a;font-size:12px}
.holidaycell span{display:inline-block;background:#eef0f1;border:1px solid #d6dde0;border-radius:14px;
  padding:2px 8px;margin:2px}
/* 课表每日备注 */
.calendar tr.noterow td{background:#fffdf5;height:30px;padding:3px}
.calendar td.notecell{cursor:pointer;vertical-align:middle}
.calendar td.notecell:hover{background:#fff6da}
.calendar td.notecell .note{font-size:11px;color:#8a6d1f;line-height:1.25;text-align:left;white-space:pre-wrap}
.calendar td.notecell .noteadd{color:#d8c49a;font-size:14px}
.calendar td.notecell:hover .noteadd{color:#b89b50}

/* ── 课表月视图 ── */
.month-schedule{background:#dfe7ea;border:1px solid #dfe7ea;border-radius:12px;overflow:auto;
  max-width:100%;-webkit-overflow-scrolling:touch}
.month-head,.month-row{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:1px;min-width:980px}
.month-head>div{background:#e7f0f3;text-align:center;font-weight:700;color:#506a73;padding:9px;font-size:13px}
.month-day{background:#fff;min-height:138px;padding:7px;overflow:hidden}
.month-day:hover,.month-day.month-expanded{overflow:visible;position:relative;z-index:6}
.month-day.outside{background:#f6f7f8;color:#a5adb1}
.month-day.today{box-shadow:inset 0 0 0 2px var(--teal)}
.month-day.holiday{background:#f7f7f4}
.month-day header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.month-day header b{font-size:13px;color:#34535e}.month-day header span{font-size:10px;color:#fff;
  background:var(--teal);border-radius:9px;padding:1px 6px}
.holiday-note{font-size:11px;color:#7b858a;background:#eef0f1;border-radius:7px;padding:3px 5px;margin-bottom:5px}
.month-lesson{padding:4px 5px;margin:3px 0;font-size:11px}
.month-lesson .t{font-size:10px}.month-lesson .lesson-delete-form{display:none}
.month-day .month-extra{display:none}
.month-day.month-expanded .month-extra,.month-day:hover .month-extra{display:block}
.month-more{width:100%;border:1px dashed #9db6c0;background:#f2f7f8;color:var(--teal);
  border-radius:6px;padding:3px 4px;margin-top:3px;font:700 11px inherit;cursor:pointer;text-align:center}
.month-more:hover{background:#e6f0f3}

.lesson-detail-mask{position:fixed;inset:0;background:rgba(18,34,42,.22);z-index:80}
.lesson-detail-panel{position:fixed;right:22px;top:86px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 120px);
  overflow:auto;background:#fff;border:1px solid #dce6ea;border-radius:16px;box-shadow:0 20px 60px rgba(13,37,48,.28);
  z-index:81;padding:18px}
.lesson-detail-close{position:absolute;right:12px;top:10px;border:0;background:#f0f3f5;color:#60737b;
  border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;cursor:pointer}
.lesson-detail-panel h2{margin:0 34px 12px 0;font-size:18px;color:#234d5b}
.lesson-detail-body{display:grid;gap:8px}
.lesson-detail-body div{display:grid;grid-template-columns:58px 1fr;gap:8px;border-bottom:1px dashed #e5ecef;padding-bottom:7px}
.lesson-detail-body span{color:#71838a;font-size:12px}.lesson-detail-body b{font-size:13px;color:#26383f}
.lesson-detail-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:14px}
.lesson-detail-actions form{margin:0}

.empty{color:var(--muted);text-align:center;padding:40px}
/* 备忘录 */
.memo{background:#fffdf5;border:1px solid #f0e6c8;border-radius:10px;padding:12px 14px;margin-bottom:18px}
.memo label{font-weight:600;font-size:13px;color:#a6802a;display:block;margin-bottom:6px}
.memo textarea{width:100%;border:1px solid #e6dcc0;border-radius:8px;padding:8px 10px;font-size:13px;
  font-family:inherit;min-height:48px;resize:vertical;background:#fff}
.memo .formbar{margin-top:8px}
.rowactions{display:flex;gap:6px;white-space:nowrap;align-items:center}
.bio{font-size:12px;color:#566;max-width:480px}
.entry-test{min-width:150px;max-width:280px;white-space:normal}
.date-cell{white-space:nowrap;color:#536970;font-size:13px}
.apply-tag{margin-left:5px;background:#edf7f2;color:#2d8056}
.plan-intro{background:#eef6f8;border:1px solid #d5e6eb;color:#4b6872;border-radius:10px;
  padding:11px 14px;margin-bottom:14px}
.plan-table input,.plan-table select{width:100%;min-width:105px;padding:7px 8px;
  border:1px solid #d4d9e0;border-radius:7px;background:#fff;font:inherit}
.plan-table td{padding:7px}
.plan-table th:first-child{min-width:145px}
.candidate-card{background:#fff;border:1px solid #dce6ea;border-radius:14px;padding:16px;margin-bottom:16px}
.candidate-card h2{font-size:16px;margin:0 0 6px;color:#34535e}
.candidate-card p{margin:0 0 12px;color:var(--muted);font-size:12px}
.candidate-form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}
.candidate-form label{font-size:12px;color:var(--muted);font-weight:600}
.candidate-form input,.candidate-form select{width:100%;margin-top:4px;padding:8px 10px;
  border:1px solid #d4d9e0;border-radius:8px;background:#fff;font:inherit}
.candidate-form .full{grid-column:1/-1}
.alert.error{background:#fdecea;color:#a64038;border:1px solid #f2c8c4;border-radius:9px;
  padding:10px 13px;margin-bottom:14px}
.alert.success{background:#e8f5ed;color:#287749;border:1px solid #c6e4d1;border-radius:9px;
  padding:10px 13px;margin-bottom:14px}
.lesson-detail-row{display:none}
.lesson-detail-row.show{display:table-row}
.lesson-detail-row>td{background:#f8fbfc;padding:14px!important}
.lesson-detail-panel{overflow:auto;max-height:72vh;border:1px solid #d4e3e8;border-radius:12px;background:#fff;
  box-shadow:0 12px 28px rgba(28,56,66,.10);-webkit-overflow-scrolling:touch}
.lesson-detail-title{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:12px;
  align-items:center;background:#eef7f8;border-bottom:1px solid #d4e3e8;padding:10px 12px;color:#34535e}
.lesson-detail-title span{font-size:12px;color:var(--muted);white-space:nowrap}
.lesson-detail-grid{min-width:820px}
.lesson-detail-grid td{vertical-align:top}
.lesson-detail-grid thead th{position:sticky;top:39px;z-index:2;background:#f5fafb}
.lesson-detail-grid th:last-child,.lesson-detail-grid td:last-child{position:sticky;right:0;background:#fff;z-index:1;
  box-shadow:-8px 0 12px rgba(255,255,255,.9)}
.lesson-detail-grid thead th:last-child{z-index:3;background:#f5fafb}
.availability-box{background:#fff;border:1px solid #dfe6e9;border-radius:10px;padding:10px 13px;
  margin:0 0 14px}
.availability-box summary{cursor:pointer;color:var(--teal);font-weight:600}
.availability-form{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;margin-top:10px}
.availability-form label{font-size:12px;color:var(--muted)}
.availability-form input,.availability-form select{display:block;margin-top:3px;padding:7px 8px;border:1px solid #d4d9e0;
  border-radius:7px;font:inherit}
.availability-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.availability-list>span{display:inline-flex;align-items:center;gap:5px;background:#f8eeee;color:#8b4b4b;
  border-radius:16px;padding:4px 5px 4px 10px;font-size:12px}
.availability-list form{display:inline}
.availability-list button{border:0;background:transparent;color:#a34343;cursor:pointer;
  font-size:16px;line-height:1}
.lesson-detail{position:relative}.lesson-detail>summary{list-style:none;white-space:nowrap}
.lesson-detail>summary::-webkit-details-marker{display:none}

/* ── 老师课时统计 ─────────────────────────────────────────── */
.teacher-hours-filter label{display:flex;align-items:center;gap:6px;color:#60727a;font-size:13px}
.hours-cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.hours-cards>div{background:#fff;border:1px solid #dce5e8;border-radius:12px;padding:14px 16px}
.hours-cards span{display:block;color:#73858c;font-size:12px;margin-bottom:4px}
.hours-cards b{font-size:25px;color:var(--teal)}.hours-cards small{font-size:12px;font-weight:400}
.teacher-hours-summary td:not(:first-child){text-align:center}
.hours-detail-title{font-size:17px;color:#34535e;margin:24px 0 10px}
@media(max-width:760px){.hours-cards{grid-template-columns:repeat(2,1fr)}}

/* ── 学生请假汇总 ─────────────────────────────────────────── */
.leave-layout{display:grid;grid-template-columns:minmax(420px,2fr) minmax(220px,1fr);gap:16px;margin-bottom:20px}
.leave-form-card,.leave-ranking{background:#fff;border:1px solid #dce5e8;border-radius:12px;padding:16px}
.leave-form-card h2,.leave-ranking h2{font-size:16px;margin:0 0 13px;color:#34535e}
.leave-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.leave-form label{font-size:12px;color:#687b83}.leave-form .full{grid-column:1/-1}
.leave-form input,.leave-form select,.leave-form textarea{display:block;width:100%;margin-top:4px;padding:8px 10px;
  border:1px solid #d4dfe3;border-radius:7px;font:inherit;background:#fff}
.leave-form textarea{min-height:64px;resize:vertical}
.leave-ranking>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f2;padding:8px 2px}
.leave-ranking>div b{color:var(--teal)}
@media(max-width:760px){.leave-layout{grid-template-columns:1fr}.leave-form{grid-template-columns:1fr}}

/* ── 登录 ── */
.loginwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#296178,#1d4a5c)}
.loginbox{background:#fff;padding:38px 34px;border-radius:18px;width:340px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.loginbox h1{margin:0 0 4px;font-size:23px;color:var(--teal)}
.loginbox p{margin:0 0 22px;color:var(--muted);font-size:13px}
.loginbox .field{margin-bottom:14px}
.loginbox .btn{width:100%;justify-content:center;padding:11px}
.loginerr{background:#fdecea;color:#c0493f;padding:9px 12px;border-radius:8px;font-size:13px;margin-bottom:14px}
.hint{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}

/* ── 公开报名 ── */
.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.applywrap{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;
  background:linear-gradient(135deg,#296178,#1d4a5c);padding:30px 16px;overflow-x:hidden}
.applybox{background:#fff;padding:30px 26px;border-radius:18px;width:100%;max-width:420px;
  box-shadow:0 20px 50px rgba(0,0,0,.25)}
.applybox .orgname{font-size:15px;font-weight:700;color:var(--teal);letter-spacing:.5px;margin-bottom:6px}
.applybox h1{margin:0 0 4px;font-size:22px;color:var(--teal)}
.applybox p{margin:0 0 20px;color:var(--muted);font-size:13px}
.applybox .field{margin-bottom:14px}
.applybox .field label{display:block;font-size:13px;color:#555;margin-bottom:5px;font-weight:600}
.applybox input,.applybox select,.applybox textarea{width:100%;padding:10px 12px;border:1px solid #d4d9e0;
  border-radius:8px;font-size:15px;font-family:inherit}
.applybox textarea{resize:vertical}
.applybox .btn{width:100%;justify-content:center;padding:12px;margin-top:6px}
.applybox .intro{color:#5a6b72;font-size:13px;line-height:1.6;margin:0 0 22px;
  background:#f3f8fa;border-left:3px solid var(--teal);padding:10px 12px;border-radius:0 8px 8px 0}
.applybox .radio{display:inline-flex;align-items:center;gap:5px;margin-right:22px;font-size:15px;cursor:pointer}
.applybox .radio input{width:auto;margin:0}
.applybox .sub{font-size:12px;color:var(--muted);margin-top:5px}

@media(min-width:821px) and (max-width:1100px){
  .sidebar{width:120px}
  .content{margin-left:120px}
  .brand{padding:16px 9px;font-size:15px}
  .brand span{font-size:9px;letter-spacing:1px}
  .sidebar nav{padding:5px 6px}
  .sidebar nav a{padding:8px 6px;font-size:12px;border-radius:7px}
  .userbox{padding:10px 8px}
  .uname{font-size:12px}
  .urole{font-size:10px}
  .logout{padding:3px 7px;font-size:11px}
  .page{padding:22px 22px}
}

/* ── 响应式 ── */
@media(max-width:820px){
  .sidebar{transform:translateX(-100%);transition:.25s}
  #navtoggle:checked ~ .sidebar{transform:translateX(0)}
  .content{margin-left:0}
  .menubtn{display:block}
  .topbar{align-items:center;padding:12px 14px;gap:10px;flex-wrap:wrap}
  .topbar h1{font-size:17px;line-height:1.35;min-width:0;flex:1 1 0;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}
  .topbar .actions{width:100%;justify-content:flex-start;order:3}
  .topbar .actions .btn{padding:6px 10px;font-size:12px}
  .page{padding:16px 12px;max-width:none;overflow-x:hidden}
  form.vform{grid-template-columns:1fr}
  .candidate-form{grid-template-columns:1fr}
  .filterbar{gap:8px}
  .filterbar input,.filterbar select{flex:1 1 150px;min-width:0}
  .student-first-bar{align-items:stretch}
  .student-first-bar label,.student-first-bar input{width:100%;min-width:0}
  .student-picker{width:100%}
  .weeknav{gap:8px}
  .weeknav .btn{padding:6px 10px;font-size:12px}
  .calendar{min-width:760px}
  .calendar{font-size:12px}
  .calendar .slotname{width:64px}
  .calendar thead th{font-size:12px}
  .lesson{font-size:11px;padding-right:30px}
  .lesson .room,.lesson .tch,.lesson .code{font-size:9px}
  .lesson .t{font-size:10px}
  .lesson .progress,.state-badge,.holiday-pill{font-size:9px;padding:1px 5px}
  .schedule-legend{position:sticky;top:0;z-index:5;background:#f5f7f8;padding:6px 0;margin:0 0 10px}
  .month-head,.month-row{grid-template-columns:repeat(7,minmax(108px,1fr));min-width:760px}
  .month-day{min-height:112px;padding:5px}
  .month-head>div{padding:7px 4px;font-size:12px}
  .month-lesson{font-size:10px;line-height:1.25;padding:4px 5px}
  .month-lesson .leave-note{font-size:9px}
  .lesson-detail-panel{left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:68vh;border-radius:16px}
  .tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .rowactions{flex-wrap:wrap;white-space:normal}
}
/* ── 教室使用情况 ─────────────────────────────────────────── */
.room-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.room-views{display:flex;gap:5px;margin-right:auto}
.room-date-picker{display:inline-flex;align-items:center;gap:6px;color:#60747c;font-size:12px}
.room-date-picker input{padding:6px 8px;border:1px solid #cbd7dc;border-radius:7px;background:#fff;
  color:#26383f;font-family:inherit}
.room-alert{background:#fff3cd;color:#7a5300;border:1px solid #f0d98a;padding:10px 14px;border-radius:10px;margin-bottom:14px}
.room-pending{background:#fff8e8;border:1px solid #f0d7a0;border-radius:14px;padding:14px;margin-bottom:16px}
.room-pending h2{font-size:16px;margin:0 0 10px}.room-pending h2 span{background:#d98716;color:#fff;border-radius:12px;padding:1px 8px}
.room-card-row{display:flex;gap:10px;flex-wrap:wrap}.room-card-row>div{min-width:180px}
.room-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.room-panel{background:#fff;border:1px solid #dce6ea;border-radius:14px;overflow:hidden}
.room-panel>header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#eef5f7}
.room-panel>header small,.room-week th small,.room-week thead small{display:block;font-weight:normal;color:#71838a}
.room-panel>header span{font-size:12px;color:#52707b}
.room-free{padding:28px 12px;text-align:center;color:#9aa9ae}
.room-lesson{margin:10px;padding:10px;border-left:4px solid #43849b;background:#f5fafb;border-radius:7px;font-size:13px}
.room-lesson.compact{margin:4px 0;padding:7px;border-left-width:3px;min-width:128px}
.rl-title{font-weight:700}.room-lesson small,.muted{color:#71838a}.room-edit{margin-top:7px}
.room-edit form{display:flex;gap:5px}.room-edit select{min-width:0;max-width:130px;padding:4px}
.room-edit>a{display:inline-block;margin-top:5px;font-size:12px;color:#296178}
.room-week{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px;background:#fff}
.room-week th,.room-week td{border-right:1px solid #e2eaed;border-bottom:1px solid #e2eaed;vertical-align:top;padding:7px;min-width:135px}
.room-week tr>th:first-child{position:sticky;left:0;z-index:2;background:#f3f7f8;min-width:115px}
.room-week thead th{background:#e7f0f3;position:sticky;top:0;z-index:3}
.room-month{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));background:#dfe7ea;gap:1px;border:1px solid #dfe7ea;min-width:980px}
.room-month-head{display:contents}.room-month-head>div{background:#e7f0f3;text-align:center;font-weight:700;padding:9px}
.room-month-day{background:#fff;min-height:145px;padding:7px}.room-month-day.outside{background:#f5f6f6;color:#aab3b6}
.room-month-day>a{display:block;background:#e8f4f7;color:#234d5b;margin-top:5px;padding:5px;border-radius:5px;font-size:12px;text-decoration:none}
.room-month-day>a.unassigned{background:#fff0d5;color:#865600}.room-month-day>a span{font-weight:700}
.room-month-week{margin-bottom:28px}.room-month-week h2{margin:0 0 10px;font-size:16px;color:#294c59}
.room-month-week h2 span{font-weight:400;color:#71838a;font-size:13px;margin-left:7px}
.room-month-pending{background:#fff8e8;border:1px solid #f0d7a0;border-radius:10px;padding:10px;margin-bottom:10px}
.room-week-month th.outside,.room-week-month td.outside{background:#f3f5f5;color:#9aa5a9}
@media(max-width:760px){
  .room-toolbar strong{width:100%;order:-1}.room-day-grid{grid-template-columns:1fr}
  .room-month{overflow:auto}.room-views{margin-right:0}.room-date-picker{width:100%}
}