.assignment-generated-summary { display: grid; grid-template-columns: repeat(3, 1fr) auto; align-items: stretch; gap: 12px; margin-bottom: 20px; }
.assignment-generated-summary > div { display: grid; gap: 3px; padding: 17px 19px; border: 1px solid #cbd9ea; border-radius: 12px; background: #fff; box-shadow: 0 5px 18px #172c4b12; }
.assignment-generated-summary strong { color: #176ff2; font-size: 22px; }
.assignment-generated-summary span { color: #64748b; font-size: 12px; font-weight: 700; }
.assignment-generated-summary > .button { align-self: stretch; }
.assignment-generated-table { margin-bottom: 22px; }
.assignment-generated-table tfoot th { background: #fff2c9; font-size: 13px; }
.assignment-archive { margin-top: 32px; padding-top: 22px; border-top: 1px solid #cbd5e1; }
.assignment-archive h2 { margin: 0 0 14px; }
.assignment-summary { grid-template-columns: repeat(4, 1fr); }
.assignment-send-panel { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; padding: 20px; border: 1px solid #a9d8bd; border-radius: 13px; background: #effbf4; box-shadow: 0 5px 18px #172c4b12; }
.assignment-send-panel > div { margin-right: auto; }
.assignment-send-panel h2 { margin: 0 0 5px; }
.assignment-send-panel p { margin: 0; color: #64748b; }
.assignment-send-panel form { margin: 0; }
@media (max-width: 800px) { .assignment-send-panel { align-items: stretch; flex-direction: column; } .assignment-send-panel > div { margin-right: 0; } }
@media (max-width: 900px) { .assignment-generated-summary { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .assignment-generated-summary { grid-template-columns: 1fr; } }