#teacherTaskWindow{margin:10px 0;border:1px solid #c5dcfa;border-radius:16px;background:#fff;overflow:hidden;color:#0b2550}
#teacherTaskWindow[hidden]{display:none!important}
.teacherTaskHeader{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dce8fb;padding:0 12px;min-height:43px}
.teacherTaskHeader button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 8px 8px;font-family:inherit;font-size:14px;font-weight:600;color:#6e7f9c;cursor:pointer}
.teacherTaskHeader button.selected{border-color:#008491;color:#006b7c}
.teacherTaskCount{margin-left:auto;color:#08788a;font-size:12px;white-space:nowrap}
.teacherTaskScroll{max-height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c8de transparent}
.teacherTaskRow{display:flex;align-items:center;gap:8px;width:100%;height:34px;text-align:left;padding:5px 12px;border:0;border-bottom:1px solid #e0ebfa;background:transparent;color:inherit;font-family:inherit;font-size:13px;font-weight:400;cursor:pointer}
.teacherTaskTitle{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teacherTaskClock{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#123967}
.teacherTaskRow.urgent,.teacherTaskRow.missed{background:#fff5db;color:#a35c05}
.teacherTaskRow.urgent .teacherTaskClock,.teacherTaskRow.missed .teacherTaskClock{color:#a35c05}
.teacherTaskRow.verification{background:#f0f3f7}
.teacherTaskRow:focus-visible,.teacherTaskHeader button:focus-visible{outline:2px solid #018595;outline-offset:-2px}
.teacherTaskEmpty{padding:14px;font-size:13px;color:#586f91}
.teacherTaskDate{position:sticky;top:0;padding:7px 12px;background:#f0f6ff;border-bottom:1px solid #dce8fb;font-size:12px;font-weight:600;z-index:1}
.teacherTaskScroll.records{max-height:366px}
.teacherTaskRecord{display:flex;gap:10px;align-items:center;box-sizing:border-box;height:34px;border-bottom:1px solid #e0ebfa;padding:3px 12px;font-size:12px;line-height:14px}
.teacherTaskRecord time{color:#526a8c;flex-shrink:0;font-variant-numeric:tabular-nums}
.teacherTaskRecordCopy{flex:1;min-width:0}.teacherTaskRecordCopy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teacherTaskRecordCopy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:12px;color:#667d9d}
.teacherTaskOutcome{font-size:11px;max-width:90px;text-align:right;color:#456485}.teacherTaskRecord.complete .teacherTaskOutcome{color:#098743}.teacherTaskRecord.missed,.teacherTaskRecord.late{background:#fff8e7}.teacherTaskRecord.missed .teacherTaskOutcome,.teacherTaskRecord.late .teacherTaskOutcome{color:#a05d07}
.teacherTaskMore{width:100%;border:0;background:#f2f8ff;color:#087788;padding:8px;font:inherit;font-size:12px;cursor:pointer}
.teacherTaskPrepare{display:block;padding:4px 12px;color:#657b9c;border-bottom:1px solid #e0ebfa;font-size:11px}
@media(max-width:380px){.teacherTaskRow{font-size:12px;padding:5px 8px}.teacherTaskClock{font-size:11px}.teacherTaskRecord{gap:6px;padding:5px 8px}.teacherTaskOutcome{max-width:64px}.teacherTaskRecordCopy small{font-size:9px}}
.teacherBonusPreview{padding:12px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.teacherBonusPreview p{margin:6px 0}.teacherBonusNotice{display:block;color:#526a8c;font-size:11px;margin-bottom:10px}
.teacherBonusCategory{border-top:1px solid #dce8fb;padding:8px 0}.teacherBonusCategory summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-weight:600}.teacherBonusCategory summary span:first-child{min-width:0}.teacherBonusCategory summary span:last-child{flex-shrink:0;font-variant-numeric:tabular-nums}
.teacherBonusDay{display:grid;grid-template-columns:1fr auto;gap:2px 8px;border-top:1px solid #edf2f9;padding:5px 0;font-size:11px}.teacherBonusDay small{grid-column:1/-1;color:#526a8c}
.teacherBonusBalance{padding:8px 12px;font-size:13px;font-weight:600;color:#087748;border-bottom:1px solid #dce8fb}.teacherBonusLedgerNotice{display:block;padding:6px 12px;color:#526a8c;font-size:11px;line-height:1.4}.teacherTaskScroll .teacherBonusBalance+.teacherBonusLedgerNotice{padding-top:8px}
.teacherBonusHeaderBalance{font-size:11px;color:#087748;white-space:nowrap;padding-right:8px}
@media(max-width:440px){.teacherTaskHeader.hasBonusPreview{gap:4px;flex-wrap:wrap}.teacherTaskHeader.hasBonusPreview button{font-size:12px;padding-left:4px;padding-right:4px}.teacherTaskHeader.hasBonusPreview .teacherTaskCount{font-size:11px}.teacherBonusPreview{padding:8px}}