/* Course management (views/common/course_*.php) */
.course-hidden { display: none !important; }

.course-filters { flex-wrap: wrap; gap: 8px; }
.course-filters .form-control { min-width: 150px; width: auto; }

.course-title-cell { display: flex; align-items: center; gap: 12px; min-width: 220px; }
.course-title-cell img { width: 64px; height: 40px; border-radius: 8px; object-fit: cover; background: #f1f5f9; flex-shrink: 0; }
.course-title-cell .title { font-weight: 600; color: var(--text-main); display: block; }
.course-title-cell .subtitle { font-size: 0.78rem; color: var(--text-muted); }

.course-steps { margin-bottom: 20px; overflow-x: auto; }
.course-step-no { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #e2e8f0; color: #475569; font-size: 0.75rem; margin-right: 6px; }
.course-steps .tab-link.active .course-step-no { background: var(--primary); color: #fff; }
.course-steps .tab-link.has-error { color: var(--danger, #dc2626); }
.course-steps .tab-link.has-error .course-step-no { background: var(--danger, #dc2626); color: #fff; }

.course-step-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--border-color); }
.course-step-nav .course-step-submit { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }

.course-editor { background: #fff; border-radius: 10px; }
.course-editor .ql-toolbar { border-radius: 10px 10px 0 0; }
.course-editor .ql-container { min-height: 220px; border-radius: 0 0 10px 10px; font-size: 0.95rem; }

.course-multi { min-height: 120px; }
.course-thumb-preview { width: 100%; max-width: 402px; aspect-ratio: 402 / 248; height: auto; border-radius: 12px; object-fit: cover; border: 1px solid var(--border-color); background: #f8fafc; }
.course-meta-preview { width: 100%; max-width: 360px; aspect-ratio: 1200 / 630; height: auto; border-radius: 12px; object-fit: cover; border: 1px solid var(--border-color); background: #f8fafc; }

.course-radio-group { display: flex; flex-wrap: wrap; gap: 16px; }
.course-radio-group label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 0.92rem; }

.course-content-links { display: flex; flex-wrap: wrap; gap: 8px; }
.course-progress { display: flex; align-items: center; gap: 8px; min-width: 120px; }
.course-progress .progress-bar-container { flex: 1; }