/* ===== Graciedion LMS — course/lesson page additions ===== */

.glms-attachments { margin-top: 24px; padding: 20px; background: #fff; border: 1px solid var(--gm-border, #eaeaea); border-radius: var(--gm-radius, 12px); }
.glms-attachments h3 { margin-top: 0; font-size: 1rem; }
.glms-attachments__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.glms-attachments__list li a {
	display: flex; align-items: center; gap: 8px;
	padding: 8px 12px;
	background: var(--gm-bg-light, #F7F7F7);
	border-radius: 8px;
	font-size: 0.88rem;
}
.glms-attachments__list li a::before { content: '📎'; }

.glms-live-class { margin: 20px 0; padding: 18px 20px; background: rgba(60,133,153,0.08); border: 1px solid var(--gm-primary, #3C8599); border-radius: var(--gm-radius, 12px); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.glms-live-class__label { font-weight: 700; font-family: var(--gm-font-heading); }

.glms-instructors { margin-top: 24px; padding: 20px; background: #fff; border: 1px solid var(--gm-border, #eaeaea); border-radius: var(--gm-radius, 12px); }
.glms-instructors h3 { margin-top: 0; font-size: 1rem; }
.glms-instructors__list { display: flex; gap: 14px; flex-wrap: wrap; }
.glms-instructor { display: flex; align-items: center; gap: 8px; }
.glms-instructor img { border-radius: 50%; }
.glms-instructor span { font-size: 0.85rem; font-weight: 600; }

.glms-assignment { margin-top: 20px; padding: 20px; background: #fff; border: 1px solid var(--gm-border, #eaeaea); border-radius: var(--gm-radius, 12px); }
.glms-assignment h3 { margin-top: 0; }
.glms-assignment__status { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 12px; }
.glms-assignment__status--none { background: rgba(92,98,102,0.12); color: var(--gm-text-muted, #5c6266); }
.glms-assignment__status--pending { background: rgba(255,193,7,0.18); color: #a56800; }
.glms-assignment__status--graded { background: rgba(76,204,107,0.15); color: #1e8e3e; }
.glms-assignment__feedback { margin-top: 12px; padding: 12px; background: var(--gm-bg-light, #F7F7F7); border-radius: 8px; font-size: 0.88rem; }