/* Cursos page + Udemy mode styles */
.page-title { font-size: var(--mf-font-size-2xl); margin-bottom: var(--mf-space-xl); }

/* Breadcrumb */
.cursos-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: var(--mf-font-size-sm); margin-bottom: var(--mf-space-sm); }
.breadcrumb-link { color: var(--mf-text-muted); text-decoration: none; transition: color var(--mf-transition-fast); }
.breadcrumb-link:hover { color: var(--mf-red); }
.breadcrumb-sep { color: var(--mf-gray-600); }
.breadcrumb-current { color: var(--mf-text); font-weight: var(--mf-font-weight-semibold); }

/* Curso Detalhe (YouTube Playlist Mode) */
.curso-layout { 
    display: grid; 
    grid-template-columns: minmax(0, 1fr) 400px; 
    gap: var(--mf-space-lg); 
    align-items: start; 
}
.curso-main { 
    display: flex; 
    flex-direction: column; 
    gap: var(--mf-space-lg); 
}
.curso-player-area { 
    width: 100%; 
    aspect-ratio: 16/9; 
    background: #000; 
    border-radius: var(--mf-radius-lg); 
    overflow: hidden; 
}
.curso-player-area video { 
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
}
.curso-info-area { 
    background: transparent; 
}
.curso-info-area .aula-titulo { 
    font-size: var(--mf-font-size-xl); 
    font-weight: var(--mf-font-weight-bold); 
    margin-bottom: var(--mf-space-xs); 
}

/* Sidebar de aulas */
.curso-sidebar { 
    width: 100%; 
    background: var(--mf-bg-surface); 
    border: 1px solid var(--mf-border); 
    border-radius: var(--mf-radius-lg);
    display: flex; 
    flex-direction: column; 
    height: calc(100vh - var(--mf-header-height) - (var(--mf-space-lg) * 2)); 
    position: sticky;
    top: calc(var(--mf-header-height) + var(--mf-space-lg));
}
.curso-sidebar-header { padding: var(--mf-space-md) var(--mf-space-lg); font-weight: var(--mf-font-weight-bold); border-bottom: 1px solid var(--mf-border); font-size: var(--mf-font-size-md); }
.curso-modulos { flex: 1; overflow-y: auto; }
.modulo-header { padding: var(--mf-space-md) var(--mf-space-lg); background: var(--mf-bg-card); border-bottom: 1px solid var(--mf-border); cursor: pointer; font-weight: var(--mf-font-weight-semibold); font-size: var(--mf-font-size-md); display: flex; justify-content: space-between; align-items: center; transition: background var(--mf-transition-fast); }
.modulo-header:hover { background: var(--mf-bg-card-hover); }
.aula-item { display: flex; align-items: center; gap: var(--mf-space-sm); padding: var(--mf-space-sm) var(--mf-space-lg); cursor: pointer; font-size: var(--mf-font-size-md); border-bottom: 1px solid var(--mf-border); transition: background var(--mf-transition-fast); }
.aula-item:hover, .aula-item.active { background: var(--mf-sidebar-active); }
.aula-checkbox { width: 18px; height: 18px; border: 2px solid var(--mf-gray-500); border-radius: var(--mf-radius-full); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all var(--mf-transition-fast); }
.aula-item.watched .aula-checkbox { background: var(--mf-success); border-color: var(--mf-success); }
.aula-item.watched .aula-checkbox::after { content: "✓"; color: white; font-size: 10px; font-weight: bold; }
.aula-time { font-size: var(--mf-font-size-xs); color: var(--mf-text-muted); margin-left: auto; white-space: nowrap; }

/* Anotações */
.notas-section { margin-top: var(--mf-space-md); padding: var(--mf-space-lg); background: var(--mf-bg-surface); border-radius: var(--mf-radius-lg); border: 1px solid var(--mf-border); }
.notas-section h4 { margin-bottom: var(--mf-space-md); font-size: var(--mf-font-size-lg); }
.nota-input-area { display: flex; gap: var(--mf-space-sm); margin-bottom: var(--mf-space-md); }
.nota-input-area textarea { flex: 1; padding: var(--mf-space-sm); background: var(--mf-bg-input); border: 1px solid var(--mf-border); border-radius: var(--mf-radius-md); color: var(--mf-text); resize: vertical; min-height: 60px; font-family: inherit; }
.nota-item { display: flex; flex-direction: column; gap: 8px; padding: var(--mf-space-md) 0; border-bottom: 1px solid var(--mf-border); }
.nota-item:last-child { border-bottom: none; }
.nota-header { display: flex; align-items: center; justify-content: space-between; }
.nota-timestamp { display: inline-flex; align-items: center; color: var(--mf-red); font-weight: var(--mf-font-weight-semibold); font-size: var(--mf-font-size-sm); cursor: pointer; white-space: nowrap; background: rgba(229, 9, 20, 0.12); padding: 3px 8px; border-radius: var(--mf-radius-sm); transition: background var(--mf-transition-fast); }
.nota-timestamp:hover { background: rgba(229, 9, 20, 0.25); }
.nota-actions { display: flex; align-items: center; gap: 8px; }
.btn-nota-action { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; font-size: 0.78rem; font-weight: 500; background: rgba(255, 255, 255, 0.06); color: var(--mf-text-secondary); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--mf-radius-sm); cursor: pointer; transition: all var(--mf-transition-fast); }
.btn-nota-action:hover { color: var(--mf-white); background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.25); }
.btn-nota-delete:hover { color: #ff4d4f; border-color: rgba(255, 77, 79, 0.4); background: rgba(255, 77, 79, 0.12); }
.nota-text { font-size: 0.92rem; color: var(--mf-text); line-height: 1.5; white-space: pre-wrap; word-break: break-word; margin: 0; }
.nota-edit-form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.nota-edit-textarea { width: 100%; padding: 10px 12px; background: var(--mf-bg-input); border: 1px solid var(--mf-red); border-radius: var(--mf-radius-sm); color: var(--mf-text); resize: vertical; min-height: 60px; font-family: inherit; font-size: 0.92rem; }
.nota-edit-buttons { display: flex; gap: 8px; }
.btn-sm { padding: 4px 12px; font-size: 0.8rem; }

@media (max-width: 992px) {
    .curso-layout { grid-template-columns: 1fr; }
    .curso-sidebar { height: 400px; position: static; }
}