/* Gifts of Others, the teacher's side (teacher-gifts.js, lane G, Oct 15). The table, cards and bars keep their app.css
   rules; these add Given / Received, the boxes for extra credit in a batch, and the bar that gives it. */

/* Given / Received: the two-way switch of the publisher's content filters (blue when chosen), so it reads as "which
   way this table looks", not as two more actions. */
.teacher-gifts .gift-view{display:flex;gap:6px;margin:-4px 0 2px}
.teacher-gifts .gift-view button{border:1px solid var(--line,#e2e4de);background:#fff;border-radius:50px;padding:6px 16px;font-size:13px;color:var(--muted);cursor:pointer}
.teacher-gifts .gift-view button[aria-pressed="true"]{background:var(--blue);color:var(--blueink);border-color:#bfd2d9;font-weight:600}

/* Sortable headers, as on the girls' own roster (journal-gifts.css .co-sort). */
.teacher-gifts .gift-table .co-sort{all:unset;cursor:pointer;font:inherit;color:inherit}
.teacher-gifts .gift-table .co-sort:focus-visible{outline:2px solid var(--blueink);outline-offset:2px;border-radius:3px}
.teacher-gifts .gift-table .pick-col{width:34px;padding-right:0}

/* What waits for her yes, beside "new": the Gradebook's gold for work to review. */
.teacher-gifts .gift-due{display:inline-block;padding:1px 9px;border-radius:999px;background:#f3e7c4;color:#80672f;font-size:12px;font-weight:600;white-space:nowrap}

/* A gift's box for extra credit sits where "Give extra credit" used to, with its words beside it. */
.teacher-gifts .gift-pick{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#2f6142;font-weight:600}
.teacher-gifts .gift-pick input{margin:0}

/* A reply that came after she last read the gift. */
.teacher-gifts .gift-card blockquote.is-new{border-left-color:#b79853;background:#fbefd9}

/* Selected gifts: one bar at the foot of the screen wherever she has scrolled, with the one thing to do. */
.teacher-gifts .gift-pickbar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:16px;justify-self:center;padding:10px 12px 10px 20px;border-radius:999px;background:#fff;border:1px solid #d6dcd6;box-shadow:0 8px 24px #1f2a2033}
.teacher-gifts .gift-pickbar .btn{margin:0}

@media (max-width:640px){
  /* Full width on a phone, and above the "Report a problem" button that sits in the bottom corner there. */
  .teacher-gifts .gift-pickbar{justify-self:stretch;bottom:72px;border-radius:14px;gap:10px;flex-wrap:wrap}
}