.home-students{grid-template-columns:repeat(auto-fit,minmax(335px,1fr))}.home-student .student-card-body>div{gap:9px}.home-student .student-card-body>div button{min-width:0;padding:0 9px;white-space:nowrap}.shell:has(.learning-feedback){background:#fff}.shell:has(.learning-feedback) .main{padding:0 40px 40px}.feedback-form{display:grid;grid-template-columns:100px minmax(0,500px);gap:29px 16px;margin-top:40px;align-items:start}.feedback-form label{font-size:16px;padding-top:10px;white-space:nowrap}.feedback-form em{color:#ed4141;font-style:normal}.feedback-form select,.feedback-form input,.feedback-form textarea{width:100%;border:1px solid #c8c8c8;border-radius:5px;background:#fff;padding:9px 11px;min-height:40px;color:#444;font:inherit}.feedback-form textarea{height:150px;resize:vertical}.feedback-form textarea::placeholder{color:#999}.feedback-form-actions{grid-column:2;margin-top:-9px}.feedback-primary,.feedback-outline{font:inherit;border:1px solid #2eb6c2;border-radius:4px;padding:9px 15px;cursor:pointer;background:#2eb6c2;color:#fff}.feedback-outline{background:white;color:#2eb6c2}.feedback-report{max-width:800px;margin:18px auto 0;font-size:16px;color:#24292d}.feedback-report>h2{text-align:center;font-size:28px;font-weight:400;margin:0 0 20px}.feedback-meta{display:flex;justify-content:space-between;gap:20px;border-radius:10px;background:#f5f5f5;padding:20px;flex-wrap:wrap}.feedback-report>h3{font-size:21px;margin:28px 0 18px}.feedback-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-course-card{background:#f5f5f5;border-radius:11px;padding:16px 11px;display:flex;align-items:center;gap:11px;min-width:0}.feedback-course-card img{width:98px;height:98px;object-fit:cover;border-radius:10px}.feedback-course-card>div{min-width:0;flex:1}.feedback-course-card h3{font-size:18px;margin:0 0 12px;line-height:1.4}.feedback-course-card small{font-size:12px;font-weight:400}.feedback-course-card p{font-size:14px;margin:0 0 10px}.feedback-progress-label{display:flex;justify-content:space-between;font-size:14px}.feedback-progress{height:10px;border:1px solid #2eb6c2;border-radius:8px;margin-top:4px;overflow:hidden}.feedback-progress span{display:block;height:100%;background:#2eb6c2;border-radius:8px}.feedback-report>p{line-height:1.9;margin:12px 0}.feedback-muted{color:#8a8e91;font-size:14px}.feedback-copy{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-actions{display:flex;gap:20px;margin-top:30px}.learning-feedback button:focus-visible{outline:2px solid #218c96;outline-offset:3px}@media(max-width:900px){.feedback-course-grid{grid-template-columns:1fr}.shell:has(.learning-feedback) .main{padding:0 20px 30px}}@media(max-width:600px){.feedback-form{grid-template-columns:1fr;gap:10px;margin-top:15px}.feedback-form-actions{grid-column:1;margin-top:10px}.feedback-form label{margin-top:12px}.feedback-meta{flex-direction:column}.home-students{grid-template-columns:1fr}}@media print{body,.shell:has(.learning-feedback){background:#fff!important;display:block!important}.shell:has(.learning-feedback) .sidebar,.feedback-header,.feedback-actions,.topbar{display:none!important}.shell:has(.learning-feedback) .main{padding:0!important;margin:0!important}.feedback-report{max-width:100%;margin:0}.feedback-course-card,.feedback-meta{break-inside:avoid;print-color-adjust:exact}.feedback-report>h3{break-after:avoid}.feedback-course-grid{grid-template-columns:1fr 1fr}}

.shell:has(.learning-feedback) .main{background:#fff}@media print{.toast{display:none!important}}

/* Reuse the application form focus and dropdown interaction styles. */
.feedback-form input,.feedback-form textarea{border-color:#d7dce3;outline:none;transition:border-color .18s,box-shadow .18s}
.feedback-form input:focus,.feedback-form textarea:focus{border-color:#36B8C1;outline:none;box-shadow:none}
.feedback-form .modal-select-control{min-width:0}
.feedback-form .modal-select-control>select{width:1px;min-height:0;height:1px;padding:0;border:0}
.feedback-form .modal-select-trigger{height:40px;outline:none}
.feedback-form .modal-select-trigger:focus-visible{border-color:#36B8C1;outline:none;box-shadow:none}
.feedback-form .modal-select-trigger span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.feedback-form .modal-select-menu{max-height:280px;overflow-y:auto}

/* Align report headings with the workbench assessment page header. */
.feedback-header{margin-left:-40px;margin-right:-40px}
.feedback-header>h1,.feedback-header>.ta-close{transform:translateY(-15px)}
@media(max-width:900px){.feedback-header{margin-left:-20px;margin-right:-20px}}

.feedback-form .feedback-primary:disabled{opacity:.5;cursor:not-allowed}

/* Keep the page header in place while long reports scroll independently. */
.shell:has(.feedback-report-scroll)>.main{height:100dvh;min-height:0;overflow:hidden;padding-bottom:0}
.learning-feedback:has(.feedback-report-scroll){height:100%;min-height:0;display:flex;flex-direction:column}
.learning-feedback:has(.feedback-report-scroll)>.feedback-header{flex-shrink:0}
.feedback-report-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b8c4ca transparent;padding-bottom:40px}
.feedback-report-scroll::-webkit-scrollbar{width:8px}
.feedback-report-scroll::-webkit-scrollbar-thumb{background:#b8c4ca;border-radius:4px}
.feedback-report-scroll:focus-visible{outline:2px solid #36B8C1;outline-offset:-2px}
@media print{.shell:has(.feedback-report-scroll)>.main,.learning-feedback:has(.feedback-report-scroll){height:auto;overflow:visible;display:block}.feedback-report-scroll{overflow:visible;height:auto;scrollbar-gutter:auto;padding-bottom:0}}

/* Compact learning progress cards match the report reference. */
.feedback-course-card{box-sizing:border-box;display:block;position:relative;overflow:hidden;min-height:70px;padding:10px 20px 10px 22px;border-radius:11px;background:#f5f5f5}
.feedback-course-card::before{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:#2eb6c2}
.feedback-course-card>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
.feedback-course-card .feedback-course-heading{margin-bottom:9px}
.feedback-course-card h3{margin:0;font-size:18px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.feedback-course-card small{flex-shrink:0;font-size:14px;font-weight:400}
.feedback-course-card p{margin:0;font-size:14px;line-height:20px}
.feedback-course-percent{flex-shrink:0;font-size:14px;line-height:20px}

/* Today's lesson: course summary and daily learning metrics. */
.feedback-today-card{width:calc((100% - 20px)/2);padding:10px 20px 12px;border:1px solid #dedede;background:#f5f5f5;border-radius:11px}
.feedback-today-card::before{display:none}
.feedback-today-card>.feedback-today-details{display:block;margin:12px -20px -12px;padding:18px 20px 12px;background:#fff}
.feedback-today-details p{font-size:16px;line-height:1.6;margin:0 0 6px}
.feedback-today-details p:last-child{margin-bottom:0}
@media(max-width:900px){.feedback-today-card{width:100%}}
@media print{.feedback-today-card{width:calc((100% - 20px)/2);break-inside:avoid}}

/* Daily anti-forgetting reviews grouped by course. */
.feedback-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.feedback-review-grid>.feedback-review-card{width:100%}
.feedback-review-section+.feedback-review-section{border-top:1px solid #dedede;margin-top:18px;padding-top:18px}
.feedback-review-range{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;font-size:16px;line-height:1.6}
.feedback-review-range>span:last-child{white-space:nowrap;flex-shrink:0}
@media(max-width:900px){.feedback-review-grid{grid-template-columns:1fr}}
@media print{.feedback-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
