/* COGO teacher dashboard. All presentation stays inside its existing mount. */
#teacherDashboard300 { container-type: inline-size; color: #1c2c46; --td-border:#e1e7f0; --td-muted:#627188; }
#teacherDashboard300 *, #teacherDashboard300 *::before, #teacherDashboard300 *::after { box-sizing: border-box; }
#teacherDashboard300 .td-groupbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px; }
#teacherDashboard300 .dashboard-select300 { display:flex; align-items:center; gap:12px; margin:0; min-width:0; color:#52627c; font-size:13px; font-weight:600; }
#teacherDashboard300 .dashboard-select300 > span { flex-shrink:0; }
#teacherDashboard300 .dashboard-select300 select { width:220px; max-width:100%; min-width:0; min-height:42px; padding:8px 32px 8px 13px; border:1px solid var(--td-border); border-radius:10px; background-color:#fff; color:#243a5d; font:inherit; font-weight:700; }
#teacherDashboard300 .td-groupbar-note { font-size:12px; color:var(--td-muted); white-space:nowrap; }
#teacherDashboard300 .teacher-dashboard-r1 { --td-accent:#3559bc; --td-tint:#edf2ff; --td-edge:#d9e3ff; display:grid; gap:18px; }
#teacherDashboard300 [data-theme300="forest"] { --td-accent:#237659; --td-tint:#eaf6ef; --td-edge:#cfe7d9; }
#teacherDashboard300 [data-theme300="lavender"] { --td-accent:#7551b5; --td-tint:#f2edfb; --td-edge:#e2d8f4; }
#teacherDashboard300 [data-theme300="sunset"] { --td-accent:#ac573d; --td-tint:#fff0e9; --td-edge:#f4d9cb; }
#teacherDashboard300 [data-theme300="sand"] { --td-accent:#897021; --td-tint:#f9f4e4; --td-edge:#ebdfb4; }
#teacherDashboard300 .td-icon { display:block; flex:0 0 auto; width:19px; height:19px; }
#teacherDashboard300 button { font-family:inherit; cursor:pointer; }
#teacherDashboard300 :is(button,select):focus-visible { outline:3px solid #476dd1; outline-offset:3px; }
#teacherDashboard300 .td-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; border:1px solid var(--td-edge); border-radius:16px; background:linear-gradient(100deg,var(--td-tint),#fff 70%); }
#teacherDashboard300 .td-group-identity { display:flex; align-items:center; gap:15px; min-width:0; }
#teacherDashboard300 .td-group-mark { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border:1px solid var(--td-edge); border-radius:14px; background:#fff; color:var(--td-accent); }
#teacherDashboard300 .td-group-mark svg { width:25px; height:25px; }
#teacherDashboard300 .td-group-copy { min-width:0; }
#teacherDashboard300 .td-date { display:block; margin-bottom:3px; color:#5d6a80; font-size:12px; line-height:1.6; letter-spacing:.01em; }
#teacherDashboard300 .td-heading h2 { margin:0; color:#1d304c; font-size:23px; font-weight:750; line-height:1.4; letter-spacing:-.04em; overflow-wrap:anywhere; }
#teacherDashboard300 .td-heading p { margin:5px 0 0; color:#596a80; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
#teacherDashboard300 .td-settings { flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 13px; min-height:42px; color:#3d4f69; border:1px solid #dce3ee; border-radius:10px; background:#fff; font-size:12px; font-weight:650; }
#teacherDashboard300 .td-settings:hover { border-color:var(--td-accent); color:var(--td-accent); background:var(--td-tint); }
#teacherDashboard300 .td-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
#teacherDashboard300 .td-metric { min-width:0; padding:17px 17px 16px; border:1px solid var(--td-border); border-radius:14px; background:#fff; text-align:left; color:#53637b; transition:border-color .15s,box-shadow .15s; }
#teacherDashboard300 .td-metric:hover { border-color:#9cb2dd; box-shadow:0 3px 10px rgb(30 56 96 / 6%); }
#teacherDashboard300 .td-metric-top { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; line-height:1.6; white-space:nowrap; }
#teacherDashboard300 .td-metric-top svg { width:17px; height:17px; color:#7889a3; }
#teacherDashboard300 .td-metric-value { display:flex; align-items:baseline; gap:5px; margin-top:13px; min-width:0; }
#teacherDashboard300 .td-metric-value strong { color:#233653; font-size:29px; font-weight:750; line-height:1.15; letter-spacing:-.04em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#teacherDashboard300 .td-metric-value > span { color:var(--td-muted); font-size:12px; }
#teacherDashboard300 .td-metric-arrow { width:15px; height:15px; margin-left:auto; color:#8493a9; align-self:center; }
#teacherDashboard300 .td-needs-action { border-color:#f0d29c; background:#fffbf2; }
#teacherDashboard300 .td-needs-action :is(.td-metric-top,.td-metric-top svg,.td-metric-value strong) { color:#905510; }
#teacherDashboard300 .td-metric-value em { margin-left:auto; padding:3px 6px; border-radius:5px; color:#905510; background:#fff0cf; font-size:10px; line-height:1.5; font-style:normal; font-weight:700; white-space:nowrap; }
#teacherDashboard300 .td-board { display:grid; grid-template-columns:1.06fr 1fr 1fr; gap:16px; align-items:stretch; }
#teacherDashboard300 .td-panel { min-width:0; padding:21px; border:1px solid var(--td-border); border-radius:16px; background:#fff; }
#teacherDashboard300 .td-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:19px; }
#teacherDashboard300 .td-panel-head h2 { display:flex; align-items:center; gap:8px; margin:0; color:#243751; font-size:17px; font-weight:750; line-height:1.5; letter-spacing:-.025em; }
#teacherDashboard300 .td-panel-head h2 svg { color:var(--td-accent); width:18px; height:18px; }
#teacherDashboard300 .td-link { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:32px; padding:4px 0 4px 6px; flex-shrink:0; border:0; background:transparent; color:#536984; font-size:12px; font-weight:650; line-height:1.5; white-space:nowrap; }
#teacherDashboard300 .td-link svg { width:14px; height:14px; }
#teacherDashboard300 .td-link:hover { color:var(--td-accent); text-decoration:underline; text-underline-offset:3px; }
#teacherDashboard300 .td-attendance-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#teacherDashboard300 .td-attendance-cell { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; padding:10px 12px; border-radius:9px; background:#f6f8fb; }
#teacherDashboard300 .td-attendance-cell > span { display:flex; align-items:center; gap:7px; color:#53637a; font-size:13px; white-space:nowrap; }
#teacherDashboard300 .td-attendance-cell i { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#9ca9bb; }
#teacherDashboard300 .td-attendance-cell strong { color:#23364e; font-size:18px; font-weight:700; font-variant-numeric:tabular-nums; }
#teacherDashboard300 .td-attendance-cell small { margin-left:3px; color:#66748a; font-size:11px; font-weight:500; }
#teacherDashboard300 [data-attendance="unmarked"] { grid-column:1 / -1; }
#teacherDashboard300 [data-attendance="present"] i { background:#208466; }
#teacherDashboard300 [data-attendance="late"] i { background:#c98227; }
#teacherDashboard300 [data-attendance="absent"] i { background:#cf6470; }
#teacherDashboard300 [data-attendance="excused"] i { background:#6084cc; }
#teacherDashboard300 [data-needs-action="true"] { background:#fff5e3; }
#teacherDashboard300 [data-needs-action="true"] > span, #teacherDashboard300 [data-needs-action="true"] strong { color:#8a580f; }
#teacherDashboard300 .td-attendance-summary { margin-top:17px; }
#teacherDashboard300 .td-attendance-summary > div:first-child { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; color:#627188; font-size:12px; line-height:1.6; }
#teacherDashboard300 .td-attendance-summary strong { color:var(--td-accent); font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
#teacherDashboard300 .td-attendance-summary strong span { color:#708096; font-weight:400; }
#teacherDashboard300 .td-progress { height:5px; margin-top:8px; overflow:hidden; border-radius:10px; background:#edf1f7; }
#teacherDashboard300 .td-progress > span { display:block; height:100%; border-radius:10px; background:var(--td-accent); }
#teacherDashboard300 .td-schedule { display:flex; flex-direction:column; }
#teacherDashboard300 .td-schedule-list { display:grid; gap:0; }
#teacherDashboard300 .td-schedule-item { display:flex; align-items:center; gap:11px; width:100%; min-width:0; min-height:72px; margin:0; padding:12px 0; border:0; border-top:1px solid #ecf0f5; border-radius:0; background:transparent; text-align:left; }
#teacherDashboard300 .td-schedule-item:first-child { border-top:0; padding-top:2px; }
#teacherDashboard300 .td-schedule-item:hover .td-item-text strong { color:var(--td-accent); text-decoration:underline; text-underline-offset:3px; }
#teacherDashboard300 .td-item-mark { display:grid; place-items:center; width:32px; height:36px; flex:0 0 32px; border-radius:8px; background:var(--td-tint); color:var(--td-accent); }
#teacherDashboard300 .td-item-mark svg { width:17px; height:17px; }
#teacherDashboard300 .td-item-text { display:grid; gap:6px; min-width:0; }
#teacherDashboard300 .td-item-text strong { display:block; color:#2b3e59; font-size:14px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; word-break:keep-all; }
#teacherDashboard300 .td-item-text small { color:#6a788c; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#teacherDashboard300 .td-item-arrow { width:14px; height:14px; margin-left:auto; color:#91a0b4; }
#teacherDashboard300 .td-empty { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; min-height:208px; padding:10px 0 4px; text-align:center; }
#teacherDashboard300 .td-empty-icon { display:grid; place-items:center; width:46px; height:46px; margin-bottom:12px; border-radius:14px; background:#f3f6fa; color:#8797ad; }
#teacherDashboard300 .td-empty-icon svg { width:23px; height:23px; }
#teacherDashboard300 .td-empty p { margin:0 0 5px; color:#4f6079; font-size:14px; font-weight:600; line-height:1.6; }
#teacherDashboard300 .td-empty > span:not(.td-empty-icon) { color:#65748a; font-size:12px; line-height:1.7; }
#teacherDashboard300 .td-empty .td-link { margin-top:11px; padding:6px 11px; border:1px solid #e3e9f2; border-radius:8px; color:#4b6082; }
#teacherDashboard300 .teacher-dashboard-empty300 { padding:32px; text-align:center; border:1px solid var(--td-border); box-shadow:0 3px 18px rgb(38 60 96 / 3%); }
#teacherDashboard300 .teacher-dashboard-empty300 h2 { color:#243751; font-size:20px; }
#teacherDashboard300 .teacher-dashboard-empty300 p { color:#627188; font-size:14px; }
@container (max-width:1100px) {
  #teacherDashboard300 .td-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #teacherDashboard300 .td-metric { padding:15px 17px; }
  #teacherDashboard300 .td-metric-value { margin-top:9px; }
  #teacherDashboard300 .td-board { grid-template-columns:1fr 1fr; }
  #teacherDashboard300 .td-attendance { grid-column:1 / -1; }
  #teacherDashboard300 .td-attendance-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
  #teacherDashboard300 [data-attendance="unmarked"] { grid-column:auto; }
  #teacherDashboard300 .td-attendance-cell { gap:8px; }
  #teacherDashboard300 .td-empty { min-height:165px; }
}
@container (max-width:680px) {
  #teacherDashboard300 .td-groupbar-note { display:none; }
  #teacherDashboard300 .td-groupbar { margin-bottom:12px; }
  #teacherDashboard300 .dashboard-select300 { width:100%; flex-wrap:nowrap; }
  #teacherDashboard300 .dashboard-select300 select { flex:1; width:0; min-height:44px; }
  #teacherDashboard300 .teacher-dashboard-r1 { gap:14px; }
  #teacherDashboard300 .td-heading { padding:16px; gap:12px; flex-wrap:wrap; }
  #teacherDashboard300 .td-group-identity { gap:12px; flex:1 1 100%; }
  #teacherDashboard300 .td-group-mark { width:42px; height:42px; flex-basis:42px; border-radius:12px; }
  #teacherDashboard300 .td-heading h2 { font-size:21px; }
  #teacherDashboard300 .td-settings { min-height:40px; margin-left:auto; }
  #teacherDashboard300 .td-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  #teacherDashboard300 .td-metric { padding:14px; }
  #teacherDashboard300 .td-metric-value strong { font-size:27px; }
  #teacherDashboard300 .td-board { grid-template-columns:1fr; gap:14px; }
  #teacherDashboard300 .td-panel { padding:18px; }
  #teacherDashboard300 .td-panel-head { margin-bottom:15px; }
  #teacherDashboard300 .td-attendance-grid { grid-template-columns:1fr 1fr; }
  #teacherDashboard300 [data-attendance="unmarked"] { grid-column:1 / -1; }
  #teacherDashboard300 .td-link { min-height:40px; font-size:12px; }
  #teacherDashboard300 .td-empty { min-height:185px; }
}
@media (prefers-reduced-motion:reduce) { #teacherDashboard300 .td-metric { transition:none; } }