#teacherTaskWindow.teacherBonusWindow{display:flex;flex-direction:column;height:313px;box-sizing:border-box;margin:10px 0;border:1px solid #c6dcff;border-radius:13px;background:#fff;color:#102655;font-family:Arial,Helvetica,sans-serif;overflow:hidden;box-shadow:none}
.teacherBonusWindowHeader{display:flex;flex:none;box-sizing:border-box;align-items:center;justify-content:space-between;height:42px;min-height:42px;padding:0 10px;border-bottom:1px solid #e0ebfc;gap:4px;background:linear-gradient(110deg,#fff,#fdfefe)}
.teacherBonusWindowTabs{display:flex;align-self:stretch;flex:none;gap:4px}
#teacherTaskWindow .teacherBonusWindowTabs button{appearance:none;margin:0;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:11px 15px 6px;color:#808080;font:700 14px/20px Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:none}
#teacherTaskWindow .teacherBonusWindowTabs button[aria-selected=true]{color:#087e8e;border-bottom-color:#078e9e}
#teacherTaskWindow.teacherBonusWindow:has(.teacherBonusWindowScroll.tasks) .teacherBonusWindowHeader{min-height:42px}#teacherTaskWindow.teacherBonusWindow:has(.teacherBonusWindowScroll.tasks) .teacherBonusWindowTabs button{color:#102655;padding-top:8px;padding-bottom:9px}
.teacherBonusWindowBalance{flex:none;margin-right:2px;color:#087e91;font-size:14px;line-height:22px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.teacherBonusWindow:has(.teacherBonusWindowScroll.records) .teacherBonusWindowBalance{padding:1px 7px;border-radius:10px;background:#e6f3ff}
#teacherTaskWindow.teacherBonusWindow:has(.teacherBonusWindowScroll.records) .teacherBonusWindowTabs button:first-child{padding-right:35px}
#teacherTaskWindow.teacherBonusWindow:has(.teacherBonusWindowScroll.records) .teacherBonusWindowTabs button:last-child{padding-right:12px}
.teacherBonusWindowScroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bccde6 transparent;scrollbar-gutter:stable;outline-offset:-2px}
.teacherBonusWindowScroll::-webkit-scrollbar{width:8px}.teacherBonusWindowScroll::-webkit-scrollbar-thumb{background:#bccde6;border-radius:8px}.teacherBonusWindowScroll::-webkit-scrollbar-track{background:#fff}
.teacherBonusWindowScroll.tasks{max-height:248px;padding:0 8px}
#teacherTaskWindow .teacherBonusWindowTask{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 116px 104px;align-items:center;gap:8px;width:100%;height:25px;min-height:25px;padding:0 10px;margin:0;border:0;border-bottom:1px solid #e3edff;border-radius:0;background:#fff;color:#203d75;text-align:left;font:400 12px/18px Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:none}
.teacherBonusWindowTaskLabel{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.teacherBonusWindowClock{text-align:center;white-space:nowrap;color:#102553;font-weight:700;font-variant-numeric:tabular-nums}
.teacherBonusWindowReward{text-align:right;white-space:nowrap;color:#0a8799}
#teacherTaskWindow .teacherBonusWindowTask.urgent{background:#fff7df;color:#d57600}.teacherBonusWindowTask.urgent .teacherBonusWindowClock{color:#d57600}
.teacherBonusWindowFooter{flex:none;height:21px;padding:3px 17px;color:#6d7fa2;font-size:11px;line-height:15px;background:#fbfdff;box-sizing:border-box}
.teacherBonusWindowScroll.records{padding:0;background:linear-gradient(110deg,#fff,#fbfdff)}
.teacherBonusWindowDate{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:4px 12px;box-sizing:border-box;border-bottom:1px solid #e3edff;background:#f7faff;white-space:nowrap}
.teacherBonusWindowDate strong{font-size:14px;line-height:19px;color:#142b68}.teacherBonusWindowDate>span{font-size:12px;line-height:17px;color:#3b5182}
.teacherBonusWindowDate:first-child{min-height:26px;padding-top:3px;padding-bottom:3px}
#teacherTaskWindow .teacherBonusWindowRecord{appearance:none;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:14px;width:100%;min-height:34.4px;margin:0;padding:3px 16px 3px 12px;box-sizing:border-box;border:0;border-bottom:1px solid #e3edff;border-radius:0;background:transparent;color:#102655;text-align:left;font:400 12px/14px Arial,Helvetica,sans-serif;box-shadow:none}
.teacherBonusWindowRecord time{padding-top:1px;color:#405b95;font-size:12px;line-height:15px;font-variant-numeric:tabular-nums}
.teacherBonusWindowRecordCopy{display:flex;flex-direction:column;min-width:0;gap:0}.teacherBonusWindowRecordCopy>span,.teacherBonusWindowRecordCopy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.teacherBonusWindowRecordCopy small{color:#7c8ba7;font-size:11px;line-height:13px;font-weight:400}
.teacherBonusWindowOutcome{align-self:center;white-space:nowrap;font-size:14px;line-height:18px;font-weight:700;text-align:right}.teacherBonusWindowOutcome.earned{color:#00a426}.teacherBonusWindowOutcome.missed{color:#ed8400}.teacherBonusWindowOutcome.pending{color:#648098;font-size:11px;font-weight:400}
#teacherTaskWindow .teacherBonusWindowRecord.missed,#teacherTaskWindow .teacherBonusWindowRecord.late{background:#fff8e8}
#teacherTaskWindow button.teacherBonusWindowRecord{cursor:pointer}
.teacherBonusWindowEmpty{padding:14px 12px;color:#78859d;font-size:12px}
#teacherTaskWindow .teacherBonusWindowMore{display:block;width:100%;padding:8px 12px;border:0;background:#f7faff;color:#167887;font:400 12px Arial,Helvetica,sans-serif;cursor:pointer}
.teacherBonusWindow button:focus-visible{outline:2px solid #00889b;outline-offset:-2px}
@media(min-width:540px){#teacherTaskWindow .teacherBonusWindowTabs button{font-size:16px}}
@media(max-width:420px){.teacherBonusWindowHeader{padding:0 6px}#teacherTaskWindow .teacherBonusWindowTabs button{padding-left:11px;padding-right:11px;font-size:13px}.teacherBonusWindowBalance{font-size:13px}.teacherBonusWindowScroll.tasks{padding-left:4px;padding-right:4px}#teacherTaskWindow .teacherBonusWindowTask{grid-template-columns:minmax(0,1fr) 70px 97px;gap:5px;padding:0 8px}.teacherBonusWindowDate{padding-left:9px;padding-right:9px;gap:4px}.teacherBonusWindowDate strong{font-size:12px}.teacherBonusWindowDate>span{font-size:10px}#teacherTaskWindow .teacherBonusWindowRecord{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding-left:9px;padding-right:9px}.teacherBonusWindowOutcome{font-size:12px}.teacherBonusWindowRecordCopy small{font-size:10px}}
@media(max-width:340px){#teacherTaskWindow .teacherBonusWindowTabs button{padding-left:8px;padding-right:8px}.teacherBonusWindow:has(.teacherBonusWindowScroll.records) .teacherBonusWindowBalance{padding:1px 5px}.teacherBonusWindowDate{flex-wrap:wrap;row-gap:0}.teacherBonusWindowDate>span{margin-left:auto}.teacherBonusWindowRecordCopy small{font-size:10px;white-space:normal;overflow:visible;text-overflow:clip}}