
.teacher-portal-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#f7faff)}.teacher-month-filter label{display:grid;gap:5px;font-size:12px}.teacher-month-filter input{padding:10px 12px;border:1px solid var(--line);border-radius:10px}.teacher-assignment-grid{display:grid;gap:14px}.teacher-assignment-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.teacher-assignment-card>summary{list-style:none;cursor:pointer;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.teacher-assignment-card>summary::-webkit-details-marker{display:none}.teacher-assignment-card>summary span:first-child{display:grid;gap:3px}.teacher-assignment-card>summary small{color:var(--muted)}.teacher-report-form{padding:0 18px 18px;grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-report-form .wide{grid-column:1/-1}.teacher-report-form textarea{width:100%;resize:vertical;min-height:70px;padding:11px;border:1px solid #d9deea;border-radius:11px;font:inherit}.teacher-report-roster{border:1px solid var(--line);border-radius:14px;overflow:hidden}.teacher-roster-head{padding:13px 15px;background:#f8faff;display:flex;justify-content:space-between;gap:12px}.teacher-roster-head small{color:var(--muted)}.teacher-roster-row{display:grid;grid-template-columns:minmax(170px,1fr) 150px minmax(180px,1.1fr);gap:10px;align-items:center;padding:11px 15px;border-top:1px solid var(--line)}.teacher-roster-row div{display:grid;gap:2px}.teacher-roster-row small{color:var(--muted)}.teacher-roster-row select,.teacher-roster-row input{padding:9px 10px;border:1px solid #d9deea;border-radius:10px;background:#fff}.teacher-whatsapp-list{display:grid;gap:4px}html[data-theme=dark] .teacher-portal-hero,html[data-theme=dark] .teacher-assignment-card{background:#172238;border-color:#2b3750}html[data-theme=dark] .teacher-roster-head{background:#111b2e}html[data-theme=dark] .teacher-report-form textarea,html[data-theme=dark] .teacher-roster-row select,html[data-theme=dark] .teacher-roster-row input,html[data-theme=dark] .teacher-month-filter input{background:#111b2e;color:#e5ecfa;border-color:#3b4b66}@media(max-width:800px){.teacher-portal-hero{align-items:flex-start;flex-direction:column}.teacher-report-form{grid-template-columns:1fr}.teacher-report-form .wide{grid-column:auto}.teacher-roster-row{grid-template-columns:1fr}.teacher-roster-head{flex-direction:column}}

html[data-theme=dark] table input{background:#111b2e;color:#e5ecfa;border:1px solid #3b4b66;border-radius:9px;padding:8px} table input{max-width:240px;width:100%;padding:8px;border:1px solid #d9deea;border-radius:9px}

.room-learning-report-hub{border-color:rgba(18,180,180,.22)}.room-learning-filter{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.room-learning-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.room-comm-settings{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:14px}.room-comm-settings summary{cursor:pointer;font-weight:800}.learning-period-report{max-width:1100px;margin:auto}.report-range-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}.report-range-form label{display:grid;gap:5px}.report-range-form input,.report-range-form select{padding:10px 12px;border:1px solid var(--line);border-radius:10px}.report-send-panel .inline-actions form{display:inline-flex}.learning-report-list{display:grid;gap:12px}.learning-report-item{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.learning-report-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.learning-report-head small{display:block;color:var(--muted);margin-top:3px}.learning-report-item p{margin:8px 0 0}.room-wa-ready textarea{width:100%;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}.progress-lesson-report-list{display:grid;gap:12px;padding:0 22px 22px}.progress-lesson-report{display:grid;grid-template-columns:1fr auto;gap:8px 14px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.progress-lesson-report small{display:block;color:var(--muted)}.progress-lesson-report p{grid-column:1/-1;margin:0;font-size:13px}.progress-lesson-report p+p{margin-top:4px}html[data-theme=dark] .learning-report-item,html[data-theme=dark] .progress-lesson-report{background:#172238;border-color:#2b3750}html[data-theme=dark] .report-range-form input,html[data-theme=dark] .report-range-form select,html[data-theme=dark] .room-wa-ready textarea{background:#111b2e;color:#e5ecfa;border-color:#3b4b66}@media(max-width:800px){.room-learning-filter,.report-range-form{grid-template-columns:1fr}.learning-report-head{flex-direction:column}.report-learning-stats{grid-template-columns:1fr 1fr}.progress-lesson-report{grid-template-columns:1fr}.progress-lesson-report p{grid-column:1}}
