/* The teacher's missing-work to-do (lane W, teacher-inbox.js): on top of an assignment's Gradebook page, in the shape of
   the review card under it (.review-run), with the red of a Missing mark so it reads as the thing that needs her. */
.todo-missing{margin:0 0 14px;padding:12px 16px 6px;border:1px solid #efd6d1;border-radius:14px;background:#fff}
.todo-head{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 8px}
.todo-head h3{margin:0;font-size:15px;color:#9a3426}
.todo-batch{display:flex;align-items:center;gap:8px;margin-left:auto}
.todo-batch select{width:auto;min-width:150px;padding:6px 8px;font-size:13px}
.todo-table th.pick-col,.todo-table td.pick-col{width:32px}
.todo-table td{vertical-align:middle}
.todo-mark{width:auto;min-width:150px;padding:6px 8px;font-size:13px}
.todo-missing .teacher-table-wrap{margin:0}
/* Beside the gold To review count on a Gradebook row. */
.status-tag.missing{background:#f8e3e0;color:#9a3426}
.review-col .status-tag+.status-tag{margin-left:6px}
/* Incomplete is a mark she chose, settled like Absent and Exempt: gray, not the red of something still missing. */
.mark-tag[data-mark="incomplete"]{background:#ecede8;color:#5f655c}
/* Phones: the batch row takes the full width and each girl's menu shrinks to her column, so nothing runs past the card. */
@media (max-width:640px){.todo-batch{margin-left:0;width:100%}.todo-batch select{flex:1;min-width:0}.todo-mark{min-width:0;width:100%;max-width:150px}}
/* A girl's reply to her teacher (lane W): her own lines sit a little apart from her teacher's, and the box under them. */
.response-thread blockquote.is-mine{border-left-color:#c9cfc4;background:#f7f8f5}
.student-reply-box{display:grid;gap:6px;margin-top:12px}
.student-reply-box textarea{width:100%;box-sizing:border-box}
.student-reply-box .btn{justify-self:end}
/* "Let students reply to my replies", above her email choices in Admin Notifications, in the same card style as them
   (.email-prefs) so it reads as one of her settings rather than a loose line. */
.reply-setting{margin:6px 0 10px;padding:10px 16px;border:1px solid #e3e6df;border-radius:12px;background:#fff}
.reply-setting .check{margin:0}
/* Under the switch's words, starting where they start (measured Oct 20: the checkbox and its gap are 20px). */
.reply-setting-note{display:block;margin:2px 0 0 20px;color:var(--muted,#73796f);font-size:12px}