.teaching-assignment-list{display:grid;gap:9px}
.teaching-assignment-row{display:grid;grid-template-columns:1fr 1.2fr 1.35fr 1fr 38px;gap:9px;align-items:end;padding:11px;border:1px solid #dbe5f0;border-radius:7px;background:#f9fbfe}
.assignment-remove{display:grid;place-items:center;width:38px;height:38px;border:1px solid #efc6cd;border-radius:6px;background:#fff;color:#b72c43}
.assignment-remove:disabled{opacity:.35}
.assignment-add{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px dashed #8bbcf2;border-radius:6px;background:#f3f8ff;color:#096acb;font-size:10px;font-weight:700}
.tp-assignment-form{display:grid;grid-template-columns:1fr 1.8fr 1fr auto;gap:9px;align-items:end;padding:14px;border-bottom:1px solid var(--line)}
.tp-assignment-form label{display:grid;gap:5px;color:#405674;font-size:9px;font-weight:700}
.tp-assignment-form select{width:100%;padding:8px 9px;border:1px solid #d6e1ed;border-radius:5px;background:#fff;color:var(--ink);font:inherit}
.tp-assignment-list article{display:grid;grid-template-columns:1fr auto 34px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #edf1f5}
.tp-assignment-list article>span:first-child{display:grid;gap:3px}
.tp-assignment-list strong{font-size:10px}
.tp-assignment-list small{color:var(--muted);font-size:9px}
.tp-assignment-list button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #efc6cd;border-radius:5px;background:#fff;color:#b72c43}
.tp-status.pending{background:#fff3cd;color:#876400}
.tp-status.rejected{background:#ffe7eb;color:#ad2941}
@media(max-width:760px){.teaching-assignment-row{grid-template-columns:1fr 1fr}.assignment-remove{justify-self:end}}
@media(max-width:700px){.tp-assignment-form{grid-template-columns:1fr}.tp-assignment-form .tp-primary{width:100%}}
@media(max-width:500px){.teaching-assignment-row{grid-template-columns:1fr}.assignment-remove{justify-self:start}}