/* 導師上課紀錄（學習平台） */
.rec-banner { border:1px solid #C9A227; background:#F6EED6; padding:12px 16px; margin:0 0 14px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.rec-banner.warn { border-color:#B03A2E; background:#FDECEC; }
.rec-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 14px; }
.rec-card { background:#fff; border:1px solid #D9DEE6; padding:14px 16px; margin:0 0 12px; }
.rec-names { display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; margin:0 0 10px; }
.rec-names .k { display:block; font-size:12px; color:#5F6B7A; }
.rec-pending { color:#8C6E12; }
.rec-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:10px; }
.rec-grid .f { display:flex; flex-direction:column; gap:4px; font-size:12.5px; color:#5F6B7A; }
.rec-grid input, .rec-grid select { font:inherit; color:#1F3864; padding:6px 8px; border:1px solid #D9DEE6; }
.rec-chip { display:inline-block; font-size:12px; padding:1px 7px; border-left:3px solid #1F3864; background:#EEF2F8; margin-right:6px; }
.rec-meta { margin:0 0 8px; }
@media (max-width: 640px) { .rec-names { grid-template-columns:1fr; } }